Spoke

ブランド / 表示名

Spoke

カテゴリ

ツール

公式カラー (HEX / RGB / HSL)

#FF5252rgb(255, 82, 82) · hsl(0, 100%, 66%)

WCAG コントラストとファイルサイズ

白背景 3.2:1 · 黒背景 6.2:1 · 3.5 KB

<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><clipPath ><use xlink:href="#J"/></clipPath><clipPath ><use xlink:href="#K"/></clipPath><clipPath ><use xlink:href="#L"/></clipPath><clipPath ><use xlink:href="#M"/></clipPath><clipPath ><use xlink:href="#N"/></clipPath><clipPath id="F"><use xlink:href="#O"/></clipPath><clipPath id="G"><use xlink:href="#P"/></clipPath><clipPath id="H"><use xlink:href="#Q"/></clipPath><clipPath id="I"><use xlink:href="#R"/></clipPath><path id="J" d="M97.5 20.2c-3.5 0-6.2-2.5-6.2-6.1 0-3.4 2.4-6.1 5.8-6.1 3.9 0 5.7 3.2 5.7 5.7 0 1-.7 1.6-1.6 1.6h-6.6c.3 1.5 1.4 2.3 2.9 2.3.9 0 1.7-.3 2.4-.8.2-.2.5-.3.8-.3.7 0 1.3.6 1.3 1.3a1.53 1.53 0 0 1-.4 1c-1 .9-2.4 1.4-4.1 1.4zm2.2-7c-.2-1.5-1.1-2.5-2.5-2.5s-2.3 1-2.6 2.5z"/><path id="K" d="M80.5 5.5c0-.9.7-1.7 1.7-1.7.9 0 1.7.7 1.7 1.7v7.3l4.2-4c.5-.5.9-.7 1.5-.7a1.47 1.47 0 0 1 1.5 1.5c0 .6-.3 1-.8 1.5l-2.6 2.3 3.1 4.2c.3.4.4.7.4 1.1 0 .9-.7 1.5-1.6 1.5-.7 0-1.1-.2-1.5-.8l-2.9-4-1.3 1.2v1.9c0 .9-.7 1.7-1.7 1.7-.9 0-1.7-.7-1.7-1.7z"/><path id="L" d="M66.7 14.2c0-3.4 2.7-6.2 6.4-6.2s6.4 2.7 6.4 6.1-2.7 6.1-6.4 6.1-6.4-2.7-6.4-6m9.4 0c0-1.8-1.3-3.3-3.1-3.3-1.9 0-3.1 1.5-3.1 3.2s1.3 3.3 3.1 3.3c2 0 3.1-1.5 3.1-3.2"/><path id="M" d="M53.3 9.7c0-.9.7-1.7 1.7-1.7.9 0 1.7.7 1.7 1.7v.2c.7-1.1 1.8-1.9 3.6-1.9 2.7 0 5.4 2.2 5.4 6.1s-2.6 6.1-5.4 6.1c-1.8 0-2.9-.8-3.7-1.8V22c0 .9-.7 1.7-1.7 1.7-.9 0-1.7-.7-1.7-1.7V9.7zm9 4.4c0-2-1.3-3.3-2.9-3.3s-2.9 1.3-2.9 3.3 1.3 3.3 2.9 3.3 2.9-1.3 2.9-3.3z"/><path id="N" d="M40.6 18.4c-.4-.3-.6-.7-.6-1.3a1.58 1.58 0 0 1 1.6-1.6c.4 0 .7.2 1 .3 1.2.9 2.4 1.4 3.9 1.4 1.4 0 2.2-.5 2.2-1.5 0-.9-.5-1.3-3.1-2-3.1-.8-5.1-1.6-5.1-4.7 0-2.8 2.2-4.6 5.4-4.6 1.9 0 3.5.5 4.9 1.4.4.2.7.7.7 1.3a1.58 1.58 0 0 1-1.6 1.6c-.3 0-.6-.1-.9-.2-1.1-.7-2.2-1-3.2-1-1.3 0-2 .6-2 1.3 0 1 .7 1.3 3.3 2 3.1.8 4.9 1.9 4.9 4.6 0 3.1-2.3 4.8-5.7 4.8-2 0-4-.6-5.7-1.8"/><path id="O" d="M12 15.9c.9 1 2.3 1.6 4 1.6s3.1-.6 4-1.6c.6-.6.8-1.2 1-1.7.1-.5-.2-1.1-.7-1.2s-1.1.2-1.2.7c0 0 0 .1-.1.2-.1.2-.2.5-.4.7-.5.6-1.3 1-2.5 1s-2-.4-2.5-1c-.2-.2-.3-.4-.4-.7-.2 0-.2-.1-.2-.2-.1-.5-.7-.8-1.2-.7s-.9.7-.7 1.2c0 .5.3 1.1.9 1.7z"/><path id="P" d="M18.7 6c-.7 0-1.3.6-1.3 1.3v1.3c0 .7.6 1.3 1.3 1.3S20 9.3 20 8.6V7.3c0-.7-.6-1.3-1.3-1.3z"/><path id="Q" d="M13.3 6c-.7 0-1.3.6-1.3 1.3v1.3c0 .7.6 1.3 1.3 1.3s1.3-.6 1.3-1.3V7.3c.1-.7-.5-1.3-1.3-1.3z"/><path id="R" d="M30 3.9V20c0 1.1-.9 2-2 2H15.4c-.6 0-1.3.2-1.7.6l-3.5 3.2c-.4.4-.7.2-.7-.3v-.7c0-1.4-1.2-2.6-2.7-2.6H4c-1.1 0-2-.9-2-2V3.9c0-1.1.9-2 2-2h24c1.1.1 2 .9 2 2zM4 0C1.8 0 0 1.8 0 3.9v16.3c0 2.2 1.8 3.9 4 3.8h2c.6.1 1 .6 1 1v4.6c0 .3.7.4 1 .4.1 0 .3 0 .4-.1l6.5-5.6c.1-.1.3-.2.4-.3H28c2.2.1 4-1.6 4-3.8V3.9C32 1.8 30.2 0 28 0z"/></defs><g transform="matrix(2 0 0 2 -.000003 1.999996)"><g clip-path="url(#I)"><defs><path id="S" d="M-286-172h649v612h-649z"/></defs><clipPath id="T"><use xlink:href="#S"/></clipPath><path clip-path="url(#T)" d="M-5-5h42v40H-5z" fill="#ff5252"/></g><g clip-path="url(#H)"><defs><path id="U" d="M-286-172h649v612h-649z"/></defs><clipPath id="V"><use xlink:href="#U"/></clipPath><path clip-path="url(#V)" d="M7 1h12.7v13.9H7z" fill="#ff5252"/></g><g clip-path="url(#G)"><defs><path id="W" d="M-286-172h649v612h-649z"/></defs><clipPath id="X"><use xlink:href="#W"/></clipPath><path clip-path="url(#X)" d="M12.3 1H25v13.9H12.3z" fill="#ff5252"/></g><g clip-path="url(#F)"><defs><path id="Y" d="M-286-172h649v612h-649z"/></defs><clipPath id="Z"><use xlink:href="#Y"/></clipPath><path clip-path="url(#Z)" d="M6 8h20v14.6H6z" fill="#ff5252"/></g></g></svg>

使用上の注意

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