Split

ブランド / 表示名

Split

カテゴリ

ツール

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

#0A0A32rgb(10, 10, 50) · hsl(240, 67%, 12%)

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

白背景 19:1 · 黒背景 1:1 · 3.4 KB

<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 873.64 324.66"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:#ff00d2;}.cls-3{fill:#0a0a32;}.cls-4{fill:url(#linear-gradient-3);}.cls-5{fill:url(#linear-gradient-2);}</style><linearGradient id="linear-gradient" x1="107.03" y1="342.96" x2="221.88" y2="144.03" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#0075ff"/><stop offset="1" stop-color="#0a0a32"/></linearGradient><linearGradient id="linear-gradient-2" x1="221.88" y1="240.05" x2="107.03" y2="41.12" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#00adf2"/><stop offset="1" stop-color="#0a0a32"/></linearGradient><linearGradient id="linear-gradient-3" x1="146.55" y1="283.54" x2="31.7" y2="84.61" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#8100ff"/><stop offset="1" stop-color="#0a0a32"/></linearGradient></defs><g id="Layer_1-2"><g id="RGB_Gradient_Dark"><polygon class="cls-1" points="253.58 221.75 75.33 324.66 75.33 265.24 253.58 162.33 253.58 221.75"/><polygon class="cls-5" points="75.33 118.83 253.58 221.75 253.58 162.33 75.33 59.42 75.33 118.83"/><polygon class="cls-4" points="0 162.33 178.25 265.24 178.25 205.82 0 102.91 0 162.33"/><polygon class="cls-2" points="178.25 59.42 0 162.33 0 102.91 178.25 0 178.25 59.42"/><path class="cls-3" d="m742.36,61.27c-6.33,0-11.8-2.3-16.39-6.89-4.59-4.59-6.89-10.05-6.89-16.39s2.27-11.74,6.81-16.23c4.54-4.48,10.03-6.73,16.47-6.73s12.19,2.22,16.62,6.65,6.65,9.87,6.65,16.31-2.24,11.93-6.73,16.47c-4.49,4.54-10,6.81-16.54,6.81Zm-19.79,182.08V81.53h39.58v161.81h-39.58Z"/><polygon class="cls-3" points="850.18 81.53 850.18 15.03 810.91 15.03 810.91 81.53 787.32 81.53 787.32 116.21 810.91 116.21 810.91 243.35 850.18 243.35 850.18 116.21 873.64 116.21 873.64 81.53 850.18 81.53"/><path class="cls-3" d="m441.78,175.74c-3.64-6.54-9.34-12.29-17.1-17.26-7.76-4.96-17.87-9.39-30.32-13.3-12.56-4.12-21.14-7.7-25.73-10.77-4.59-3.06-6.89-6.54-6.89-10.45s1.95-7.2,5.86-9.58c3.9-2.37,9.08-3.56,15.52-3.56,12.67,0,23.75,4.81,33.25,14.41l25.81-21.37c-7.18-8.55-15.75-15.04-25.73-19.48-9.98-4.43-20.87-6.65-32.7-6.65-17.31,0-31.35,4.14-42.12,12.43-10.77,8.29-16.15,19.08-16.15,32.38,0,11.93,3.8,21.77,11.4,29.53,7.6,7.76,20.48,14.96,38.63,21.61,9.39,3.38,16.68,6.36,21.85,8.95,5.17,2.59,8.79,5.12,10.85,7.6,2.06,2.48,3.09,5.3,3.09,8.47,0,4.86-2.16,8.63-6.49,11.32-4.33,2.69-10.5,4.04-18.53,4.04-6.44,0-13.2-1.66-20.27-4.99-5.19-2.44-9.92-5.53-14.2-9.25l-30.44,17.57c6.75,9.07,15.91,16.3,27.46,21.68,11.56,5.38,23.67,8.08,36.34,8.08,19.32,0,34.49-4.33,45.52-12.98,11.03-8.65,16.54-20.58,16.54-35.78,0-8.55-1.82-16.09-5.46-22.64Z"/><polygon class="cls-3" points="641.19 243.35 680.77 243.35 680.77 15.03 641.19 37.89 641.19 243.35"/><path class="cls-3" d="m606.52,117.16c-5.38-12.67-13.09-22.4-23.12-29.21-10.03-6.81-21.96-10.21-35.78-10.21-14.88,0-26.76,5.22-35.62,15.67v-11.87h-39.58v228.31l39.58-22.85v-55.84c4.22,5.28,9.29,9.26,15.2,11.95,5.91,2.69,12.56,4.04,19.95,4.04,13.51,0,25.33-3.51,35.47-10.53,10.13-7.02,17.99-16.89,23.59-29.61,5.59-12.72,8.39-27.57,8.39-44.57s-2.69-32.62-8.07-45.28Zm-40.38,79.88c-5.81,8.18-14.09,12.27-24.86,12.27-6.23,0-11.95-1.27-17.18-3.8-5.22-2.53-9.26-6.07-12.11-10.61v-65.39c3.48-4.75,7.62-8.29,12.43-10.61,4.8-2.32,10.42-3.48,16.86-3.48,10.55,0,18.79,4.12,24.7,12.35,5.91,8.23,8.87,19.79,8.87,34.67s-2.9,26.42-8.71,34.59Z"/></g></g></svg>

使用上の注意

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