グラデーション-icon
from グラデーション
[https://scrapbox.io/api/pages/suto3/グラデーション-icon/icon#.svg]
https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/グラデーション-icon/g002.svg
code:g002.svg
<svg width="850" height="100" viewBox="0 0 850 100" xmlns="http://www.w3.org/2000/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="90" font-size="90" fill="url(#hsv1)" stroke="url(#hsv1)" stroke-width="2"
font-weight="900" letter-spacing="-10" word-spacing="-10" >
美しいグラデーション
</text>
</svg>