SVG:defs要素

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

code:d.svg

<!-- Some graphical objects to use -->

<defs>

<circle id="myCircle" cx="0" cy="0" r="5" />

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

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

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

</linearGradient>

</defs>

<!-- using my graphical objects -->

<use x="5" y="5" href="#myCircle" fill="url('#myGradient')" />

</svg>

SVG要素.icon