Notebook Icon
Free SVG icon from the Arcticons 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/344875.svg" alt="Notebook icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/344875.svg" alt="Notebook icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/344875.svg" alt="Notebook icon" :width="24" :height="24" />
CSS background
.icon-notebook {
background-image: url('https://proicons.com/icon/344875.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?><svg id="b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.c{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="c" d="m35.2999,15.1722H12.6635c-.7576,0-1.3718.6142-1.3718,1.3718v22.6364c0,.7576.6142,1.3718,1.3718,1.3718h22.6364c.7576,0,1.3718-.6142,1.3718-1.3718v-22.6364c0-.7576-.6142-1.3718-1.3718-1.3718Z"/><g><path class="c" d="m36.5399,34.8435l2.0793.2185c.7535.0792,1.4285-.4675,1.5077-1.221l2.3654-22.5124c.0792-.7535-.4675-1.4285-1.221-1.5077l-22.5124-2.3654c-.7535-.0792-1.4285.4675-1.5077,1.221l-.675,6.424"/><path class="c" d="m17.0835,10.3901l-10.3552,1.0899c-.7535.0793-1.3.7544-1.2207,1.5079l2.3692,22.5114c.0793.7535.7544,1.3,1.5079,1.2207l1.7686-.1862"/><g><path class="c" d="m16.5335,21.2413h14.8963"/><path class="c" d="m16.5335,25.6553h14.8963"/><path class="c" d="m16.5335,30.0694h14.8963"/><path class="c" d="m16.5335,34.4835h6.8966"/></g></g></svg>
More from Arcticons
View all
Notebook in other icon packs
Copied!