Skip to main content

icon-volume-2

Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

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

Icon font

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

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

Code point

  • Unicode: U+F193
  • CSS: \F193
  • JS: \uF193
  • HTML: &#xF193;

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-2" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M7.62 2.783a.67.67 0 0 1 .38.6v9.333a.67.67 0 0 1-.38.6.668.668 0 0 1-.667-.08l-3.187-2.52H1.334a.669.669 0 0 1-.666-.666v-4c0-.367.3-.667.666-.667h2.434l3.153-2.52c.2-.16.473-.187.7-.08Zm-.954 1.986-2.253 1.8A.666.666 0 0 1 4 6.716H2v2.667h2c.153 0 .293.053.413.147l2.253 1.8V4.77Zm5.574-1.906a.67.67 0 0 1 .94-.007l.007.007c2.866 2.86 2.866 7.506 0 10.373a.672.672 0 0 1-.947 0 .672.672 0 0 1 0-.947 6 6 0 0 0 0-8.48.672.672 0 0 1 0-.946ZM9.886 5.216a.67.67 0 0 1 .94-.006l.007.006a4.002 4.002 0 0 1 0 5.66.672.672 0 0 1-.947 0 .672.672 0 0 1 0-.946 2.664 2.664 0 0 0 0-3.767.672.672 0 0 1 0-.947Z"/>
</svg>