Memo icon

emojione-monotone:memo

The Memo icon (emojione-monotone:memo) is a free SVG icon from the Emoji One (Monotone) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Emoji One (Monotone)
Author: Emoji One
License: CC-BY-4.0
Size: 64 × 64
Category: Objects

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M21.628 12.411c.167-.265.221-.723.482-.921c.335-.25.733-.109 1.054-.339c.665-.481 1.028-1.426 1.648-1.993c.717-.652 1.586-1.091 2.493-1.415c.918-.361 1.876-1.065 2.905-1.007c-.395 1.344-1.324 2.465-1.519 3.88c-.106.76.013 1.568.059 2.332c.177-.576.305-1.204.562-1.752c.36-.761 1.104-.676 1.805-.934c.727-.346 1.299-.924 1.889-1.456c.238.415 1.199-.297 1.37.339c.073.275 2.469-.056 2.649-.14c-.494-.029-2.359.096-2.439-.365c-.268-.123-.74-.181-1.172-.213c.021-.179-.014-.411.043-.577c-.538.382-1.032.815-1.554 1.218c-.773.598-1.764.469-2.493 1.006c.291-.881.824-1.654 1.161-2.518c.147-.377.246-.763.31-1.163c.057-.37.023-.186-.224-.348c-1.174-.315-2.474.594-3.498 1.075c-.938.396-1.833.921-2.557 1.648c-.444.445-1.132 2.032-1.726 2.175c-1.186.032-.824 1.098-1.582 1.476c-.393.197-.729.169-1.105.461c-.477.372-1.063.923-1.715.891c.018-.548.027-1.081-.203-1.594c-.658.326-.994.956-1.528 1.42c.189-1.364.764-2.566.782-3.973c-.747.502-1.252 1.133-1.662 1.931c-.5.966-.948 2.517-1.99 3.038c-.021-1.339.57-2.622.408-3.968c-.165.585-.204 1.42-.385 2.092c-.218.799-.377 1.584-.326 2.418c1.874-.274 2.277-3.087 3.379-4.29c-.221 1.255-.729 2.36-.625 3.662c.777-.471 1.117-1.292 1.822-1.821c.248.785-.307 1.816.933 1.243c.546-.252.946-.715 1.445-1.038c.352-.228.852-.081 1.104-.48m4.99 7.686c.345-.484.579-1.032.846-1.561c.016-.008.677.204.735.209c.315.031.596-.023.848-.216c.98.342 2.473.399 3.064-.668c1.071 1.131 1.74-.627 1.801-1.491c1.058.393 2.034-.076 3.025-.432c.569-.205 1.723-.677 2.142.03c.429.157.872.189 1.309.313c-.349-.303-.98-.406-1.382-.783c-.482-.454-1.352-.237-1.916-.105c-1.421.332-2.346.727-3.684-.025c.005.424.076 2.203-.605 2.092c-.641-.01-.455-1.826-.512-2.396c-.31.496-.647.939-.648 1.556c0 .455.195.728-.194 1.095c-.482.458-1.31.349-1.903.264c-.143-.987.105-2.117.17-3.112q-.306 1.332-.615 2.662c-.152.658-.738.791-1.335.613c-.116-.152.058-.891.069-1.075c-.536.993-.879 2.164-1.555 3.062c-.316.416-1.127.854-1.465.184c-.237-.471-.101-1.087-.033-1.585c-.396.509-.826 2.014-1.59 1.982c.092-.37.389-.672-.053-.897c-.201.389-.374.809-.569 1.208c.212-.558.333-1.122.45-1.702c-1.151.685-1.85 1.649-2.469 2.821c.033-.21.079-.628.053-.774c-.094.379-.781 1.673-.362 1.901c.613-.979 1.136-2.028 2.032-2.789c-.477 1.279-.983 2.419-1.237 3.767c.554-.645 1.076-1.277 1.465-2.041q.19-.375.353-.76c.282-.656.271-.165.754-.513c.461-.33.666-.969.924-1.448c-.062 1.523 1.248 1.799 2.087.614m4.584 5.122c.001.003-.01.004-.065-.014c-.004-.314-.294-.524-.6-.279c-.397.312-.182-.271-.154-.593q.05-.594.103-1.183c-.198.353-.425.701-.598 1.066c-.335.595-.23 1.711-1.156 1.821q.203-.654.374-1.313c-.475.402-.96.692-.98 1.379c-.029.847-.887 2.928-2.014 2.71c.1-1.716 1.057-3.297 1.438-4.962c-1.757 1.055-3.236 3.616-3.437 5.596c.894-1.437 1.48-3.118 2.694-4.334c-.311 1.287-.785 2.519-.895 3.849c-.019.229.678.102.777.068c.602-.197 1.033-.785 1.338-1.309a6 6 0 0 0 .322-.637c.243-.543.334-.191.824-.41c.592-.264.627-1.026 1.203-.956c.631.079 1.942-.068 2.365-.354c-.503-.057-1.046.005-1.539-.145m-.522-.323c.046.051.111.071.137.146zm19.627 14.42c-.417-.297-1.617.006-2.178.074l.051-.289c-1.609 1.064-2.832 2.582-4.947 2.189c.951-1.471 1.773-3.131 1.649-4.924c-1.528.545-2.427 2.037-3.109 3.422c-.146-.539-.846-.982-1.334-.553c-.55.463-.767 1.289-.958 1.947a11 11 0 0 0-.425 2.477c-.033.574-.118.705.518.689c1.473-.035 2.757-1.703 3.496-2.805c1.889.512 3.043-.391 4.527-1.398c.03.684.517 1.129 1.2.988c.691-.158 1.002-1.035 1.547-1.072c.398-.025.652.178 1.1.166c.472-.018.942-.084 1.412-.139c-.486-.637-.684-1.012-.889-1.848c1.115.297 2.056.531 3.209.5c-1.578-1.156-3.391-1.824-5.097-2.773c.385.541.888 1.092 1.122 1.721c-.915.083-.781 1.621-.894 1.628m-9.228 3.688c.126-.105.233-.195-.029.029c-.19.164-.161.139-.079.066c-.44.369-.977.77-1.571.754c0-1.299.146-2.869.821-4.01c.329-.561.801-.727 1.281-.223c.342.379-.069.721-.082 1.057q.127-.233.266-.461c.101.545.355.879.857 1.129c-.434.596-.909 1.173-1.464 1.659m1.612-1.871c-2.092-.855.642-3.547 1.799-4.07c-.129 1.478-.954 2.888-1.799 4.07m6.022-.656c-.717.191-.707-.49-.604-.98c.453.152.904.311 1.365.455c-.191.243-.462.448-.761.525m2.96-1.106q-.239-.015-.478-.025c.051-.1.068-.225.101-.336c-.221.098-.45.189-.683.254c-.021-.293-.084-.916.256-1.084c.692-.366.652.754.804 1.191"/><path fill="currentColor" d="m50.441 20.572l10.291-10.295a4.325 4.325 0 0 0 0-6.118l-.891-.892a4.33 4.33 0 0 0-6.118 0l-8.954 8.955a119 119 0 0 0-7.707-10.204S36.507 2 35.538 2c-5.275 0-22.854.532-30.564 7.384c0 0 1.238 2.15 3.105 5.579C5.643 16.801 3.508 18.829 2 21.032c0 0 12.292 13.064 20.991 25.462c1.729 4.734 2.892 9 2.982 12.08c0 0 .897-1.199 2.761-2.867c1.206 2.32 2.087 4.461 2.482 6.293c0 0 3.373-7.479 12.507-14.529c4.101-1.246 8.956-2.076 14.614-2.076q.878 0 1.785.027s-.473-2.23-1.73-5.982a60 60 0 0 1 3.607-1.223c.001 0-3.386-7.925-11.558-17.645m-7.722 6.395l-1.254-1.255l12.381-12.381l1.254 1.254zm-.727.599l-5.479 2.095l-2.172-2.173l2.093-5.479zm-3.038-4.365l12.381-12.382l1.848 1.848L40.801 25.05zM51.643 6.678l5.682 5.682l-1.414 1.415l-5.682-5.682zm-2.225 2.224l1.254 1.254l-12.381 12.382l-1.254-1.254zM27.312 54.441C24.432 40.625 10.895 16.049 7.396 9.85c7.745-5.527 23.345-5.975 28.143-5.975l.636.002a117 117 0 0 1 7.243 9.697l-7.708 7.709l-3.571 9.335c-.419 1.105.141 1.663 1.243 1.241l9.337-3.567l6.005-6.004c5.274 9.575 7.907 17.511 8.971 21.235c-16.187.172-25.948 6.868-30.383 10.918"/></svg>

How to use the Memo icon

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-monotone:memo" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-monotone:memo" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-monotone:memo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--memo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:memo"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-monotone:memo"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione-monotone/memo.svg" alt="Memo icon" width="24" height="24">

Memo icon in other icon sets

Memo icon FAQ

Is the Memo icon free for commercial use?

Yes. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Memo icon in React?

Install @iconify/react and render <Icon icon="emojione-monotone:memo" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Memo icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione-monotone/memo.svg" alt="Memo icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (Monotone) icons →