本文へスキップ
ツールDrupal

Druplicon

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

Druplicon 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
ファイルサイズ
842 B · 6 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Druplicon
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#00598Ergb(0, 89, 142) · hsl(202, 100%, 28%)
WCAG コントラストとファイルサイズ
白背景 7.4:1 · 黒背景 2.7:1 · 842 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg"
aria-label="Drupal" role="img"
viewBox="0 0 512 512"
fill="#fff"><path
d="m0 0H512V512H0"/><path fill="#00598e" d="M383 152A175 175 0 11102 355"/><path fill="#0073ba" d="M243 97V48c26 31 40 47 84 65 21 9 40 21 56 38 19 25 27 97-91 166s-155 72-190 38c-44-79-8-159 9-181"/><path fill="#93c5e4" d="M243 86V50s18 36-6 52c31 31-186 161-115 59"/><path d="M221 104c42 7-104 105-105 75 0-15 23-38 40-50s87-29 86-79c0 0 24 38-21 54m1 171c-70 0-100 106-10 106 36 0 86-47 110-47s45 45 62 45c32 0 58-97 12-97-19 0-59 40-75 38-29-4-56-45-99-45m20 142c25 19 79 14 103-4 6-5 3-14-3-9-17 14-74 18-92 2-5-5-19 3-8 11m42-32c6-5 11-13 26-13s20 11 23 14 9-2 6-8-6-17-28-17-30 14-34 17-2 14 7 7"/><path stroke="#004975" fill="none" stroke-width="4" d="M186 113a175 175 0 10141 0c-44-18-58-34-84-65-4 41-26 50-57 65"/></svg>

使用上の注意

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