notebook2 icon
notebook2-duotone from Reicon by REICON · Duotone · School · MIT Free for personal and commercial use.
- Name
- notebook2-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- School
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More school icons from Reicon
Use the notebook2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 5.214c-.684 0-1.057-.161-1.718-.339C8.938 4.515 8.05 3.765 7 3.487c-.887-.234-2.041-.352-3.018-.412C2.886 3.007 2 3.9 2 4.998v11.146c0 1.11.906 2.01 2.015 2.079c.97.06 2.108.179 2.985.41c.486.129 1.216.431 1.873.726c1.005.451 1.84 1.034 3.127 1.034s2.123-.583 3.127-1.034c.657-.295 1.387-.597 1.873-.726c.877-.231 2.016-.35 2.985-.41c1.109-.07 2.015-.968 2.015-2.08V4.999c0-1.098-.886-1.99-1.982-1.923c-.977.06-2.131.178-3.018.412c-1.05.277-1.938 1.028-3.282 1.388c-.66.178-1.034.339-1.718.339" opacity=".5"/><path d="M4.273 12.818a.75.75 0 0 1 .91-.545l4 1a.75.75 0 1 1-.365 1.455l-4-1a.75.75 0 0 1-.545-.91m.909-4.545a.75.75 0 1 0-.364 1.455l4 1a.75.75 0 0 0 .364-1.455zm14.545 4.545a.75.75 0 0 0-.91-.545l-4 1a.75.75 0 0 0 .365 1.455l4-1a.75.75 0 0 0 .545-.91m-.909-4.545a.75.75 0 1 1 .364 1.455l-4 1a.75.75 0 0 1-.364-1.455z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconNotebook2Duotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 5.214c-.684 0-1.057-.161-1.718-.339C8.938 4.515 8.05 3.765 7 3.487c-.887-.234-2.041-.352-3.018-.412C2.886 3.007 2 3.9 2 4.998v11.146c0 1.11.906 2.01 2.015 2.079c.97.06 2.108.179 2.985.41c.486.129 1.216.431 1.873.726c1.005.451 1.84 1.034 3.127 1.034s2.123-.583 3.127-1.034c.657-.295 1.387-.597 1.873-.726c.877-.231 2.016-.35 2.985-.41c1.109-.07 2.015-.968 2.015-2.08V4.999c0-1.098-.886-1.99-1.982-1.923c-.977.06-2.131.178-3.018.412c-1.05.277-1.938 1.028-3.282 1.388c-.66.178-1.034.339-1.718.339" opacity=".5"/><path d="M4.273 12.818a.75.75 0 0 1 .91-.545l4 1a.75.75 0 1 1-.365 1.455l-4-1a.75.75 0 0 1-.545-.91m.909-4.545a.75.75 0 1 0-.364 1.455l4 1a.75.75 0 0 0 .364-1.455zm14.545 4.545a.75.75 0 0 0-.91-.545l-4 1a.75.75 0 0 0 .365 1.455l4-1a.75.75 0 0 0 .545-.91m-.909-4.545a.75.75 0 1 1 .364 1.455l-4 1a.75.75 0 0 1-.364-1.455z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 5.214c-.684 0-1.057-.161-1.718-.339C8.938 4.515 8.05 3.765 7 3.487c-.887-.234-2.041-.352-3.018-.412C2.886 3.007 2 3.9 2 4.998v11.146c0 1.11.906 2.01 2.015 2.079c.97.06 2.108.179 2.985.41c.486.129 1.216.431 1.873.726c1.005.451 1.84 1.034 3.127 1.034s2.123-.583 3.127-1.034c.657-.295 1.387-.597 1.873-.726c.877-.231 2.016-.35 2.985-.41c1.109-.07 2.015-.968 2.015-2.08V4.999c0-1.098-.886-1.99-1.982-1.923c-.977.06-2.131.178-3.018.412c-1.05.277-1.938 1.028-3.282 1.388c-.66.178-1.034.339-1.718.339" opacity=".5"/><path d="M4.273 12.818a.75.75 0 0 1 .91-.545l4 1a.75.75 0 1 1-.365 1.455l-4-1a.75.75 0 0 1-.545-.91m.909-4.545a.75.75 0 1 0-.364 1.455l4 1a.75.75 0 0 0 .364-1.455zm14.545 4.545a.75.75 0 0 0-.91-.545l-4 1a.75.75 0 0 0 .365 1.455l4-1a.75.75 0 0 0 .545-.91m-.909-4.545a.75.75 0 1 1 .364 1.455l-4 1a.75.75 0 0 1-.364-1.455z"/></g></svg> </template>
CSS
.icon-notebook2-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%205.214c-.684%200-1.057-.161-1.718-.339C8.938%204.515%208.05%203.765%207%203.487c-.887-.234-2.041-.352-3.018-.412C2.886%203.007%202%203.9%202%204.998v11.146c0%201.11.906%202.01%202.015%202.079c.97.06%202.108.179%202.985.41c.486.129%201.216.431%201.873.726c1.005.451%201.84%201.034%203.127%201.034s2.123-.583%203.127-1.034c.657-.295%201.387-.597%201.873-.726c.877-.231%202.016-.35%202.985-.41c1.109-.07%202.015-.968%202.015-2.08V4.999c0-1.098-.886-1.99-1.982-1.923c-.977.06-2.131.178-3.018.412c-1.05.277-1.938%201.028-3.282%201.388c-.66.178-1.034.339-1.718.339%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M4.273%2012.818a.75.75%200%200%201%20.91-.545l4%201a.75.75%200%201%201-.365%201.455l-4-1a.75.75%200%200%201-.545-.91m.909-4.545a.75.75%200%201%200-.364%201.455l4%201a.75.75%200%200%200%20.364-1.455zm14.545%204.545a.75.75%200%200%200-.91-.545l-4%201a.75.75%200%200%200%20.365%201.455l4-1a.75.75%200%200%200%20.545-.91m-.909-4.545a.75.75%200%201%201%20.364%201.455l-4%201a.75.75%200%200%201-.364-1.455z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%205.214c-.684%200-1.057-.161-1.718-.339C8.938%204.515%208.05%203.765%207%203.487c-.887-.234-2.041-.352-3.018-.412C2.886%203.007%202%203.9%202%204.998v11.146c0%201.11.906%202.01%202.015%202.079c.97.06%202.108.179%202.985.41c.486.129%201.216.431%201.873.726c1.005.451%201.84%201.034%203.127%201.034s2.123-.583%203.127-1.034c.657-.295%201.387-.597%201.873-.726c.877-.231%202.016-.35%202.985-.41c1.109-.07%202.015-.968%202.015-2.08V4.999c0-1.098-.886-1.99-1.982-1.923c-.977.06-2.131.178-3.018.412c-1.05.277-1.938%201.028-3.282%201.388c-.66.178-1.034.339-1.718.339%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M4.273%2012.818a.75.75%200%200%201%20.91-.545l4%201a.75.75%200%201%201-.365%201.455l-4-1a.75.75%200%200%201-.545-.91m.909-4.545a.75.75%200%201%200-.364%201.455l4%201a.75.75%200%200%200%20.364-1.455zm14.545%204.545a.75.75%200%200%200-.91-.545l-4%201a.75.75%200%200%200%20.365%201.455l4-1a.75.75%200%200%200%20.545-.91m-.909-4.545a.75.75%200%201%201%20.364%201.455l-4%201a.75.75%200%200%201-.364-1.455z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/notebook2-duotone.svg?color=%231a73e8&size=48
