Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-close-circle"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-main sf-icon-close-circle"></span>
Code point
- Unicode:
U+F11E
- CSS:
\F11E
- JS:
\uF11E
- 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-close-circle" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 .667a7.333 7.333 0 1 0 0 14.667A7.333 7.333 0 0 0 8 .667ZM8 14A6 6 0 1 1 8 2a6 6 0 0 1 0 12Zm2.474-7.526L8.94 8l1.534 1.527a.67.67 0 0 1-.947.947L8 8.94l-1.526 1.534a.67.67 0 0 1-.947-.947L7.06 8 5.527 6.474a.67.67 0 1 1 .947-.947L8 7.06l1.527-1.533a.67.67 0 0 1 .947.947Z"/>
</svg>