Skip to main content

icon-mic


Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

<s-icon name="icon-mic"></s-icon>

Icon font

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

<span class="sf-main sf-icon-mic"></span>

Code point

  • Unicode: U+F14B
  • CSS: \F14B
  • JS: \uF14B
  • HTML: &#xF14B;

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-mic" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M8 10.667A2.666 2.666 0 0 0 10.667 8V2.667A2.67 2.67 0 0 0 9.887.78a2.672 2.672 0 0 0-3.773 0c-.5.5-.78 1.18-.78 1.887V8A2.666 2.666 0 0 0 8 10.667Zm-1.333-8c0-.734.6-1.334 1.333-1.334.734 0 1.334.6 1.334 1.334V8c0 .733-.6 1.333-1.334 1.333-.733 0-1.333-.6-1.333-1.333V2.667Zm6.667 4V8c0 2.72-2.034 4.96-4.667 5.287v1.38h2c.367 0 .667.3.667.666 0 .367-.3.667-.667.667H5.334a.669.669 0 0 1-.667-.667c0-.366.3-.666.667-.666h2v-1.38A5.326 5.326 0 0 1 2.667 8V6.667c0-.367.3-.667.667-.667C3.7 6 4 6.3 4 6.667V8c0 2.207 1.794 4 4 4 2.207 0 4-1.793 4-4V6.667c0-.367.3-.667.667-.667.367 0 .667.3.667.667Z"/>
</svg>