本文へスキップ

Fn project

Fn projectの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Fn project Logo

ブランドカラー

クリックでカラーコードをコピー
単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 32 32
ファイルサイズ
1.4 KB · 1 パス
公式サイト
https://fnproject.io/

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますFn project.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
Fn project
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#A51412rgb(165, 20, 18) · hsl(1, 80%, 36%)
WCAG コントラストとファイルサイズ
白背景 7.8:1 · 黒背景 2.6:1 · 1.4 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="64" height="64"><path d="M7.708 27.602a1.2 1.2 0 0 1-.73-.961c-.073-.656.462-1.22.936-1.617 0 0 .05-.024.122-.086.22-.17.682-.56 1.18-1.216.58-.762 1.036-1.612 1.35-2.517h7.587a2.13 2.13 0 0 0 4.182-.559c.001-.564-.223-1.106-.622-1.505s-.94-.623-1.505-.622c-.95 0-1.738.62-2.018 1.47H6.08v-1.2h5.033a12.43 12.43 0 0 0 .073-1.386h.656c.255.875 1.076 1.52 2.03 1.52.565.001 1.106-.223 1.506-.622s.623-.94.622-1.506a2.13 2.13 0 0 0-2.127-2.127 2.12 2.12 0 0 0-2.03 1.52H-.001v-1.148H10.99l-.292-1.47h6.17c.255.875 1.076 1.52 2.03 1.52a2.13 2.13 0 0 0 2.127-2.127 2.13 2.13 0 0 0-2.127-2.127 2.12 2.12 0 0 0-2.03 1.52H4.936v.012H3.598v-1.19h6.37C9.52 9.93 8.924 8.58 8.146 7.134c0 0-1.033-2.724 0-3.064 0 0 .985-.985 7.417 1.982C16.62 6.54 17.617 7.2 18.6 7.846c2.286 1.483 4.463 3.173 6.42 5.082 2.323 2.274 4.39 4.912 5.666 7.914a17.19 17.19 0 0 1 .863 2.565c.194.766.36 1.568.45 2.358.012.158.024.316-.012.474-.255.79-1.726 1.12-2.407 1.264-.96.207-1.937.268-2.918.36-2.833.268-5.7.268-8.535.23l-5.155-.158-4.997-.255a1.26 1.26 0 0 1-.255-.061zm12.025-14.736c0 .457-.37.827-.827.827s-.827-.37-.827-.827c0-.295.158-.568.413-.716s.57-.148.827 0 .413.42.413.716zm-5.022 3.842c0 .456-.37.826-.826.827s-.827-.37-.827-.826.37-.827.826-.827c.45 0 .827.364.827.827zm6.335 3.83c0 .456-.37.826-.826.827s-.827-.37-.827-.826.37-.827.826-.827c.45 0 .827.377.827.827z" fill="#a51412"/></svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 32 32")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
カテゴリをすべて見る
完了しました