SpinKube

ブランド / 表示名

SpinKube

カテゴリ

ツール

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

#1236EBrgb(18, 54, 235) · hsl(230, 86%, 50%)

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

白背景 7.6:1 · 黒背景 2.6:1 · 6.9 KB

<svg fill="none" height="169" viewBox="0 0 515 169" width="515" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><filter id="a" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="150.573" width="155.513" x="6.80753" y="5.93584"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".064156" dy=".192467"/><feGaussianBlur stdDeviation=".128311"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_106_50"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_106_50" mode="normal" result="shape"/></filter><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="-28.4428" x2="113.328" y1="17.2319" y2="113.077"><stop offset="0" stop-color="#1236eb"/><stop offset="1" stop-color="#9951ff"/></linearGradient><g filter="url(#a)"><path d="m83.9627 6.01323c-1.3703.06887-2.7128.40785-3.9489.99705l-53.8856 25.68972c-1.3947.6646-2.6202 1.6315-3.5854 2.8291s-1.6454 2.595-1.99 4.0884l-13.29392 57.7055c-.30697 1.3296-.34133 2.707-.10103 4.049.2403 1.343.75038 2.625 1.50003 3.769.18178.28.37727.551.58579.812l37.29753 46.27c.9654 1.197 2.191 2.164 3.5857 2.828 1.3947.665 2.9227 1.009 4.4706 1.009l59.8125-.014c1.547.001 3.075-.342 4.47-1.005 1.394-.663 2.62-1.629 3.586-2.825l37.284-46.277c.966-1.198 1.646-2.596 1.991-4.09s.345-3.0456.001-4.5397l-13.315-57.7056c-.345-1.4934-1.025-2.8908-1.99-4.0883-.965-1.1976-2.191-2.1646-3.585-2.8292l-53.8929-25.67592c-1.5548-.74117-3.2728-1.08401-4.9964-.99705z" fill="url(#b)"/></g><g fill="#fff"><path d="m84.5321 37.9141c-2.8502 0-5.6308.2699-8.3333.7663-.1042.0174-.1911-.061-.1911-.1655v-9.7707c0-.2264-.1825-.418-.4171-.418h-10.4014c-.2259 0-.4171.1828-.4171.418v13.5327c0 .061-.0347.122-.0955.1481-15.4413 7.4195-26.112 23.2425-26.112 41.5562 0 18.3138 10.6707 34.1278 26.112 41.5558.0608.026.0955.087.0955.148v13.533c0 .227.1825.418.4171.418h10.4014c.2259 0 .4171-.183.4171-.418v-9.779c0-.105.0956-.183.1911-.166 2.7025.497 5.4831.767 8.3333.767 25.3909 0 45.9679-20.622 45.9679-46.0675 0-25.4458-20.586-46.0584-45.9679-46.0584zm-35.1491 46.0671c0-11.974 5.9958-22.5633 15.1285-28.9378.1129-.0784.2693 0 .2693.1393v57.5973c0 .139-.1564.217-.2693.139-9.1327-6.366-15.1285-16.9639-15.1285-28.9378zm39.042 35.0158c-4.2057.462-8.2724.166-12.0958-.757-.1912-.044-.3215-.218-.3215-.41v-67.6894c0-.1916.1303-.3658.3215-.4093 2.6329-.6357 5.3788-.9754 8.2116-.9754 20.0812 0 36.2872 16.9639 35.0882 37.3501-.999 16.999-14.312 31.037-31.1953 32.891z"/><path d="m224.316 99.624c-2.877 0-5.373-.5373-7.488-1.612-2.08-1.1093-3.692-2.6693-4.836-4.68-1.109-2.0453-1.664-4.4893-1.664-7.332h6.448c0 2.6347.641 4.6627 1.924 6.084 1.317 1.3867 3.172 2.08 5.564 2.08 2.011 0 3.605-.4507 4.784-1.352 1.213-.9013 1.82-2.1667 1.82-3.796 0-1.1787-.364-2.0973-1.092-2.756-.693-.6933-1.647-1.2653-2.86-1.716-1.179-.4507-2.479-.8493-3.9-1.196-1.421-.3813-2.843-.7973-4.264-1.248-1.421-.4853-2.739-1.1093-3.952-1.872-1.179-.7627-2.132-1.7507-2.86-2.964-.728-1.248-1.092-2.8253-1.092-4.732 0-2.0107.537-3.796 1.612-5.356s2.583-2.7907 4.524-3.692c1.941-.936 4.212-1.404 6.812-1.404 2.496 0 4.749.468 6.76 1.404 2.045.936 3.675 2.2707 4.888 4.004 1.248 1.6987 1.889 3.7787 1.924 6.24h-6.552c-.035-1.3173-.381-2.4267-1.04-3.328-.624-.936-1.473-1.6467-2.548-2.132-1.04-.4853-2.184-.728-3.432-.728-1.768 0-3.241.4333-4.42 1.3-1.144.832-1.716 2.0107-1.716 3.536 0 1.0747.364 1.924 1.092 2.548s1.681 1.144 2.86 1.56c1.213.3813 2.531.7453 3.952 1.092s2.825.7627 4.212 1.248c1.421.4507 2.721 1.092 3.9 1.924 1.213.7973 2.184 1.8547 2.912 3.172s1.092 2.9987 1.092 5.044c0 2.1493-.589 4.0213-1.768 5.616-1.144 1.5947-2.721 2.8427-4.732 3.744-2.011.8667-4.299 1.3-6.864 1.3zm33.768-29.952c2.531 0 4.75.6587 6.656 1.976 1.942 1.2827 3.467 3.0507 4.576 5.304 1.11 2.2533 1.664 4.8187 1.664 7.696 0 2.8427-.554 5.408-1.664 7.696-1.109 2.2533-2.634 4.0387-4.576 5.356-1.906 1.2827-4.125 1.924-6.656 1.924-1.872 0-3.588-.364-5.148-1.092-1.525-.728-2.808-1.7333-3.848-3.016v12.74h-6.188v-37.96h5.928l.156 3.536c1.04-1.2827 2.34-2.288 3.9-3.016 1.56-.7627 3.294-1.144 5.2-1.144zm-1.456 24.804c1.63 0 3.051-.4333 4.264-1.3 1.214-.8667 2.15-2.028 2.808-3.484.694-1.4907 1.04-3.172 1.04-5.044 0-1.9067-.346-3.588-1.04-5.044-.658-1.4907-1.594-2.652-2.808-3.484-1.213-.8667-2.634-1.3-4.264-1.3-1.698 0-3.224.4853-4.576 1.456s-2.34 2.3053-2.964 4.004v8.684c.624 1.6987 1.612 3.0507 2.964 4.056 1.352.9707 2.878 1.456 4.576 1.456zm28.881 4.524v-28.704h6.188v28.704zm-10.14 0v-5.044h26.052v5.044zm3.692-23.66v-5.044h9.516v5.044zm6.084-9.568v-6.344h6.76v6.344zm42.556 33.228v-17.94c0-1.872-.52-3.3627-1.56-4.472-1.005-1.1093-2.323-1.664-3.952-1.664-1.872 0-3.571.676-5.096 2.028-1.491 1.3173-2.773 3.4493-3.848 6.396l-.936-6.188c1.144-2.5307 2.704-4.4027 4.68-5.616 1.976-1.248 4.091-1.872 6.344-1.872 2.184 0 4.056.468 5.616 1.404 1.595.9013 2.808 2.184 3.64 3.848.867 1.6293 1.3 3.5533 1.3 5.772v18.304zm-20.02 0v-28.704h5.928l.26 6.032v22.672zm35.588 0v-36.296h6.5v8.788l-.52 6.916 5.304-6.188 8.632-9.516h7.904l-21.32 23.972v12.324zm21.268 0-12.532-20.072 5.564-3.276 14.716 23.348zm16.921-28.704v17.94c0 1.872.502 3.3627 1.508 4.472 1.04 1.1093 2.374 1.664 4.004 1.664 1.872 0 3.553-.6587 5.044-1.976 1.525-1.352 2.825-3.5013 3.9-6.448l.936 6.188c-1.144 2.5307-2.704 4.42-4.68 5.668-1.976 1.2133-4.091 1.82-6.344 1.82-2.184 0-4.074-.4507-5.668-1.352-1.56-.936-2.774-2.2187-3.64-3.848-.832-1.664-1.248-3.6053-1.248-5.824v-18.304zm20.02 0v28.704h-5.928l-.26-6.032v-22.672zm23.108-.624c2.565 0 4.801.6587 6.708 1.976 1.941 1.2827 3.467 3.0507 4.576 5.304s1.664 4.8187 1.664 7.696c0 2.8427-.555 5.408-1.664 7.696-1.109 2.2533-2.635 4.0387-4.576 5.356-1.907 1.2827-4.143 1.924-6.708 1.924-1.872 0-3.605-.3813-5.2-1.144-1.595-.7973-2.895-1.8373-3.9-3.12l-.156 3.64h-5.876v-38.324h6.136v13.052c1.04-1.248 2.34-2.236 3.9-2.964s3.259-1.092 5.096-1.092zm-1.456 24.804c1.629 0 3.051-.4333 4.264-1.3s2.167-2.028 2.86-3.484c.693-1.4907 1.04-3.172 1.04-5.044 0-1.9067-.347-3.588-1.04-5.044-.693-1.4907-1.647-2.652-2.86-3.484-1.213-.8667-2.635-1.3-4.264-1.3-1.699 0-3.224.5027-4.576 1.508-1.352.9707-2.34 2.3227-2.964 4.056v8.476c.624 1.6987 1.612 3.068 2.964 4.108 1.352 1.0053 2.877 1.508 4.576 1.508zm34.184 5.148c-3.016 0-5.616-.5893-7.8-1.768-2.184-1.2133-3.865-2.9467-5.044-5.2-1.144-2.2533-1.716-4.94-1.716-8.06s.59-5.7893 1.768-8.008c1.179-2.2533 2.878-3.9693 5.096-5.148 2.219-1.1787 4.871-1.768 7.956-1.768 4.784 0 8.303 1.3347 10.556 4.004 2.288 2.6693 3.276 6.3267 2.964 10.972h-23.4l.052-4.524 17.004.052c-.138-1.664-.866-2.9987-2.184-4.004-1.317-1.0053-2.981-1.508-4.992-1.508-2.842 0-4.992.884-6.448 2.652s-2.184 4.2813-2.184 7.54c0 1.872.33 3.5533.988 5.044.659 1.456 1.595 2.6 2.808 3.432 1.248.7973 2.774 1.196 4.576 1.196 2.046 0 3.744-.4853 5.096-1.456 1.387-.9707 2.236-2.2707 2.548-3.9h6.24c-.416 3.224-1.872 5.772-4.368 7.644-2.461 1.872-5.633 2.808-9.516 2.808z"/></g></svg>

使用上の注意

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