本文へスキップ
ツールfrappe-builderダーク版

Frappe Builder

Frappe Builder(frappe-builder)の公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Frappe Builder 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 512 512
ファイルサイズ
574 B · 2 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Frappe Builder (frappe-builder)
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#0A62BCrgb(10, 98, 188) · hsl(210, 90%, 39%)
WCAG コントラストとファイルサイズ
白背景 6:1 · 黒背景 3.3:1 · 574 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M358.2 0H153.8C68.9 0 0 68.9 0 153.8v204.4C0 443.1 68.9 512 153.8 512h204.4c84.9 0 153.8-68.9 153.8-153.8V153.8C512 68.9 443.1 0 358.2 0" style="fill:#0a62bc"/><path d="m269.7 135.3 148.1 144.1h-.2c1 1 2 2.1 2.9 3.2l-30.4 49h-69.9L270 381.8c-.4.4-.8.7-1.2 1.1l-10.6 10.6-40.2-25.4V173H105v-46.2h143.4c8.2.1 15.9 3.1 21.3 8.5m-5.4 59.1v128.4l14.5-14.5 22.3-22.5h57.2l-39.1-38.2zm-159.1 85.7-.2-45.7 45.9-.2.2 46.2h-45.9z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"/></svg>

使用上の注意

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