本文へスキップ

DiscoPanel

DiscoPanelの公式ベクターロゴ。消費財ブランドカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

DiscoPanel 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
ファイルサイズ
1.6 KB · 4 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
DiscoPanel
公式カラー (HEX / RGB / HSL)
#55AA55rgb(85, 170, 85) · hsl(120, 33%, 50%)
WCAG コントラストとファイルサイズ
白背景 2.9:1 · 黒背景 6.9:1 · 1.6 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M325.8 186.2H186.2v139.6h139.6z" style="fill:#5a5"/><path d="M256 209.4v-23.2h46.5v23.2zm0 93.1h46.5V256H256zm-46.6-93.1v-23.2h-23.2v23.2zm0 46.6h-23.2v46.5h23.2z" style="fill:#3c7f3c"/><path d="M325.8 209.4V256h-23.3v-46.6zM256 256v-46.6h-46.6V256zm-46.6 46.5v23.3H256v-23.3zm116.4 0h-23.3v23.3h23.3z" style="fill:#8b5e3c"/><path d="M488.7 279.3c12.8 0 23.3-10.4 23.3-23.3s-10.4-23.3-23.3-23.3h-23.3v-69.8h23.3c12.8 0 23.3-10.4 23.3-23.3s-10.4-23.3-23.3-23.3h-23.3c0-38.5-31.3-69.8-69.8-69.8V23.3c0-12.8-10.4-23.3-23.3-23.3C359.5 0 349 10.4 349 23.3v23.3h-69.8V23.3C279.3 10.4 268.8 0 256 0s-23.3 10.4-23.3 23.3v23.3h-69.8V23.3c0-12.8-10.4-23.3-23.3-23.3s-23.3 10.4-23.3 23.3v23.3c-38.5 0-69.8 31.3-69.8 69.8H23.3C10.4 116.4 0 126.8 0 139.6s10.4 23.3 23.3 23.3h23.3v69.8H23.3C10.4 232.7 0 243.2 0 256s10.4 23.3 23.3 23.3h23.3v69.8H23.3C10.4 349.1 0 359.5 0 372.4c0 12.8 10.4 23.3 23.3 23.3h23.3c0 38.5 31.3 69.8 69.8 69.8v23.3c0 12.8 10.4 23.3 23.3 23.3s23.3-10.4 23.3-23.3v-23.3h69.8v23.3c0 12.8 10.4 23.3 23.3 23.3s23.3-10.4 23.3-23.3v-23.3h69.8v23.3c0 12.8 10.4 23.3 23.3 23.3 12.8 0 23.3-10.4 23.3-23.3v-23.3c38.5 0 69.8-31.3 69.8-69.8h23.3c12.8 0 23.3-10.4 23.3-23.3 0-12.8-10.4-23.3-23.3-23.3h-23.3v-69.8zm-69.8 116.3c0 12.8-10.5 23.3-23.3 23.3H116.4c-12.8 0-23.3-10.5-23.3-23.3V116.4c0-12.8 10.4-23.3 23.3-23.3h279.3c12.8 0 23.3 10.4 23.3 23.3v279.2zm-93.1-256H186.2c-25.7 0-46.5 20.9-46.5 46.5v139.6c0 25.7 20.9 46.5 46.5 46.5h139.6c25.7 0 46.5-20.9 46.5-46.5V186.2c.1-25.7-20.8-46.6-46.5-46.6m0 186.2H186.2V186.2h139.6z"/></svg>

使用上の注意

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