本文へスキップ

Yoco

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

Yoco Logo

ブランドカラー

クリックでカラーコードをコピー
単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 55:21
書き出し解像度
1024 × 1024 px
viewBox
0 0 110 42
ファイルサイズ
1.4 KB · 1 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Yoco
カテゴリ
金融・決済
公式カラー (HEX / RGB / HSL)
#141414rgb(20, 20, 20) · hsl(0, 0%, 8%)
WCAG コントラストとファイルサイズ
白背景 18.4:1 · 黒背景 1.1:1 · 1.4 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110 42"><path fill="#141414" fill-rule="evenodd" d="M36.05 20.859c0 3.324 1.973 4.941 5.28 4.941s5.338-1.434 5.338-4.941c0-3.599-2.03-5.155-5.31-5.155-3.306 0-5.308 1.648-5.308 5.125zm5.37-12.334c2.57 0 4.863.486 6.82 1.425 3.976 1.944 6.331 5.604 6.331 10.819v.129c0 2.72-.55 4.956-1.651 6.77-2.202 3.595-6.24 5.312-11.561 5.312-2.691 0-5.016-.422-7.035-1.296-3.976-1.75-6.178-5.247-6.178-10.818V20.8c0-2.591.581-4.794 1.682-6.608C32.092 10.5 36.16 8.524 41.42 8.524m-24.587 9.288 5.273-8.705h8.755l-10.155 16.65v6.574h-8.04v-6.607L3 9.108h8.788zM92.758 25.8c-3.307 0-5.28-1.617-5.28-4.941v-.03c0-3.477 2.002-5.125 5.309-5.125 3.278 0 5.309 1.556 5.309 5.155 0 3.507-2.031 4.941-5.338 4.941m6.91-15.85c-1.957-.939-4.25-1.425-6.82-1.425-5.26 0-9.328 1.976-11.591 5.668-1.102 1.814-1.683 4.017-1.683 6.608v.065c0 5.57 2.202 9.069 6.179 10.818 2.018.874 4.343 1.296 7.034 1.296 5.322 0 9.359-1.717 11.561-5.312 1.101-1.814 1.652-4.05 1.652-6.77v-.13c0-5.214-2.356-8.874-6.332-10.818m-41.842 4.243c2.263-3.692 6.33-5.668 11.591-5.668 2.57 0 4.863.486 6.82 1.425q.952.466 1.774 1.06v7.35s-4.014-2.655-7.561-2.655c-3.308 0-5.966 1.647-5.966 5.124v.03c0 3.325 2.63 4.941 5.937 4.941 3.63 0 7.59-2.655 7.59-2.655v7.567c-2.23 1.524-5.163 2.268-8.655 2.268-2.691 0-5.016-.421-7.034-1.296-3.976-1.749-6.178-5.247-6.178-10.818V20.8c0-2.591.58-4.794 1.682-6.608" clip-rule="evenodd"/></svg>

使用上の注意

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