本文へスキップ
ツールcannoli-shell

Cannoli Shell

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

Cannoli Shell 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
ファイルサイズ
557 B · 4 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Cannoli Shell (cannoli-shell)
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#4DE363rgb(77, 227, 99) · hsl(129, 73%, 60%)
WCAG コントラストとファイルサイズ
白背景 1.7:1 · 黒背景 11.8:1 · 557 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M428.1 513.6H86c-47.5 0-86-38.5-86-86V86C0 38.5 38.5 0 86 0h342c47.5 0 86 38.5 86 86v341.6c.1 47.5-38.4 86-85.9 86"/><circle cx="253.8" cy="252.9" r="214.5" style="fill:#0d0d0e"/><path d="M257.3 295.1v-11.4h121.8v22.8H257.3z" style="fill:#4de363"/><path d="m144.3 319.1-9.2-8.5 29.2-29.2c16-16 29.2-29.6 29.2-30.2s-12.8-14.3-28.5-30.4l-28.5-29.4 9.2-9.2 9.2-9.2 39.1 39 39.1 39-39.1 38.4c-21.5 21.1-39.4 38.3-39.7 38.3-.5-.1-5-4-10-8.6" style="fill:#50eb6d"/></svg>

使用上の注意

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