本文へスキップ

Shifu

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

Shifu 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 6501 6501
ファイルサイズ
4.2 KB · 22 パス
公式サイト
https://shifu.dev/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Shifu
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#399BFFrgb(57, 155, 255) · hsl(210, 100%, 61%)
WCAG コントラストとファイルサイズ
白背景 2.9:1 · 黒背景 6.9:1 · 4.2 KB

SVG コード

<svg width="6501" height="6501" viewBox="0 0 6501 6501" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="1300.5" y="1256.01" width="200" height="1000" fill="#399BFF"/>
<rect x="2407.61" y="973.168" width="200" height="3272.79" fill="#399BFF"/>
<rect x="1866.19" y="690.325" width="200" height="800" transform="rotate(45 1866.19 690.325)" fill="#399BFF"/>
<rect x="2690.45" y="690.325" width="200" height="400" transform="rotate(45 2690.45 690.325)" fill="#399BFF"/>
<rect x="2007.61" y="2680.27" width="200" height="800" transform="rotate(135 2007.61 2680.27)" fill="#399BFF"/>
<rect x="2007.61" y="3680.27" width="200" height="1000" transform="rotate(-180 2007.61 3680.27)" fill="#399BFF"/>
<rect x="3114.71" y="4245.96" width="200" height="1565.69" transform="rotate(-180 3114.71 4245.96)" fill="#399BFF"/>
<rect x="4914.71" y="3680.27" width="200" height="1000" transform="rotate(-180 4914.71 3680.27)" fill="#399BFF"/>
<rect x="5480.4" y="4245.96" width="200" height="1565.68" transform="rotate(-180 5480.4 4245.96)" fill="#399BFF"/>
<rect x="3714.71" y="4245.96" width="200" height="1897.47" transform="rotate(-180 3714.71 4245.96)" fill="#399BFF"/>
<rect x="3114.71" y="2680.27" width="200" height="800" transform="rotate(135 3114.71 2680.27)" fill="#399BFF"/>
<rect x="5421.82" y="4104.54" width="200" height="800" transform="rotate(135 5421.82 4104.54)" fill="#399BFF"/>
<rect x="1441.92" y="4245.96" width="200" height="800" transform="rotate(-135 1441.92 4245.96)" fill="#399BFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M3614.71 2480.27C3769.35 2480.27 3894.71 2354.91 3894.71 2200.27C3894.71 2045.63 3769.35 1920.27 3614.71 1920.27C3460.08 1920.27 3334.71 2045.63 3334.71 2200.27C3334.71 2354.91 3460.08 2480.27 3614.71 2480.27ZM3614.71 2300.27C3669.94 2300.27 3714.71 2255.5 3714.71 2200.27C3714.71 2145.05 3669.94 2100.27 3614.71 2100.27C3559.49 2100.27 3514.71 2145.05 3514.71 2200.27C3514.71 2255.5 3559.49 2300.27 3614.71 2300.27Z" fill="#399BFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2007.61 970.325C2162.25 970.325 2287.61 844.965 2287.61 690.325C2287.61 535.685 2162.25 410.325 2007.61 410.325C1852.97 410.325 1727.61 535.685 1727.61 690.325C1727.61 844.965 1852.97 970.325 2007.61 970.325ZM2007.61 790.325C2062.84 790.325 2107.61 745.554 2107.61 690.325C2107.61 635.097 2062.84 590.325 2007.61 590.325C1952.38 590.325 1907.61 635.097 1907.61 690.325C1907.61 745.554 1952.38 790.325 2007.61 790.325Z" fill="#399BFF"/>
<rect x="4680.4" y="690.325" width="200" height="800" transform="rotate(45 4680.4 690.325)" fill="#399BFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4821.82 970.325C4976.46 970.325 5101.82 844.965 5101.82 690.325C5101.82 535.685 4976.46 410.325 4821.82 410.325C4667.18 410.325 4541.82 535.685 4541.82 690.325C4541.82 844.965 4667.18 970.325 4821.82 970.325ZM4821.82 790.325C4877.05 790.325 4921.82 745.554 4921.82 690.325C4921.82 635.097 4877.05 590.325 4821.82 590.325C4766.6 590.325 4721.82 635.097 4721.82 690.325C4721.82 745.554 4766.6 790.325 4821.82 790.325Z" fill="#399BFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1300.5 4525.96C1455.14 4525.96 1580.5 4400.6 1580.5 4245.96C1580.5 4091.32 1455.14 3965.96 1300.5 3965.96C1145.86 3965.96 1020.5 4091.32 1020.5 4245.96C1020.5 4400.6 1145.86 4525.96 1300.5 4525.96ZM1300.5 4345.96C1355.73 4345.96 1400.5 4301.19 1400.5 4245.96C1400.5 4190.73 1355.73 4145.96 1300.5 4145.96C1245.27 4145.96 1200.5 4190.73 1200.5 4245.96C1200.5 4301.19 1245.27 4345.96 1300.5 4345.96Z" fill="#399BFF"/>
<rect x="4314.71" y="5245.96" width="200" height="3989.95" transform="rotate(-180 4314.71 5245.96)" fill="#399BFF"/>
<rect x="3749.03" y="5811.64" width="200" height="800" transform="rotate(-135 3749.03 5811.64)" fill="#399BFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M3607.61 6091.64C3762.25 6091.64 3887.61 5966.28 3887.61 5811.64C3887.61 5657 3762.25 5531.64 3607.61 5531.64C3452.97 5531.64 3327.61 5657 3327.61 5811.64C3327.61 5966.28 3452.97 6091.64 3607.61 6091.64ZM3607.61 5911.64C3662.83 5911.64 3707.61 5866.87 3707.61 5811.64C3707.61 5756.42 3662.83 5711.64 3607.61 5711.64C3552.38 5711.64 3507.61 5756.42 3507.61 5811.64C3507.61 5866.87 3552.38 5911.64 3607.61 5911.64Z" fill="#399BFF"/>
<circle cx="4214.71" cy="2680.27" r="215" fill="#399BFF"/>
</svg>

使用上の注意

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