gradation-icon

[https://scrapbox.io/api/pages/suto3/gradation-icon/icon#.svg]

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/gradation-icon/g5.svg

code:g5.svg

<linearGradient id="hsv1" x1="0%" y1="0%" x2="100%" y2="0%" gradientUnits="userSpaceOnUse" spreadMethod="repeat">

<stop offset="0%" stop-color="#ff0000" />

<stop offset="16.7%" stop-color="#ffff00"/>

<stop offset="33.3%" stop-color="#00ff00"/>

<stop offset="50.0%" stop-color="#00ffff"/>

<stop offset="66.7%" stop-color="#0000ff"/>

<stop offset="83.3%" stop-color="#ff00ff"/>

<stop offset="100%" stop-color="#ff0000"/>

</linearGradient>

<text x="10" y="80" font-size="80" fill="url(#hsv1)" stroke="url(#hsv1)" stroke-width="1.2"

font-weight="700" letter-spacing="-8" word-spacing="-8" >

How beautiful gradation !

</text>

</svg>