Color

Advanced editing in SVG Editor

Mage Icons

Book 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
Tags: book read knowledge spell library study

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

React JSX

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

Vue template

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

CSS background

.icon-book {
  background-image: url('https://proicons.com/icon/309984.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="M22 16.6528C22.0006 16.9039 21.9495 17.1523 21.85 17.3828C21.7533 17.6133 21.6141 17.8236 21.4399 18.0028C21.2585 18.1743 21.0488 18.313 20.8199 18.4128C20.5848 18.5074 20.3334 18.5549 20.08 18.5528C18.9482 18.5338 17.8179 18.6412 16.71 18.8728C15.3972 19.028 14.1325 19.4609 13 20.1428V5.23282C14.0911 4.71318 15.2598 4.37539 16.46 4.23282C17.6813 3.99062 18.9251 3.88 20.17 3.90283C20.666 3.93036 21.1318 4.14899 21.47 4.51282C21.8006 4.8646 21.9832 5.3301 21.98 5.81284L22 16.6528Z" fill="black"/>
<path d="M11 5.23285V20.1429C9.88633 19.4672 8.6425 19.0345 7.34998 18.8729C6.22129 18.6444 5.07151 18.5372 3.92005 18.5529C3.66644 18.5569 3.41468 18.5092 3.18006 18.4128C2.95125 18.313 2.74149 18.1743 2.56006 18.0029C2.38198 17.8268 2.24233 17.6156 2.15003 17.3828C2.05049 17.1524 1.9994 16.9039 2.00001 16.6529V5.75287C2.00158 5.2708 2.18634 4.80735 2.51685 4.45642C2.84736 4.10549 3.29893 3.8933 3.78003 3.86285C5.05174 3.8307 6.32294 3.94138 7.56995 4.19284C8.76371 4.34381 9.92342 4.69543 11 5.23285Z" fill="black"/>
</svg>

Book in other icon packs

Feather Icons

Eva Icons Filled

Bootstrap Icons

Phosphor Icons

Carbon Icons

Ionicons

Copied!

Book Icon

More from Mage Icons

Book in other icon packs