Skip to main content

Toggle Off

  • Tags:

Examples

Heading
Smaller heading

Inline text 

Example link text 

Icon font

Use in web applications, on buttons, and anywhere you need more than a few icons.

<i class="modus-icons" aria-hidden="true">toggle_off</i>

SVG sprite

Use for static sites when you only need a few icons.

<svg class="mi" width="1em" height="1em" fill="currentColor">
  <use xlink:href="/connect-icons.svg#toggle-off" />
</svg>

SVG code

Use when you don't want any dependency.

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="mi-connect mi-toggle-off" viewBox="0 0 24 24">
  <path d="M17.5 7c3.036 0 5.5 2.464 5.5 5.5S20.536 18 17.5 18h-11A5.5 5.5 0 0 1 1 12.5C1 9.464 3.464 7 6.5 7zm-11 1.1a4.395 4.395 0 0 0-4.4 4.4c0 2.435 1.965 4.4 4.4 4.4s4.4-1.965 4.4-4.4-1.965-4.4-4.4-4.4"/>
</svg>

SVG CSS code

Use for embedding your icons in CSS with no dependency.