Color

Advanced editing in SVG Editor

IcoFont

Notepad Icon

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

Download SVG

Collection: IcoFont
Format: SVG, Font, PNG
License: CC BY 4.0 - Free for commercial use
Tags: notepad

The Notepad 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/306146.svg" alt="Notepad icon" width="24" height="24">

React JSX

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

Vue template

<img
  src="https://proicons.com/icon/306146.svg"
  alt="Notepad icon"
  :width="24"
  :height="24"
/>

CSS background

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

SVG markup

<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M743 111c0-9 1-17 0-25-1-14-11-24-24-24-14 1-24 11-24 26v22h-24V88c-1-15-11-26-25-25-14 0-24 11-24 26v22h-24V90c-1-16-10-27-24-27-14-1-24 9-25 26v21h-25V99c0-26-7-37-24-37-16 1-24 11-24 37v11h-24c0-8 0-16-1-24-1-14-11-24-24-24-13 1-24 11-24 26v22h-24V91c0-17-10-29-25-28-14 0-24 11-24 27v20h-24V91c0-17-10-28-24-28-15-1-24 10-25 27v21h-85v827h656V111h-85zM314 320h372c16 0 25 11 22 25-2 9-8 14-17 16H316c-15 0-24-8-24-20 0-13 9-21 22-21zm0 83h372c15 0 25 10 22 25-1 9-8 15-17 16H316c-15 0-24-7-24-20 0-12 9-21 22-21zm0 250h372c15 0 25 11 22 25-1 9-8 15-17 16-2 1-5 1-7 1H316c-15 0-24-8-24-21 0-12 9-20 22-21zm373 125H315c-16 0-26-11-22-25 2-9 8-15 17-16h374c16 0 25 8 25 20s-9 21-22 21zm0-167H315c-16 0-25-10-23-24 2-9 9-16 18-17h374c16 0 25 8 25 20 0 13-9 21-22 21zm0-83H315c-16 0-25-11-23-25 2-9 9-15 18-16h374c16 0 25 7 25 20 0 12-9 21-22 21z"/></svg>

Notepad in other icon packs

Phosphor Icons

Metro UI Dock

IconPark

Copied!

Notepad Icon

More from IcoFont

Notepad in other icon packs