ICONYZ
English
My Notes icon from Arcticons

My Notes icon

arcticons:my-notes

The My Notes icon (arcticons:my-notes) is a free SVG icon from the Arcticons set by Donnnno. It is drawn on a 48 × 48 grid. Arcticons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Arcticons
Author
Donnnno
License
CC-BY-SA-4.0
Size
48 × 48
Tags
mynotes, note
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M39.488 23.42A10.283 10.283 0 0 0 24.946 8.879"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.426 35.818a5.1 5.1 0 0 1 1.077 1.588L39.488 23.42L24.946 8.878L10.831 22.994a5.04 5.04 0 0 1 2.025 1.254c1.597 1.597 1.918 3.867.715 5.07c1.203-1.203 3.473-.883 5.07.715s1.918 3.867.715 5.07c1.203-1.203 3.472-.883 5.07.715"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.831 22.994L5.5 42.134l20.003-4.728"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.409 40.212a7.18 7.18 0 0 0-4.725-4.91"/></svg>

How to use the My Notes icon

React

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

<Icon icon="arcticons:my-notes" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:my-notes" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:my-notes" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--my-notes]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:my-notes"></div>

Web component

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

<iconify-icon icon="arcticons:my-notes"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/arcticons/my-notes.svg" alt="My Notes icon" width="24" height="24">

Related icons in Arcticons

my-a1 icon
my-a1
 my-ac icon
my-ac
 my-apps-time icon
my-apps-time
 my-argentina icon
my-argentina
 my-au icon
my-au
 my-audi icon
my-audi
 my-base icon
my-base
 my-boy icon
my-boy
 my-bplus icon
my-bplus
 my-brain icon
my-brain
 my-cloud-home icon
my-cloud-home
 my-cupra icon
my-cupra
 my-data-manager icon
my-data-manager
 my-desktop-iscreen icon
my-desktop-iscreen
 my-device icon
my-device
 my-diary icon
my-diary
 my-diary-2 icon
my-diary-2
 my-digi icon
my-digi
 my-dishtv icon
my-dishtv
 my-docomo icon
my-docomo
 my-dyson icon
my-dyson
 my-edenred icon
my-edenred
 my-edenred-shopping icon
my-edenred-shopping
 my-ee icon
my-ee

My Notes icon FAQ

Is the My Notes icon free for commercial use?

Yes. Arcticons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the My Notes icon in React?

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

How do I add the My Notes icon to a web page?

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

Browse all Arcticons →