Book Stack Icon SVG
Book Stack
Book stack SVG Icon Code | Customize color
You can get svg icon book stack in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Svg Code
<svg width="24" stroke-width="1.5" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 19.5V5C5 3.89543 5.89543 3 7 3H18.4C18.7314 3 19 3.26863 19 3.6V21" stroke="currentColor" stroke-linecap="round"/> <path d="M9 7L15 7" stroke="currentColor" stroke-linecap="round"/> <path d="M6.5 15L19 15" stroke="currentColor" stroke-linecap="round"/> <path d="M6.5 18L19 18" stroke="currentColor" stroke-linecap="round"/> <path d="M6.5 21L19 21" stroke="currentColor" stroke-linecap="round"/> <path d="M6.5 18C5.5 18 5 17.3284 5 16.5C5 15.6716 5.5 15 6.5 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.5 21C5.5 21 5 20.3284 5 19.5C5 18.6716 5.5 18 6.5 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Svg Code
<svg style="color: white" width="24" stroke-width="1.5" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 19.5V5C5 3.89543 5.89543 3 7 3H18.4C18.7314 3 19 3.26863 19 3.6V21" stroke="currentColor" stroke-linecap="round" fill="white"></path> <path d="M9 7L15 7" stroke="currentColor" stroke-linecap="round" fill="white"></path> <path d="M6.5 15L19 15" stroke="currentColor" stroke-linecap="round" fill="white"></path> <path d="M6.5 18L19 18" stroke="currentColor" stroke-linecap="round" fill="white"></path> <path d="M6.5 21L19 21" stroke="currentColor" stroke-linecap="round" fill="white"></path> <path d="M6.5 18C5.5 18 5 17.3284 5 16.5C5 15.6716 5.5 15 6.5 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> <path d="M6.5 21C5.5 21 5 20.3284 5 19.5C5 18.6716 5.5 18 6.5 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> </svg>
Svg Code
<svg style="color: red" width="24" stroke-width="1.5" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 19.5V5C5 3.89543 5.89543 3 7 3H18.4C18.7314 3 19 3.26863 19 3.6V21" stroke="currentColor" stroke-linecap="round" fill="red"></path> <path d="M9 7L15 7" stroke="currentColor" stroke-linecap="round" fill="red"></path> <path d="M6.5 15L19 15" stroke="currentColor" stroke-linecap="round" fill="red"></path> <path d="M6.5 18L19 18" stroke="currentColor" stroke-linecap="round" fill="red"></path> <path d="M6.5 21L19 21" stroke="currentColor" stroke-linecap="round" fill="red"></path> <path d="M6.5 18C5.5 18 5 17.3284 5 16.5C5 15.6716 5.5 15 6.5 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> <path d="M6.5 21C5.5 21 5 20.3284 5 19.5C5 18.6716 5.5 18 6.5 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> </svg>
Svg Code
<svg style="color: blue" width="24" stroke-width="1.5" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 19.5V5C5 3.89543 5.89543 3 7 3H18.4C18.7314 3 19 3.26863 19 3.6V21" stroke="currentColor" stroke-linecap="round" fill="blue"></path> <path d="M9 7L15 7" stroke="currentColor" stroke-linecap="round" fill="blue"></path> <path d="M6.5 15L19 15" stroke="currentColor" stroke-linecap="round" fill="blue"></path> <path d="M6.5 18L19 18" stroke="currentColor" stroke-linecap="round" fill="blue"></path> <path d="M6.5 21L19 21" stroke="currentColor" stroke-linecap="round" fill="blue"></path> <path d="M6.5 18C5.5 18 5 17.3284 5 16.5C5 15.6716 5.5 15 6.5 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> <path d="M6.5 21C5.5 21 5 20.3284 5 19.5C5 18.6716 5.5 18 6.5 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> </svg>
Svg Code
<svg style="color: #f3da35" width="24" stroke-width="1.5" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 19.5V5C5 3.89543 5.89543 3 7 3H18.4C18.7314 3 19 3.26863 19 3.6V21" stroke="currentColor" stroke-linecap="round" fill="#f3da35"></path> <path d="M9 7L15 7" stroke="currentColor" stroke-linecap="round" fill="#f3da35"></path> <path d="M6.5 15L19 15" stroke="currentColor" stroke-linecap="round" fill="#f3da35"></path> <path d="M6.5 18L19 18" stroke="currentColor" stroke-linecap="round" fill="#f3da35"></path> <path d="M6.5 21L19 21" stroke="currentColor" stroke-linecap="round" fill="#f3da35"></path> <path d="M6.5 18C5.5 18 5 17.3284 5 16.5C5 15.6716 5.5 15 6.5 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> <path d="M6.5 21C5.5 21 5 20.3284 5 19.5C5 18.6716 5.5 18 6.5 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> </svg>
Advance Editor
You can edit book stack as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements