本文へスキップ

Swell Network

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

Swell Network 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.3 KB · 1 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Swell Network (Swell)
カテゴリ
金融・決済
公式カラー (HEX / RGB / HSL)
#3068EFrgb(48, 104, 239) · hsl(222, 86%, 56%)
WCAG コントラストとファイルサイズ
白背景 4.8:1 · 黒背景 4.1:1 · 1.3 KB

SVG コード

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2434 13.9065L20.2207 13.9304C20.2101 13.9413 20.1993 13.9523 20.1884 13.9631L13.9547 20.1868C12.8687 21.271 11.1081 21.271 10.0222 20.1868L8.30068 18.4682C8.17863 18.3469 8.17839 18.1495 8.29987 18.0276C8.33562 17.9917 8.37956 17.9651 8.42788 17.95C10.273 17.3804 11.7723 16.7229 12.9256 15.9776C15.6722 14.2025 18.1115 13.5121 20.2434 13.9065ZM18.9365 8.78675C21.2381 9.51201 20.9695 11.2051 21 11.8726C18.4794 10.5509 15.4471 11.0354 11.9031 13.3259C9.26153 15.0331 7.0488 15.7369 5.26493 15.4375C3.48105 15.138 3.07977 12.9594 3 12.3805C4.96015 13.3716 7.58703 12.8027 10.8806 10.6741C13.9496 8.69064 16.635 8.06149 18.9365 8.78675ZM13.9547 3.81314L15.5722 5.42784C15.694 5.5494 15.6942 5.74678 15.5726 5.86863C15.5293 5.9121 15.474 5.94178 15.4139 5.95391C13.0722 6.42565 11.1995 7.11515 9.79574 8.02242C7.3902 9.57709 5.34027 10.2997 3.64598 10.1903L3.64617 10.1898L10.0222 3.81314C11.1081 2.72895 12.8687 2.72895 13.9547 3.81314Z" fill="url(#paint0_linear_471_24)"/>
<defs>
<linearGradient id="paint0_linear_471_24" x1="12" y1="3" x2="11.8235" y2="33.3529" gradientUnits="userSpaceOnUse">
<stop stop-color="#3068EF"/>
<stop offset="1" stop-color="#1322AC"/>
</linearGradient>
</defs>
</svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 24 24")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました