Skip to main content

icon-volume-1

Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

Using the Icon Component? Copy, paste, and go.

<s-icon name="icon-volume-1"></s-icon>

Icon font

Using the web font? Copy, paste, and go.

<span class="sf-main sf-icon-volume-1"></span>

Code point

  • Unicode: U+F192
  • CSS: \F192
  • JS: \uF192
  • HTML: &#xF192;

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-volume-1" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M8.953 2.731a.668.668 0 0 0-.7.08L5.1 5.331H2.667c-.367 0-.667.3-.667.667v4c0 .366.3.666.667.666H5.1l3.187 2.52a.667.667 0 0 0 .666.08.669.669 0 0 0 .38-.6V3.331a.669.669 0 0 0-.38-.6ZM8 11.278l-2.253-1.8a.666.666 0 0 0-.414-.147h-2V6.664h2a.666.666 0 0 0 .414-.146L8 4.718v6.56Zm4.167-.454a.66.66 0 0 1-.947 0 .672.672 0 0 1 0-.946 2.664 2.664 0 0 0 0-3.767.67.67 0 0 1-.007-.94l.007-.007a.67.67 0 0 1 .94-.006l.007.006a4.002 4.002 0 0 1 0 5.66Z"/>
</svg>