本文へスキップ

Distrobox

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

Distrobox 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 24 24
ファイルサイズ
1.2 KB · 1 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Distrobox
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#4F433Crgb(79, 67, 60) · hsl(22, 14%, 27%)
WCAG コントラストとファイルサイズ
白背景 9.5:1 · 黒背景 2.1:1 · 1.2 KB

SVG コード

<svg fill="#4F433C" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Distrobox</title><path d="M12 0a2.596 2.596 0 0 0-1.298.348L2.558 5.05A2.596 2.596 0 0 0 1.26 7.298v9.404a2.596 2.596 0 0 0 1.298 2.248l8.144 4.702a2.596 2.596 0 0 0 2.596 0l8.144-4.702a2.596 2.596 0 0 0 1.298-2.248V7.298a2.596 2.596 0 0 0-1.298-2.248L13.298.348A2.596 2.596 0 0 0 12 0Zm-.15.9a.865.865 0 0 1 .583.102l7.876 4.548a.288.288 0 0 1 0 .5l-7.876 4.547a.865.865 0 0 1-.866 0L3.691 6.049a.288.288 0 0 1 0-.5l7.876-4.547A.865.865 0 0 1 11.85.9zm4.126 4.069-2.666 1.54.69.398 2.667-1.539zm-5.025.4-3.618.862.846.489 2.239-.634-1.083 1.301.846.489 1.493-2.089zM2.498 7.746a.288.288 0 0 1 .194.034l7.876 4.547a.865.865 0 0 1 .433.75v9.095a.288.288 0 0 1-.433.25l-7.876-4.548a.865.865 0 0 1-.433-.75V8.03a.288.288 0 0 1 .239-.284zm19.004 0a.288.288 0 0 1 .239.284v9.095a.865.865 0 0 1-.433.749l-7.876 4.547a.288.288 0 0 1-.433-.25v-9.094a.865.865 0 0 1 .433-.75l7.876-4.547a.288.288 0 0 1 .194-.034zm-17.58 3.529v.977l1.67 1.622-1.67-.288v.977l2.556.249v-.835zm13.296 2.878-2.555.248v.977l1.668-.304-1.668 1.639v.977l2.555-2.703zm2.86.85-2.667 1.539v.798l2.666-1.54zM6.67 16.589v.798l2.666 1.54v-.798z"/></svg>

使用上の注意

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