Editor

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">editor</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:none;stroke-linejoin:round}.st1,.st2,.st4,.st5{stroke:#000;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10}.st4,.st5{fill:#fff;stroke-width:3}.st5{fill:none;stroke-linejoin:round}
  </style>

  <g>
    <path d="m29.707 10.293-3-3a1 1 0 0 0-1.414 0l-16.5 16.5a1 1 0 0 0-.222.336l-2 5a1 1 0 0 0 1.3 1.3l5-2a1.01 1.01 0 0 0 .336-.222l16.5-16.5a1 1 0 0 0 0-1.414zM11.938 26.648l-2.643 1.057 1.057-2.643L23.5 11.914l1.586 1.586-13.148 13.148zM26.5 12.086 24.914 10.5 26 9.414 27.586 11 26.5 12.086z"/>
    <circle cx="10" cy="8" r="5" style="fill:none;stroke:#000;stroke-width:2;stroke-miterlimit:10"/>
    <path d="M2.266 18.947a8.003 8.003 0 0 1 12.167-4.607" style="fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10"/>
  </g>
</svg>