Yukk

ブランド / 表示名

Yukk

カテゴリ

金融・決済

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

#EC008Crgb(236, 0, 140) · hsl(324, 100%, 46%)

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

白背景 4.2:1 · 黒背景 4.7:1 · 3.6 KB

<svg width="80" height="32" viewBox="0 0 80 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3802_18375)">
<path d="M20.1474 20.7496C18.0193 23.8086 15.049 25.05 11.3249 25.1387C8.84219 25.183 6.35948 25.316 3.83244 25.4047C1.7044 25.4933 0.374377 26.779 0.463045 28.6411C0.551713 30.4144 1.92607 31.5228 4.05411 31.4784C6.35948 31.4341 8.70919 31.3454 11.0146 31.2568C17.3543 31.0351 21.4331 24.518 21.3444 18.0452C21.1671 18.3999 20.6794 19.9959 20.1474 20.7496ZM6.13781 12.8138C6.09347 9.66607 6.13781 6.51835 6.13781 3.37063C6.13781 1.37559 4.85212 0.045569 3.07875 0.045569H2.99006M2.99006 0.045569C1.2167 0.0899031 0.019704 1.37559 0.019704 3.37063C0.019704 5.14399 0.019704 6.87302 0.019704 8.64638C0.019704 10.4641 -0.0246301 12.2374 0.019704 14.0551C0.19704 19.9072 4.18711 24.0303 9.81754 24.2963C16.1573 24.6067 20.5464 21.1929 21.1671 15.0748C21.5217 11.3064 21.3444 7.44936 21.3887 3.63663C21.3887 1.37559 20.1917 0.00123486 18.2854 0.045569C16.4233 0.0899031 15.2706 1.41993 15.2706 3.63663C15.2706 6.96169 15.315 10.2424 15.2263 13.5675C15.182 15.8728 13.3643 17.8235 11.0589 18.1339C9.19686 18.3999 6.98016 16.8925 6.35948 14.8532C6.18214 14.2325 6.13781 13.5231 6.13781 12.8138M40.2751 0.134237C39.0337 0.48891 38.147 1.59726 38.147 3.01595C38.1027 6.34101 38.147 9.62174 38.1027 12.9468C38.1027 15.7842 36.0633 18.0452 33.5806 18.0895C31.0536 18.1339 28.9699 15.7842 28.9699 12.9025C28.9699 9.62173 28.9699 6.38535 28.9699 3.10462C28.9699 1.28692 27.7285 0.045569 25.9995 0.0012349C24.2705 -0.0430992 22.9404 1.10959 22.8961 2.92729C22.8518 7.00602 22.7631 11.0848 23.0291 15.1635C23.3838 20.3949 27.4182 24.0303 32.6939 24.2963C38.5904 24.5623 42.8021 21.5919 43.9105 16.2275C44.1765 15.0305 44.2208 13.8335 44.2208 12.3261C44.1765 12.1044 44.2208 11.9271 44.1765 11.7498C44.1765 8.95672 44.2208 6.20801 44.1321 3.41496C44.1321 2.66128 43.9105 1.86327 43.5558 1.24259C43.0681 0.400242 42.1814 0.0012349 41.2061 0.0012349C40.8957 0.0012349 40.5854 0.045569 40.2751 0.134237ZM57.122 0.178571C56.457 0.444576 55.8363 0.887917 55.3487 1.41993C51.9349 4.83365 48.5655 8.24738 45.1961 11.7054C45.1075 11.7941 44.6641 12.2818 44.5755 12.3704C45.5508 13.3015 46.4818 14.1438 47.3242 14.9862C50.1172 17.7792 52.9103 20.5723 55.7033 23.3653C56.8117 24.4737 58.1417 24.651 59.3387 24.0303C60.4914 23.4096 61.2451 22.0796 60.8904 20.7939C60.6688 20.0402 60.1811 19.3309 59.6491 18.7546C57.521 16.5379 55.3487 14.4542 53.1763 12.2374C53.531 11.8384 53.797 11.5281 54.1073 11.2621C56.1023 9.26706 58.1417 7.27203 60.0924 5.23266C61.1564 4.12431 61.2451 2.66128 60.4471 1.46426C59.8707 0.621912 58.9397 0.0899031 58.0087 0.0899031C57.7427 0.00123492 57.4324 0.045569 57.122 0.178571ZM68.6932 0.932251C64.9692 4.61198 61.3338 8.38038 57.4767 12.2374C59.6047 14.3655 61.7328 16.4935 63.8608 18.6216C67.4519 22.2126 70.9986 25.8037 74.634 29.3504C76.2744 30.9908 78.6241 30.6804 79.6437 28.7741C80.3088 27.4884 80.0428 26.1584 78.8457 24.917C74.9443 21.0156 71.0873 17.1142 67.1859 13.2571C66.8312 12.9025 66.5209 12.5478 66.0775 12.1044C67.3189 10.9074 68.4716 9.79907 69.5799 8.64638C70.7326 7.53803 71.8409 6.42968 72.9493 5.27699C74.235 3.90264 74.235 2.12927 72.9936 0.887917C72.4173 0.311574 71.6636 0.0012349 70.8656 0.0012349C70.1119 0.0012349 69.3582 0.311574 68.6932 0.932251Z" fill="url(#paint0_linear_3802_18375)"/>
</g>
<defs>
<linearGradient id="paint0_linear_3802_18375" x1="0.00919686" y1="15.7398" x2="80.0089" y2="15.7398" gradientUnits="userSpaceOnUse">
<stop stop-color="#EC008C"/>
<stop offset="1" stop-color="#5C2D91"/>
</linearGradient>
<clipPath id="clip0_3802_18375">
<rect width="80" height="31.4797" fill="white"/>
</clipPath>
</defs>
</svg>

使用上の注意

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