本文へスキップ

Sonic

Sonicの公式ベクターロゴ。金融・決済カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Sonic 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.6 KB · 7 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Sonic
カテゴリ
金融・決済
公式カラー (HEX / RGB / HSL)
#3B82F6rgb(59, 130, 246) · hsl(217, 91%, 60%)
WCAG コントラストとファイルサイズ
白背景 3.7:1 · 黒背景 5.4:1 · 1.6 KB

SVG コード

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8356 14.183L13.8378 14.1815C13.8378 14.1815 13.8356 14.183 13.8341 14.1837C13.8349 14.1837 13.8356 14.1837 13.8363 14.1837L13.8356 14.183Z" fill="black"/>
<path d="M13.8341 14.1837C10.4332 15.2042 7.62079 16.6929 5.85893 18.4364L5.78119 18.514C6.24981 18.9568 6.76347 19.3531 7.31855 19.6899L7.4377 19.544C7.91867 18.9568 8.43451 18.3899 8.97142 17.8557C10.4122 16.4214 12.0599 15.1803 13.8341 14.1837Z" fill="black"/>
<path d="M14.2272 12.671H3C3.13586 14.4907 3.81227 16.1594 4.87374 17.5167L4.92242 17.4681C6.01296 16.3931 7.43261 15.4161 9.14506 14.5647C10.6461 13.8179 12.3694 13.1769 14.2272 12.671Z" fill="black"/>
<path d="M9.92319 5.19202C12.9667 8.22166 16.797 10.225 20.9985 10.9849C20.4921 6.49345 16.6655 3 12.0156 3C10.7878 3 9.61732 3.24461 8.54858 3.68591C8.98232 4.20779 9.44585 4.71588 9.92319 5.19275V5.19202Z" fill="black"/>
<path d="M5.85893 5.56293C7.62079 7.30929 10.4347 8.7958 13.8363 9.81851C12.0607 8.81976 10.4114 7.5793 8.96997 6.14432C8.43451 5.61156 7.9194 5.04468 7.43625 4.45603L7.3171 4.31014C6.76202 4.64693 6.24836 5.04251 5.78192 5.48527L5.85966 5.56293H5.85893Z" fill="black"/>
<path d="M9.92319 18.8072C9.44367 19.2841 8.98087 19.7922 8.54858 20.3141C9.61586 20.7554 10.7878 21 12.0156 21C16.6655 21 20.4921 17.5058 21 13.0129C16.7992 13.7729 12.9688 15.7762 9.92464 18.8058L9.92319 18.8072Z" fill="black"/>
<path d="M9.14289 9.43236V9.43381C7.43189 8.5824 6.01296 7.6047 4.92242 6.53119L4.87374 6.48256C3.81227 7.83987 3.13586 9.50857 3 11.3282H14.225C12.368 10.8223 10.6461 10.1814 9.14289 9.43236Z" fill="black"/>
</svg>

使用上の注意

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