Zoom fit view

Examples

Heading

Smaller heading

Inline text

Example link text

Download

Download the SVG to use or edit.

Download SVG

Icon font

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

<i class="modus-icons notranslate">zoom-fit-view</i>

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="24" width="24" viewBox="0 0 32 32">
  <g>
    <path d="M20 17a1 1 0 0 0-1 1v2h-2a1 1 0 1 0 0 2h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1zM6 20H4v-2a1 1 0 1 0-2 0v3a1 1 0 0 0 1 1h3a1 1 0 1 0 0-2zM6 3H3a1 1 0 0 0-1 1v3a1 1 0 1 0 2 0V5h2a1 1 0 1 0 0-2zm11 2h2v2a1 1 0 1 0 2 0V4a1 1 0 0 0-1-1h-3a1 1 0 1 0 0 2z"/>
    <path d="m29.56 27.44-3.57-3.57A7.832 7.832 0 0 0 27 20c0-4.41-3.59-8-8-8s-8 3.59-8 8 3.59 8 8 8c1.92 0 3.68-.68 5.06-1.82l3.38 3.38c.29.29.68.44 1.06.44s.77-.15 1.06-.44c.59-.59.59-1.53 0-2.12zm-5.4-4.39c-.31.53-.7 1.01-1.16 1.41A5.93 5.93 0 0 1 19 26c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6c0 1.12-.3 2.16-.84 3.05z"/>
  </g>
</svg>