本文へスキップ

Devicon

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

Devicon 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 128 128
ファイルサイズ
727 B · 6 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Devicon
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#60BE86rgb(96, 190, 134) · hsl(144, 42%, 56%)
WCAG コントラストとファイルサイズ
白背景 2.3:1 · 黒背景 8.7:1 · 727 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill="#558d6c" d="M4.92 8l10.17 87.05L64 119.95V8H4.92z"/><path fill="#5aa579" d="M64 8v111.95l.05.05 48.93-24.91L123.08 8H64z"/><path fill="#60be86" d="M18.84 22.11l6.49 65.18L64 105.97V22.11H18.84z"/><path fill="#65d693" d="M64 22.11v83.86l.05.05 38.69-18.76 6.42-65.15H64z"/><path fill="#5aa579" d="M105.72 54.9L73.14 39.42l-1.83-.9-1.12 2.28L64 53.41V68.3l9.15-18.08 21.5 9.57-23.09 10.37-.87.47v10.88L73 80.38l32.78-15.69a2 2 0 00.92-2v-5.78a2 2 0 00-.98-2.01z"/><path fill="#558d6c" d="M56 69.39l-21.79-9.6 23.3-10.37 1.76-.7V37.76l-3.4 1.44-33.93 15.69a2.26 2.26 0 00-1.28 2v5.77a2.22 2.22 0 001.24 2l33.44 15.52 2 .9 1.21-2.26L64 68.3V53.41z"/></svg>

使用上の注意

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