Skip to main content
Modus Icons

Component

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">component</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">
  <style>
    .st1,.st2{stroke:#000;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10}.st2{stroke-linejoin:round}
  </style>

  <path d="M17 30.032a.997.997 0 0 1-.707-.293l-5.13-5.13a1 1 0 0 1 .421-1.665A1.978 1.978 0 0 0 13 21.032c0-1.103-.897-2-2-2-.89 0-1.66.569-1.912 1.416a1 1 0 0 1-.713.683.997.997 0 0 1-.952-.263l-5.13-5.13a1 1 0 0 1 0-1.413l3.182-3.183A3.973 3.973 0 0 1 4 8.032c0-2.207 1.794-4 4-4 1.246 0 2.372.558 3.11 1.474l3.183-3.181a1 1 0 0 1 1.414 0l5.13 5.13a1 1 0 0 1-.421 1.664A1.98 1.98 0 0 0 19 11.032c0 1.102.897 2 2 2 .89 0 1.66-.57 1.912-1.416a1.001 1.001 0 0 1 1.665-.421l5.13 5.13a1 1 0 0 1 0 1.414l-3.182 3.182A3.975 3.975 0 0 1 28 24.031c0 2.207-1.794 4-4 4a3.976 3.976 0 0 1-3.11-1.474l-3.183 3.182a.997.997 0 0 1-.707.293zm-3.475-5.89L17 27.618l3.423-3.423a1.001 1.001 0 0 1 1.665.42A1.98 1.98 0 0 0 24 26.033c1.103 0 2-.898 2-2 0-.891-.57-1.66-1.416-1.913a1.001 1.001 0 0 1-.42-1.665l3.422-3.423-3.476-3.474A3.975 3.975 0 0 1 21 15.032c-2.206 0-4-1.794-4-4 0-1.246.559-2.373 1.475-3.11L15 4.445l-3.423 3.422a1 1 0 0 1-1.665-.42A1.98 1.98 0 0 0 8 6.032c-1.103 0-2 .897-2 2 0 .89.569 1.659 1.416 1.912a1 1 0 0 1 .42 1.665l-3.422 3.423 3.475 3.474A3.976 3.976 0 0 1 11 17.032c2.206 0 4 1.794 4 4a3.972 3.972 0 0 1-1.474 3.11z"/>
</svg>