Sphere

ブランド / 表示名

Sphere

カテゴリ

ツール

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

#201C60rgb(32, 28, 96) · hsl(244, 55%, 24%)

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

白背景 15:1 · 黒背景 1.3:1 · 7.3 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><radialGradient gradientTransform="matrix(0.12528125,0,0,0.07105063,11.859111,19.201542)" r="57.442" cy="348.624" cx="91.743" id="A" xlink:href="#H"><stop offset="0" stop-color="#040505" stop-opacity=".57"/><stop offset="1" stop-color="#7e7f82" stop-opacity=".5"/></radialGradient><linearGradient y2="210.634" x2="83.846" y1="218.977" x1="109.522" id="B" xlink:href="#H"><stop offset="0" stop-color="#fff"/><stop offset=".412" stop-color="#bbbcbe"/><stop offset="1"/></linearGradient><linearGradient y2="36.407" x2="35.072" y1="36.407" x1="28.492" id="C" xlink:href="#H"><stop offset="0" stop-color="#fdfeff"/><stop offset="1" stop-color="#7e7f82"/></linearGradient><linearGradient y2="33.026" x2="25.06" y1="20.997" x1="30.715" id="D" xlink:href="#H"><stop offset="0" stop-color="#201c60"/><stop offset=".618" stop-color="#13c0e8"/><stop offset="1" stop-color="#13c0e8"/></linearGradient><linearGradient y2="28.618" x2="37.09" y1="25.398" x1="18.494" id="E" xlink:href="#H"><stop offset=".279" stop-color="#2cafdd"/><stop offset="1" stop-color="#201c60"/><stop offset="1" stop-color="#27346e"/></linearGradient><linearGradient y2="44.066" x2="28.09" y1="18.557" x1="15.091" id="F" xlink:href="#H"><stop offset="0" stop-color="#201c60"/><stop offset=".164" stop-color="#13c0e8"/><stop offset=".849" stop-color="#13c0e8"/></linearGradient><linearGradient y2="30.386" x2="33.348" y1="30.386" x1="12.163" id="G" xlink:href="#H"><stop offset=".279" stop-color="#2cafdd"/><stop offset="1" stop-color="#201c60"/><stop offset="1" stop-color="#27346e"/></linearGradient><linearGradient id="H" gradientUnits="userSpaceOnUse"/></defs><g transform="matrix(2.285971 0 0 2.285971 -23.513915 -38.429125)"><ellipse ry=".839" rx="10.073" cy="43.968" cx="23.347" fill="url(#A)"/><path d="M22.608 40.574L25 41.94l-.564.4-.626.338-.626.288s-.313.125-.438.238c-.088.075-.426.313-.426.313l-.363.25-.138-.4c-.025-.163-.125-.6-.113-.802.013-.1.038-.463.1-.6l.376-.84c.088-.15.426-.55.426-.55z" fill="#282626"/><path transform="matrix(.125281 0 0 .125266 11.859111 16.096609)" d="M104.9 206.3l-16 4.3-8.4 10.2 31.5-9.5z" fill="url(#B)"/><path d="M32.13 33.72l-1.34.802-.84.476-.84.49-.626.438 3.996 3.17.69-.4.777-.4c.113-.075.326-.238.413-.326l.288-.3.35-.413.063-.55-.175-1.253z" fill="url(#C)"/><path d="M34.76 37.58l.74-1.065c.138-.263.363-.814.464-1.102.138-.413.363-1.265.464-1.69.088-.388.226-1.616.263-2.017a45.25 45.25 0 0 0 .013-2.267c0-.2-.163-.45-.213-.54-.1-.163-.326-.363-.464-.5-.138-.15-.45-.4-.6-.514l-.74-.476-1.44-.877-.664-.363-.338-.188-1.378-.802-.89-.5-.79-.4-1.416-.89-.965-.59-1.077-.727-.702-.54-.626-.514-.626-.55-.54-.564-.338-.388c-.088-.113-.276-.4-.338-.526l-.376-.727a2.88 2.88 0 0 1-.088-.326l-.038-.326a1.02 1.02 0 0 1 .025-.388c.025-.075.15-.25.15-.25l-.49.263-.69.363c-.113.075-.338.238-.438.326-.113.088-.288.25-.388.35-.1.113-.2.2-.35.388l-.263.338c-.038.05-.1.15-.163.288-.063.125-.113.288-.125.35-.05.163-.1.55-.125.727l-.025.59a6.09 6.09 0 0 0 .038.476c.013.113.063.326.1.438l.15.476c.05.15.163.413.226.564.05.113.175.326.226.438l.3.54.376.576.526.802.59.727.714.802.714.727.74.7.864.764 1.065.877.852.65 1 .764.915.65c.063.063.65.463.864.614l.777.55.877.564.74.45.714.476 1.228.965a6.76 6.76 0 0 1 .526.514l.338.426c.063.088.188.25.226.338a1.79 1.79 0 0 1 .038.363c-.05.088-.125.388-.125.388z" fill="url(#D)"/><path d="M35.036 36.828c-.013-.05-.013-.088-.025-.125-.038-.1-.113-.2-.2-.326-.025-.025-.038-.05-.05-.075-.075-.113-.263-.35-.35-.438-.125-.15-.4-.413-.54-.54a8 8 0 0 0-.539-.426c-.075-.05-.175-.138-.276-.225l-.426-.338-.727-.49-.74-.438-.864-.55-.438-.313-.338-.238-.226-.163-.614-.426c-.038-.038-.15-.125-.526-.388l-.4-.288-.64-.49-.338-.263-.313-.238-.54-.413-1.052-.877-.864-.752c-.188-.163-.54-.514-.727-.7l-.714-.714-.714-.79-.576-.714c-.088-.113-.226-.326-.338-.514l-.188-.288-.376-.564-.3-.526-.063-.088-.163-.313-.025-.05-.2-.49-.1-.326-.05-.15c-.025-.088-.075-.3-.088-.4l-.038-.45.025-.576c.025-.25.075-.564.113-.676l.013-.038c.025-.075.063-.2.113-.3s.1-.175.138-.238l.013-.025.175-.238.075-.088c.1-.125.163-.2.238-.263l.113-.113c.075-.088.226-.213.326-.3l.038-.025.413-.3c.1-.063.3-.163.45-.238.088-.038.163-.075.213-.113 0 .075 0 .15.013.213l.013.1c.013.063.013.15.025.225a1.77 1.77 0 0 0 .1.376c.075.175.238.476.35.664l.05.075a5.23 5.23 0 0 0 .363.551l.226.25.125.138a8.4 8.4 0 0 0 .564.589c.088.088.263.238.426.376l.213.188.64.526.714.54 1.1.727.54.326.426.263c.05.038.163.1.313.2l1.115.7.464.238.338.163.564.313.326.188 1.378.802.25.138.3.163.45.25c.175.088 1.24.752 1.428.864.063.05.163.1.263.175l.464.3c.163.113.45.363.576.49l.138.138c.113.113.238.225.288.326.125.2.188.338.188.438l-.013 2.242-.263 1.992-.45 1.666a12.09 12.09 0 0 1-.451 1.077c-.088.1-.188.263-.313.438z" fill="url(#E)"/><path d="M28.208 43.968c.276 0 1.478-.952 1.954-1.265.426-.288 1.265-.952 1.654-1.278l1.253-1.152c.175-.188.614-.827.59-.902-.075-.2-.426-.476-.59-.626-.313-.288-1.002-.814-1.34-1.077l-1.58-1.14-2.042-1.403-1.503-1.102-1.766-1.328-1.553-1.34-1.002-.927-1.027-1.065-.814-.952-.64-.814-.702-1.115-.64-1.152-.49-1.027c-.125-.338-.326-1.04-.376-1.403l-.063-.664c0-.3.013-.777.063-1.077l.2-.827c.075-.213.25-.576.35-.79.125-.238.438-.664.626-.852.138-.138.464-.376.626-.49l.74-.476c.175-.088.564-.238.764-.3.313-.113 1.3-.376 1.3-.376l-.476-.138c-.288-.05-.864-.1-1.153-.1-.338 0-1.015.063-1.34.113-.4.05-1.115.238-1.466.35-.288.1-.852.35-1.115.49a11.09 11.09 0 0 0-1.328.814c-.276.213-.777.7-1.027.952l-.852 1a10.59 10.59 0 0 0-.739 1.253c-.188.4-.514 1.24-.626 1.666-.088.338-.175.952-.2 1.3a16.15 16.15 0 0 0 .025 1.741c.038.338.2 1.015.288 1.34.1.4.363 1.177.514 1.553.2.49.677 1.453.927 1.917l1.14 1.892c.25.363.814 1.052 1.102 1.403l.965 1.152c.276.313.877.902 1.178 1.2l1.265 1.152 1.74 1.428 1.3.89 2.067 1.403c.94.6 3.52 2.18 3.834 2.18z" fill="url(#F)"/><path d="M28.346 43.68c.413-.038 1.1-.614 1.44-.84l1.378-1 1-.827c.2-.188 1.128-1.077 1.178-1.228a.51.51 0 0 0 0-.238c-.038-.113-.188-.313-.276-.4-.2-.225-.69-.6-.927-.777l-.802-.59-.752-.526-.59-.4-.84-.614c-.175-.125-.55-.35-.74-.463l-1.1-.752-1.278-1.052-1.077-.84-.927-.79-.827-.727-.59-.526-.74-.714-.413-.388-.45-.5-.413-.49c-.113-.125-.326-.388-.426-.526l-.438-.55c-.088-.113-.238-.338-.313-.45l-.326-.45-.413-.614c-.088-.138-.25-.438-.326-.59l-.25-.514-.276-.65-.15-.388-.238-.65-.175-.7-.075-.74a6.71 6.71 0 0 1 .075-.877c.025-.15.1-.463.138-.614l.226-.69c.025-.075.1-.238.138-.313.075-.15.263-.438.35-.564l.376-.438c.088-.1.263-.288.376-.376.138-.113.438-.313.6-.413.113-.075.363-.2.49-.276l.413-.2.426-.2c.138 0 .576-.063.576-.063l-.338-.075c-.088-.013-.263 0-.35 0-.125 0-.388-.013-.514 0a12.04 12.04 0 0 0-.664.088l-.664.125c-.15.038-.464.138-.614.188l-.5.138c-.138.05-.4.175-.54.238-.1.038-.288.125-.388.175-.1.038-.288.125-.388.175a5.18 5.18 0 0 0-.438.276l-.614.45c-.1.075-.288.25-.388.338l-.464.413c-.163.163-.464.514-.614.7-.125.15-.35.463-.45.626l-.438.727c-.1.2-.25.614-.326.827-.063.163-.175.49-.213.65-.05.188-.113.55-.138.74a6.76 6.76 0 0 0-.113.727l-.05.827c0 .25.013.74.05.977a9.32 9.32 0 0 0 .175.852c.075.276.25.727.338 1a18.33 18.33 0 0 0 .526 1.378 22.62 22.62 0 0 0 .739 1.453l.614 1.04.714 1.065.64.827.814.977.764.852.702.714.827.752.902.814.852.664.714.54.714.526.827.55.864.564.814.526.84.54.814.463.74.438.5.288.49.276c.013.05.125.113.2.1z" fill="url(#G)"/></g></svg>

使用上の注意

• 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
• ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
• グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。