Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-notification-off"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-main sf-icon-notification-off"></span>
Code point
- Unicode:
U+F157
- CSS:
\F157
- JS:
\uF157
- 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-off" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M9.735 14.348c-.173.3-.427.554-.733.727a2.022 2.022 0 0 1-2-.007 2.016 2.016 0 0 1-.734-.726.67.67 0 0 1 1.16-.674c.06.1.14.187.247.24.093.06.207.094.327.094.12 0 .233-.034.333-.087a.71.71 0 0 0 .247-.24.666.666 0 0 1 .913-.24c.32.187.427.593.24.913ZM6.155 2.555a3.317 3.317 0 0 1 1.687-.553 3.347 3.347 0 0 1 3.02 1.62 3.34 3.34 0 0 1 .473 1.686c0 .007-.007.014-.007.02a12.816 12.816 0 0 0 .447 3.52c.1.354.467.567.82.467a.669.669 0 0 0 .467-.82 11.163 11.163 0 0 1-.394-3.147v-.013a4.62 4.62 0 0 0-.666-2.4A4.65 4.65 0 0 0 7.775.668a4.61 4.61 0 0 0-2.36.78.666.666 0 0 0-.187.927c.2.3.62.387.927.18Zm9.647 13.247c-.26.26-.68.26-.94 0l-3.8-3.8h-9.06a.672.672 0 0 1-.64-.474.655.655 0 0 1 .26-.74c.006-.006.02-.013.033-.026.033-.027.093-.08.167-.16.146-.16.366-.427.586-.827.447-.813.927-2.207.927-4.44l.387-.673L.195 1.135a.664.664 0 1 1 .94-.94l3.467 3.467.006.006 7.2 7.2.007.007 3.993 3.993a.662.662 0 0 1-.006.934Zm-6.074-5.134L4.662 5.602c-.04 2.28-.534 3.82-1.074 4.8-.053.093-.1.186-.153.266h6.293Z"/>
</svg>