Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-notification"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-main sf-icon-notification"></span>
Code point
- Unicode:
U+F158
- CSS:
\F158
- JS:
\uF158
- 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-notification" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4.703 2.034a4.667 4.667 0 0 1 7.966 3.3c0 2.233.48 3.62.92 4.433.22.407.434.673.587.827.073.08.133.133.167.16.02.013.027.026.033.026.24.167.347.467.26.74a.656.656 0 0 1-.633.48h-12a.672.672 0 0 1-.64-.473.655.655 0 0 1 .26-.74c.007-.007.02-.013.033-.027a1.57 1.57 0 0 0 .167-.16 4.21 4.21 0 0 0 .587-.826c.446-.82.926-2.207.926-4.44 0-1.24.494-2.427 1.367-3.3Zm-1.267 8.633h9.133c-.053-.08-.1-.173-.153-.267-.56-1.02-1.08-2.633-1.08-5.066 0-.887-.353-1.734-.973-2.36A3.357 3.357 0 0 0 8.003 2c-.887 0-1.733.354-2.36.974a3.357 3.357 0 0 0-.973 2.36c0 2.433-.52 4.046-1.08 5.066-.054.094-.1.187-.154.267Zm3.08 2.76a.671.671 0 0 1 .914.24c.06.1.14.187.246.24.094.06.207.093.327.093a.71.71 0 0 0 .333-.086.71.71 0 0 0 .247-.24.666.666 0 0 1 .913-.24c.32.186.427.593.24.913-.173.3-.426.553-.733.727a2.023 2.023 0 0 1-2-.007 2.017 2.017 0 0 1-.733-.727.67.67 0 0 1 .246-.913Z"/>
</svg>