Skip to main content

Find In Page

  • 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">find_in_page</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#find-in-page" />
</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-find-in-page" viewBox="0 0 24 24">
  <path fill-rule="evenodd" d="M20 8v11.59l-3.83-3.84c.52-.79.83-1.73.83-2.75 0-2.76-2.24-5-5-5s-5 2.24-5 5 2.24 5 5 5c1.02 0 1.96-.31 2.76-.83l4.43 4.43c-.34.25-.74.4-1.19.4H5.99C4.89 22 4 21.1 4 20l.01-16c0-1.1.89-2 1.99-2h8zm-8 8c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3"/>
</svg>

SVG CSS code

Use for embedding your icons in CSS with no dependency.