SVG:stop要素

offset="the offset for this stop (0 to 1/0% to 100%)"

stop-color="the color of this stop"

stop-opacity="the opacity of this stop (0 to 1)"

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/SVG:stop要素/s.svg

code:s.svg

<defs>

<linearGradient id="myGradient" gradientTransform="rotate(90)">

<stop offset="55%" stop-color="gold" />

<stop offset="95%" stop-color="red" />

</linearGradient>

</defs>

<!-- using my linear gradient -->

<circle cx="5" cy="5" r="4" fill="url('#myGradient')" />

</svg>

SVG要素.icon