Color

Advanced editing in SVG Editor

Mage Icons

Note Text Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Download SVG

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Style: Outline
Tags: note text

The Note Text icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/310883.svg" alt="Note Text icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310883.svg" alt="Note Text icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310883.svg"
  alt="Note Text icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-note-text {
  background-image: url('https://proicons.com/icon/310883.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2211 17.0837V8.97412C20.2251 8.42444 20.1203 7.8794 19.9127 7.3704C19.7052 6.86141 19.3989 6.39852 19.0116 6.00842C18.6244 5.61831 18.1637 5.3087 17.6562 5.09743C17.1488 4.88615 16.6045 4.77739 16.0548 4.7774H7.94522C6.84025 4.7774 5.78053 5.21635 4.9992 5.99769C4.21787 6.77902 3.77892 7.83873 3.77892 8.94371V17.0533C3.77491 17.603 3.87971 18.148 4.08729 18.657C4.29487 19.166 4.60112 19.6289 4.9884 20.019C5.37567 20.4091 5.83632 20.7187 6.34379 20.93C6.85126 21.1413 7.39553 21.25 7.94522 21.25H16.0548C17.1598 21.25 18.2195 20.8111 19.0008 20.0297C19.7822 19.2484 20.2211 18.1887 20.2211 17.0837Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.0548 6.80479V2.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.94519 6.80479V2.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.43835 10.8596H16.5616" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.43835 15.9281H16.5616" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Note Text in other icon packs

Iconhub

Majesticons Filled

Material Design Icons

Iconsax

Iconsax Filled

Iconsax

Iconsax Outline

Copied!

Note Text Icon

More from Mage Icons

Note Text in other icon packs