Skip to main content

Sync Filled

  • 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">sync_filled</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#sync-filled" />
</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-sync-filled" viewBox="0 0 24 24">
  <path d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2m2.182 9.818h2.181A4.367 4.367 0 0 1 12 16.182a4.3 4.3 0 0 1-2.036-.51L8.9 16.735a5.77 5.77 0 0 0 3.099.903 5.817 5.817 0 0 0 5.818-5.819H20L17.09 8.91zM12 6a5.817 5.817 0 0 0-5.818 5.818H4l2.91 2.91 2.908-2.91H7.637A4.367 4.367 0 0 1 12 7.454a4.3 4.3 0 0 1 2.036.51L15.1 6.9A5.77 5.77 0 0 0 12 6"/>
</svg>

SVG CSS code

Use for embedding your icons in CSS with no dependency.