Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-heart"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-main sf-icon-heart"></span>
Code point
- Unicode:
U+F13A
- CSS:
\F13A
- JS:
\uF13A
- 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-heart" viewBox="0 0 16 16">
<path d="M8 14.8a.605.605 0 0 1-.467-.2L1.667 8.733A4.397 4.397 0 0 1 .4 5.666C.4 4.533.867 3.4 1.667 2.6a4.28 4.28 0 0 1 3.066-1.267C5.867 1.333 7 1.8 7.8 2.6l.2.266.267-.266c.4-.4.866-.734 1.4-.934a4.143 4.143 0 0 1 3.333 0c.533.2 1 .534 1.4.934.4.4.667.866.933 1.4.2.533.334 1.066.334 1.666 0 .6-.134 1.134-.334 1.667-.2.533-.533 1-.933 1.4L8.533 14.6c-.2.133-.333.2-.533.2ZM4.733 2.666c-.866 0-1.6.334-2.133.867-.533.533-.867 1.333-.867 2.133S2.067 7.2 2.6 7.8L8 13.2l5.4-5.4c.267-.267.467-.6.667-1 .133-.334.2-.734.2-1.134 0-.4-.067-.8-.2-1.133-.134-.333-.4-.667-.667-1-.267-.267-.6-.467-1-.667a2.694 2.694 0 0 0-2.267 0c-.333.134-.666.4-1 .667l-.733.733a.644.644 0 0 1-.933 0l-.734-.733c-.466-.533-1.2-.867-2-.867Z"/>
</svg>