Book Text Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Book 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/310547.svg" alt="Book Text icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310547.svg" alt="Book Text icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310547.svg" alt="Book Text icon" :width="24" :height="24" />
CSS background
.icon-book-text {
background-image: url('https://proicons.com/icon/310547.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="M2.75569 16.3581C2.73952 16.5157 2.75791 16.6749 2.80957 16.8246C2.86124 16.9743 2.94495 17.111 3.05485 17.225C3.16476 17.3391 3.29822 17.4278 3.44593 17.4849C3.59364 17.5421 3.75204 17.5664 3.9101 17.5561C5.0986 17.5414 6.28524 17.6546 7.44953 17.8937C9.08489 18.0933 10.6472 18.6875 12.0018 19.6253V6.44768C10.6493 5.50223 9.08682 4.90042 7.44953 4.6943C6.26304 4.45796 5.05426 4.35205 3.84475 4.37847C3.55592 4.37847 3.27891 4.49321 3.07467 4.69745C2.87043 4.90168 2.75569 5.17869 2.75569 5.46753V16.3581Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.248 16.3581C21.2576 16.5122 21.2343 16.6665 21.1797 16.8109C21.125 16.9553 21.0403 17.0864 20.9312 17.1956C20.822 17.3048 20.6909 17.3895 20.5465 17.4441C20.4021 17.4987 20.2477 17.5221 20.0936 17.5125C18.9051 17.4978 17.7185 17.611 16.5542 17.8501C14.915 18.0627 13.3524 18.6721 12.002 19.6253V6.44768C13.3545 5.50223 14.9169 4.90042 16.5542 4.6943C17.7407 4.45796 18.9495 4.35205 20.159 4.37847C20.3077 4.3782 20.4548 4.40838 20.5914 4.46715C20.728 4.52592 20.8511 4.61204 20.9531 4.72019C21.0552 4.82834 21.134 4.95625 21.1847 5.09601C21.2354 5.23578 21.257 5.38445 21.248 5.53287V16.3581Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.62109 8.23364H6.87316" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.62109 14.2454H7.45493" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.7793 11.2395H9.1308" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Book Text in other icon packs
Copied!