Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-star"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-main sf-icon-star"></span>
Code point
- Unicode:
U+F17D
- CSS:
\F17D
- JS:
\uF17D
- HTML:

Copy HTML
Paste the SVG right into your project's code.
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="s-icon s-icon-icon-star" viewBox="0 0 16 16">
<path d="M12.12 14.68a.666.666 0 0 1-.31-.077L8 12.6l-3.81 2a.665.665 0 0 1-.967-.702l.727-4.241-3.083-3a.667.667 0 0 1 .369-1.133l4.26-.623L7.4 1.039a.693.693 0 0 1 1.195 0L10.5 4.897l4.261.624a.666.666 0 0 1 .373 1.136l-3.082 3 .727 4.242a.667.667 0 0 1-.657.779l-.002.002ZM2.766 6.644l2.368 2.305a.667.667 0 0 1 .192.59l-.559 3.255 2.925-1.537a.659.659 0 0 1 .62 0l2.924 1.537-.558-3.255a.665.665 0 0 1 .192-.59l2.366-2.305-3.271-.478a.667.667 0 0 1-.501-.365L8 2.84 6.538 5.8a.667.667 0 0 1-.501.366l-3.271.479Z"/>
</svg>