Compose

Examples

Heading

Smaller heading

Inline text

Inline font

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="wiw-icon wiw-compose"></i>

Code point

Unicode: U+F12D
CSS: \F12D
JS: \uF12D
HTML: 

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="wiw-icon wiw-compose" viewBox="0 0 24 24">
  <g fill-rule="evenodd">
    <path d="M16 24.035H3c-1.654 0-3-1.264-3-2.818V4.853C0 3.3 1.346 2.035 3 2.035h10a1 1 0 0 1 0 2H3c-.551 0-1 .367-1 .818v16.364c0 .451.449.818 1 .818h13c.551 0 1-.367 1-.818v-7.182a1 1 0 0 1 2 0v7.182c0 1.554-1.346 2.818-3 2.818Z"/>
    <path d="M10 14.035h1.586l7-7L17 5.45l-7 7v1.586Zm2 2H9a1 1 0 0 1-1-1v-3c0-.265.105-.52.293-.707l8-8a.999.999 0 0 1 1.414 0l3 3a.999.999 0 0 1 0 1.414l-8 8a.997.997 0 0 1-.707.293Z"/>
    <path d="M18.414 4.035 20 5.621l1.586-1.586L20 2.45l-1.586 1.586Zm1.586 4a.997.997 0 0 1-.707-.293l-3-3a.999.999 0 0 1 0-1.414l2.293-2.293a2.001 2.001 0 0 1 2.828 0L23 2.621c.78.78.78 2.048 0 2.828l-2.293 2.293a.997.997 0 0 1-.707.293Zm-11 7h2v-2H9z"/>
  </g>
</svg>