Skip to main content

Full Screen

  • 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">full_screen</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#full-screen" />
</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-full-screen" viewBox="0 0 24 24">
  <path d="m10 16.813-2.719 2.78L9.47 21.72 2 22l.125-7.531 2.219 2.187 2.781-2.781zm9.594-.094 2.125-2.188L22 22l-7.531-.125 2.187-2.219-2.781-2.781L16.813 14zm2.281-7.188-2.219-2.187-2.781 2.781L14 7.188l2.719-2.782-2.188-2.125L22 2zM9.531 2.125 7.344 4.344l2.781 2.781L7.188 10 4.406 7.281 2.281 9.47 2 2z"/>
</svg>

SVG CSS code

Use for embedding your icons in CSS with no dependency.