Notebook Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Notebook 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/306145.svg" alt="Notebook icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306145.svg" alt="Notebook icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306145.svg" alt="Notebook icon" :width="24" :height="24" />
CSS background
.icon-notebook {
background-image: url('https://proicons.com/icon/306145.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="M890 62H173c-7 0-12 6-12 12v91c0 6 5 12 12 12h90c7 0 12 5 12 11v92c0 7-5 12-12 12h-91c-6 0-11 5-11 11v45c0 7 5 12 11 12h92c6 0 11 5 11 11v93c0 6-5 11-11 11h-92c-6 0-11 5-11 12v44c0 7 5 12 11 12h92c6 0 11 5 11 11v93c0 6-5 11-11 11h-91c-7 0-12 5-12 12v45c0 6 5 11 12 11h91c6 0 11 6 11 12v92c0 6-5 12-11 12h-92c-6 0-11 5-11 11v73c0 7 5 12 11 12h718c6 0 11-5 11-12V74c0-6-5-12-11-12zM110 441h120c7 0 12-6 12-12v-24c0-6-5-12-12-12H110c-6 0-11 6-11 12v24c0 6 5 12 11 12zm0 183h121c6 0 11-6 11-12v-24c0-6-5-11-11-11H110c-6 0-11 5-11 11v24c0 7 5 12 11 12zm1-368h120c6 0 11-5 11-11v-23c0-6-5-12-11-12H111c-7 0-12 6-12 12v23c0 6 5 11 12 11zm131 539v-23c0-6-5-11-12-11H110c-6 0-11 5-11 11v23c0 7 5 12 11 12h120c7 0 12-5 12-12z"/></svg>
More from IcoFont
View all
Notebook in other icon packs
Copied!