Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-mute"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-main sf-icon-mute"></span>
Code point
- Unicode:
U+F154
- CSS:
\F154
- JS:
\uF154
- 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-mute" viewBox="0 0 16 16">
<g clip-path="url(#a)">
<path d="m15.802 14.862-3.934-3.934c-.026-.033-.04-.073-.073-.106-.027-.027-.067-.04-.093-.06l-1.82-1.82-3.414-3.414L1.135.195a.664.664 0 1 0-.94.94l5.133 5.14v1.727c0 .526.154 1.04.447 1.48.293.44.707.78 1.2.98a2.584 2.584 0 0 0 1.54.153 2.77 2.77 0 0 0 .827-.32l.986.987a3.97 3.97 0 0 1-1.533.673c-.22.047-.447.067-.673.073-.04-.006-.08-.026-.127-.026-.04 0-.073.013-.107.02-.48-.014-.96-.1-1.413-.294a3.943 3.943 0 0 1-1.813-1.48 3.999 3.999 0 0 1-.667-2.246V6.668c0-.366-.3-.666-.667-.666-.366 0-.666.3-.666.666v1.327a5.29 5.29 0 0 0 .893 2.987 5.3 5.3 0 0 0 2.407 1.98c.44.18.9.3 1.366.353v1.353h-2c-.366 0-.666.3-.666.667 0 .367.3.667.666.667h5.334c.366 0 .666-.3.666-.667 0-.367-.3-.667-.666-.667h-2v-1.346c.133-.02.266-.034.406-.06a5.243 5.243 0 0 0 2.214-1.034l3.573 3.574c.133.133.3.2.473.2.174 0 .34-.067.474-.194a.672.672 0 0 0 0-.946ZM8.255 9.308a1.317 1.317 0 0 1-1.367-.567 1.326 1.326 0 0 1-.226-.74v-.393l1.68 1.68-.087.02ZM5.382 2.135a2.673 2.673 0 0 1 2.88-2.12 2.666 2.666 0 0 1 2.4 2.653v3.56c0 .367-.3.667-.667.667a.669.669 0 0 1-.667-.667v-3.56c0-.333-.12-.646-.346-.893-.22-.247-.527-.4-.854-.433a1.332 1.332 0 0 0-1.44 1.06.668.668 0 0 1-1.306-.267Zm6.553 6.573c.04-.233.06-.473.06-.706V6.668c0-.366.3-.666.667-.666.366 0 .666.3.666.666v1.334c0 .313-.026.626-.08.94a.675.675 0 0 1-.653.553c-.04 0-.08 0-.12-.013a.665.665 0 0 1-.54-.774Z"/>
</g>
<defs>
<clipPath id="a">
<path d="M0 0h16v16H0z"/>
</clipPath>
</defs>
</svg>