The pin icon in 4 styles and 2 corner shapes, drawn once and generated for every size.
import { PinIcon } from '@uv-foundry/icons-react';<PinIcon />The pin icon as SVG, stroke style with rounded corners. It uses currentColor, so it takes the colour of the text around it.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M8.337 3.25h7.5l-.957 6.5c2 1 2.87 2.75 2.87 4.5H6.25c0-1.75 1.13-3.5 3.13-4.5Z"/><path d="M12.25 14.25v7"/></svg>Smaller sizes use a heavier stroke so lines stay crisp on screen.