library icon
library-outline from Material Design Icons by Pictogrammers · Outline · Places · Apache-2.0 Free for personal and commercial use.
- Name
- library-outline
- Set
- Material Design Icons
- Style
- Outline
- Category
- Places
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- local-library-outline
1 other variant in Material Design Icons
The same icon in other sets
More places icons from Material Design Icons
Use the library icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 14.27L10.64 13A11.24 11.24 0 0 0 5 10.18v6.95c2.61.34 5 1.34 7 2.82c2-1.48 4.39-2.48 7-2.82v-6.95c-2.16.39-4.09 1.39-5.64 2.82M19 8.15c.65-.1 1.32-.15 2-.15v11c-3.5 0-6.64 1.35-9 3.54C9.64 20.35 6.5 19 3 19V8c.68 0 1.35.05 2 .15c2.69.41 5.1 1.63 7 3.39c1.9-1.76 4.31-2.98 7-3.39M12 6c.27 0 .5-.1.71-.29c.19-.21.29-.44.29-.71s-.1-.5-.29-.71C12.5 4.11 12.27 4 12 4s-.5.11-.71.29c-.18.21-.29.45-.29.71s.11.5.29.71c.21.19.45.29.71.29m2.12 1.12a2.997 2.997 0 1 1-4.24-4.24a2.997 2.997 0 1 1 4.24 4.24"/></svg>
React
import type { SVGProps } from "react";
export function MdiLibraryOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 14.27L10.64 13A11.24 11.24 0 0 0 5 10.18v6.95c2.61.34 5 1.34 7 2.82c2-1.48 4.39-2.48 7-2.82v-6.95c-2.16.39-4.09 1.39-5.64 2.82M19 8.15c.65-.1 1.32-.15 2-.15v11c-3.5 0-6.64 1.35-9 3.54C9.64 20.35 6.5 19 3 19V8c.68 0 1.35.05 2 .15c2.69.41 5.1 1.63 7 3.39c1.9-1.76 4.31-2.98 7-3.39M12 6c.27 0 .5-.1.71-.29c.19-.21.29-.44.29-.71s-.1-.5-.29-.71C12.5 4.11 12.27 4 12 4s-.5.11-.71.29c-.18.21-.29.45-.29.71s.11.5.29.71c.21.19.45.29.71.29m2.12 1.12a2.997 2.997 0 1 1-4.24-4.24a2.997 2.997 0 1 1 4.24 4.24"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 14.27L10.64 13A11.24 11.24 0 0 0 5 10.18v6.95c2.61.34 5 1.34 7 2.82c2-1.48 4.39-2.48 7-2.82v-6.95c-2.16.39-4.09 1.39-5.64 2.82M19 8.15c.65-.1 1.32-.15 2-.15v11c-3.5 0-6.64 1.35-9 3.54C9.64 20.35 6.5 19 3 19V8c.68 0 1.35.05 2 .15c2.69.41 5.1 1.63 7 3.39c1.9-1.76 4.31-2.98 7-3.39M12 6c.27 0 .5-.1.71-.29c.19-.21.29-.44.29-.71s-.1-.5-.29-.71C12.5 4.11 12.27 4 12 4s-.5.11-.71.29c-.18.21-.29.45-.29.71s.11.5.29.71c.21.19.45.29.71.29m2.12 1.12a2.997 2.997 0 1 1-4.24-4.24a2.997 2.997 0 1 1 4.24 4.24"/></svg> </template>
CSS
.icon-library-outline {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2014.27L10.64%2013A11.24%2011.24%200%200%200%205%2010.18v6.95c2.61.34%205%201.34%207%202.82c2-1.48%204.39-2.48%207-2.82v-6.95c-2.16.39-4.09%201.39-5.64%202.82M19%208.15c.65-.1%201.32-.15%202-.15v11c-3.5%200-6.64%201.35-9%203.54C9.64%2020.35%206.5%2019%203%2019V8c.68%200%201.35.05%202%20.15c2.69.41%205.1%201.63%207%203.39c1.9-1.76%204.31-2.98%207-3.39M12%206c.27%200%20.5-.1.71-.29c.19-.21.29-.44.29-.71s-.1-.5-.29-.71C12.5%204.11%2012.27%204%2012%204s-.5.11-.71.29c-.18.21-.29.45-.29.71s.11.5.29.71c.21.19.45.29.71.29m2.12%201.12a2.997%202.997%200%201%201-4.24-4.24a2.997%202.997%200%201%201%204.24%204.24%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2014.27L10.64%2013A11.24%2011.24%200%200%200%205%2010.18v6.95c2.61.34%205%201.34%207%202.82c2-1.48%204.39-2.48%207-2.82v-6.95c-2.16.39-4.09%201.39-5.64%202.82M19%208.15c.65-.1%201.32-.15%202-.15v11c-3.5%200-6.64%201.35-9%203.54C9.64%2020.35%206.5%2019%203%2019V8c.68%200%201.35.05%202%20.15c2.69.41%205.1%201.63%207%203.39c1.9-1.76%204.31-2.98%207-3.39M12%206c.27%200%20.5-.1.71-.29c.19-.21.29-.44.29-.71s-.1-.5-.29-.71C12.5%204.11%2012.27%204%2012%204s-.5.11-.71.29c-.18.21-.29.45-.29.71s.11.5.29.71c.21.19.45.29.71.29m2.12%201.12a2.997%202.997%200%201%201-4.24-4.24a2.997%202.997%200%201%201%204.24%204.24%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/library-outline.svg?color=%231a73e8&size=48
