Online

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">online</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{fill:#231f20}.st2{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}
  </style>
  <g>

    <circle cx="16" cy="16" r="4"/>
    <path d="M22.37 9.636a.999.999 0 1 0-1.42 1.408C22.273 12.376 23 14.136 23 16s-.728 3.624-2.05 4.956a1 1 0 1 0 1.42 1.408C24.066 20.656 25 18.395 25 16s-.934-4.656-2.63-6.364zm-10.86 1.002a1 1 0 1 0-1.28-1.535C8.177 10.815 7 13.329 7 16s1.177 5.186 3.23 6.897a.996.996 0 0 0 1.408-.127 1 1 0 0 0-.127-1.408C9.915 20.032 9 18.076 9 16s.915-4.031 2.51-5.362z"/>
    <path d="M25.898 6.103a1 1 0 1 0-1.415 1.414C26.751 9.785 28 12.797 28 16s-1.249 6.215-3.517 8.483a1 1 0 1 0 1.414 1.415C28.543 23.25 30 19.736 30 16s-1.457-7.251-4.102-9.898zM4 16a12.03 12.03 0 0 1 3.988-8.935 1 1 0 1 0-1.336-1.489C3.695 8.231 2 12.03 2 16s1.695 7.769 4.652 10.424a.998.998 0 1 0 1.336-1.488A12.03 12.03 0 0 1 4 16z"/>
  </g>
</svg>