Memos Light icon
thesvg-color:memos-light
The Memos Light icon (thesvg-color:memos-light) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 512 × 512 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 512 × 512
- Tags
- memoslight, memo
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#18181b" fill-rule="evenodd" d="M196.985 74.9c22.846-11.9 51.405-10.578 74.252 0c24.274 11.899 37.125 37.02 37.125 64.784c1.428 23.8-9.995 42.31-9.995 60.82c2.856 14.543 21.419 26.442 37.126 46.274c22.847 29.088 34.27 74.04 31.414 108.417q0 17.187-8.567 22.476c-8.568-17.188-9.996-34.376-12.852-51.564c-4.283-38.342-18.563-68.751-39.981-93.872c-18.563-17.188-25.703-27.765-18.563-50.242c7.14-17.188 9.995-35.698 5.711-50.241c-12.85 14.543-27.13 29.087-47.121 33.053q-5.712 1.322-11.423-3.966c-9.996 29.087-27.13 59.496-31.415 88.584c19.991 23.798 44.266 37.02 67.113 70.074c25.702 37.02 38.553 76.684 29.986 105.771q-2.856 9.255-8.568 11.9c-7.14-30.41-12.85-56.853-27.13-88.584c-14.28-30.41-39.982-52.886-62.828-71.396l-1.428 48.92q0 10.576-11.424 15.865q-7.14 3.967-9.995 10.577c1.428 21.155 9.995 44.953 17.135 64.786q1.428 11.899-8.568 3.966c-11.423-15.866-15.707-31.732-21.418-47.597c-11.424 22.476-9.996 50.241 0 75.362q2.855 10.577-7.14 6.61c-18.563-25.12-24.275-59.496-9.995-88.583c7.14-17.188 21.418-33.054 38.553-40.987c-4.283-23.798-2.855-52.886 2.856-78.006c5.712-31.732 21.419-62.141 34.27-93.873q2.856-10.577-8.567-17.188l-39.982-19.832c-9.995 14.544-24.275 23.799-32.842 29.087q-5.712 2.644-1.428-5.288c8.567-17.188 21.419-37.02 37.126-47.598q2.856-7.933 9.995-7.933q5.712 1.323-2.856 10.578l-4.283 6.61l37.126 17.188c5.711-14.543 7.14-30.41 14.279-38.342q7.14-3.967 7.14 6.61c0 18.51-7.14 40.987-5.712 55.53q2.856 10.578 17.135 6.612c19.99-6.611 34.27-21.155 34.27-30.41c-5.712-23.798-22.847-38.342-47.122-42.309q-21.418-3.966-41.41 2.645q-9.995 2.644 0-5.289m51.405 125.603c-7.14 19.832-17.135 37.02-21.419 50.242q-1.428 5.288 5.712 2.644l7.14-5.288l8.567-19.833l5.712 22.477l-11.424 17.188q-4.284 6.61 2.856 5.288c12.851-5.288 19.99-15.865 19.99-22.476l-9.995-31.732q-5.711-25.12-7.14-18.51m49.977 46.275c-7.14 18.51-9.995 38.343-15.707 52.886q-1.428 5.289 2.856 9.255c17.135 26.443 27.13 56.853 29.986 87.262q1.428 11.9 7.14 3.967c11.423-33.054 0-62.141-17.135-88.584q-5.712-10.578-5.712-21.155c2.856-19.832 4.284-33.053 2.856-42.308q-1.428-7.933-4.284-1.323"/></svg>How to use the Memos Light icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:memos-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:memos-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:memos-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--memos-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:memos-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:memos-light"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/memos-light.svg" alt="Memos Light icon" width="24" height="24">Related icons in theSVG Color
Memos Light icon FAQ
Is the Memos Light icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Memos Light icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:memos-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Memos Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/memos-light.svg" alt="Memos Light icon">, or paste the SVG code inline to style it with CSS.