本文へスキップ
ツールdiun-dashダーク版

Diun Dash

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

Diun Dash 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
ファイルサイズ
765 B · 5 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Diun Dash (diun-dash)
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#2496EDrgb(36, 150, 237) · hsl(206, 85%, 54%)
WCAG コントラストとファイルサイズ
白背景 3.2:1 · 黒背景 6.3:1 · 765 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="diun-dash_svg__Layer_1" x="0" y="0" version="1.1" viewBox="0 0 512 512"><style>.diun-dash_svg__st0{fill:#2496ed}</style><circle cx="256" cy="256" r="256" class="diun-dash_svg__st0"/><path d="M144 192h224c8.8 0 16 7.2 16 16v128c0 8.8-7.2 16-16 16H144c-8.8 0-16-7.2-16-16V208c0-8.8 7.2-16 16-16" style="fill:#e9f4fd"/><path d="M360 340H152c-6.6 0-12-5.4-12-12V216c0-6.6 5.4-12 12-12h208c6.6 0 12 5.4 12 12v112c0 6.6-5.4 12-12 12M152 212c-2.2 0-4 1.8-4 4v112c0 2.2 1.8 4 4 4h208c2.2 0 4-1.8 4-4V216c0-2.2-1.8-4-4-4z" class="diun-dash_svg__st0"/><path d="M160 224h192v16H160zm0 32h192v16H160zm0 32h192v16H160z" style="fill:#73bcf3"/><path d="m384 128 32 32-32 32 16-32h-80v-32z" style="fill:gold"/></svg>

使用上の注意

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