Skip to main content

icon-zoom-out

Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

<s-icon name="icon-zoom-out"></s-icon>

Icon font

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

<span class="sf-main sf-icon-zoom-out"></span>

Code point

  • Unicode: U+F196
  • CSS: \F196
  • JS: \uF196
  • HTML: &#xF196;

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-zoom-out" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="m14.473 13.526-2.453-2.453a5.975 5.975 0 0 0 1.314-3.74 6 6 0 1 0-6 6 5.975 5.975 0 0 0 3.74-1.313l2.453 2.453c.26.26.687.26.947 0a.672.672 0 0 0 0-.947ZM2.668 7.333a4.663 4.663 0 0 1 4.667-4.667A4.663 4.663 0 0 1 12 7.333a4.673 4.673 0 0 1-1.34 3.273.142.142 0 0 1-.033.02l-.007.007c-.006.007-.013.02-.02.027a4.663 4.663 0 0 1-7.933-3.327Zm7.333 0A.67.67 0 0 1 9.334 8h-4a.669.669 0 0 1-.667-.667c0-.367.3-.667.667-.667h4c.366 0 .666.3.666.667Z"/>
</svg>