notebook minimalistic icon
notebook-minimalistic-broken from Solar by 480 Design · Broken · School · CC-BY-4.0 Attribution required.
- Name
- notebook-minimalistic-broken
- Set
- Solar
- Style
- Broken
- Category
- School
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More school icons from Solar
backpack-boldbook-2-boldbook-boldbook-bookmark-boldbook-bookmark-minimalistic-boldbook-minimalistic-boldbookmark-boldbookmark-circle-boldbookmark-opened-boldbookmark-square-boldbookmark-square-minimalistic-boldcalculator-boldcalculator-minimalistic-boldcase-boldcase-minimalistic-boldcase-round-boldcase-round-minimalistic-bolddiploma-bolddiploma-verified-bolddocument-2-boldnotebook-2-boldnotebook-bookmark-boldnotebook-square-boldpassport-bold
Use the notebook minimalistic icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M22 10.5385V16.1437C22 17.2547 21.094 18.1536 19.9851 18.2229C19.0157 18.2836 17.8767 18.4021 17 18.6335C15.9185 18.9189 14.6271 19.5366 13.6276 20.0694C12.6148 20.6092 11.3852 20.6092 10.3724 20.0694C9.37293 19.5366 8.08145 18.9189 7 18.6335C6.12329 18.4021 4.98428 18.2836 4.01486 18.2229C2.90605 18.1536 2 17.2547 2 16.1437V14.0001M22 7.00012V4.93332C22 3.86087 21.1538 2.98053 20.082 3.01787C18.9534 3.05718 17.5469 3.17415 16.5 3.48757C15.5924 3.75929 14.5353 4.30431 13.6738 4.80287C12.6355 5.40379 11.3428 5.43636 10.2823 4.87558C9.29611 4.35413 8.04921 3.76443 7 3.48757C6.11349 3.25363 4.95877 3.13502 3.9824 3.07501C2.8863 3.00764 2 3.89975 2 4.99792V10.5708"/><path d="M12 5.50049V16.0005V20.5005"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarNotebookMinimalisticBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M22 10.5385V16.1437C22 17.2547 21.094 18.1536 19.9851 18.2229C19.0157 18.2836 17.8767 18.4021 17 18.6335C15.9185 18.9189 14.6271 19.5366 13.6276 20.0694C12.6148 20.6092 11.3852 20.6092 10.3724 20.0694C9.37293 19.5366 8.08145 18.9189 7 18.6335C6.12329 18.4021 4.98428 18.2836 4.01486 18.2229C2.90605 18.1536 2 17.2547 2 16.1437V14.0001M22 7.00012V4.93332C22 3.86087 21.1538 2.98053 20.082 3.01787C18.9534 3.05718 17.5469 3.17415 16.5 3.48757C15.5924 3.75929 14.5353 4.30431 13.6738 4.80287C12.6355 5.40379 11.3428 5.43636 10.2823 4.87558C9.29611 4.35413 8.04921 3.76443 7 3.48757C6.11349 3.25363 4.95877 3.13502 3.9824 3.07501C2.8863 3.00764 2 3.89975 2 4.99792V10.5708"/><path d="M12 5.50049V16.0005V20.5005"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M22 10.5385V16.1437C22 17.2547 21.094 18.1536 19.9851 18.2229C19.0157 18.2836 17.8767 18.4021 17 18.6335C15.9185 18.9189 14.6271 19.5366 13.6276 20.0694C12.6148 20.6092 11.3852 20.6092 10.3724 20.0694C9.37293 19.5366 8.08145 18.9189 7 18.6335C6.12329 18.4021 4.98428 18.2836 4.01486 18.2229C2.90605 18.1536 2 17.2547 2 16.1437V14.0001M22 7.00012V4.93332C22 3.86087 21.1538 2.98053 20.082 3.01787C18.9534 3.05718 17.5469 3.17415 16.5 3.48757C15.5924 3.75929 14.5353 4.30431 13.6738 4.80287C12.6355 5.40379 11.3428 5.43636 10.2823 4.87558C9.29611 4.35413 8.04921 3.76443 7 3.48757C6.11349 3.25363 4.95877 3.13502 3.9824 3.07501C2.8863 3.00764 2 3.89975 2 4.99792V10.5708"/><path d="M12 5.50049V16.0005V20.5005"/></g></svg> </template>
CSS
.icon-notebook-minimalistic-broken {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M22%2010.5385V16.1437C22%2017.2547%2021.094%2018.1536%2019.9851%2018.2229C19.0157%2018.2836%2017.8767%2018.4021%2017%2018.6335C15.9185%2018.9189%2014.6271%2019.5366%2013.6276%2020.0694C12.6148%2020.6092%2011.3852%2020.6092%2010.3724%2020.0694C9.37293%2019.5366%208.08145%2018.9189%207%2018.6335C6.12329%2018.4021%204.98428%2018.2836%204.01486%2018.2229C2.90605%2018.1536%202%2017.2547%202%2016.1437V14.0001M22%207.00012V4.93332C22%203.86087%2021.1538%202.98053%2020.082%203.01787C18.9534%203.05718%2017.5469%203.17415%2016.5%203.48757C15.5924%203.75929%2014.5353%204.30431%2013.6738%204.80287C12.6355%205.40379%2011.3428%205.43636%2010.2823%204.87558C9.29611%204.35413%208.04921%203.76443%207%203.48757C6.11349%203.25363%204.95877%203.13502%203.9824%203.07501C2.8863%203.00764%202%203.89975%202%204.99792V10.5708%22%2F%3E%3Cpath%20d%3D%22M12%205.50049V16.0005V20.5005%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M22%2010.5385V16.1437C22%2017.2547%2021.094%2018.1536%2019.9851%2018.2229C19.0157%2018.2836%2017.8767%2018.4021%2017%2018.6335C15.9185%2018.9189%2014.6271%2019.5366%2013.6276%2020.0694C12.6148%2020.6092%2011.3852%2020.6092%2010.3724%2020.0694C9.37293%2019.5366%208.08145%2018.9189%207%2018.6335C6.12329%2018.4021%204.98428%2018.2836%204.01486%2018.2229C2.90605%2018.1536%202%2017.2547%202%2016.1437V14.0001M22%207.00012V4.93332C22%203.86087%2021.1538%202.98053%2020.082%203.01787C18.9534%203.05718%2017.5469%203.17415%2016.5%203.48757C15.5924%203.75929%2014.5353%204.30431%2013.6738%204.80287C12.6355%205.40379%2011.3428%205.43636%2010.2823%204.87558C9.29611%204.35413%208.04921%203.76443%207%203.48757C6.11349%203.25363%204.95877%203.13502%203.9824%203.07501C2.8863%203.00764%202%203.89975%202%204.99792V10.5708%22%2F%3E%3Cpath%20d%3D%22M12%205.50049V16.0005V20.5005%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/notebook-minimalistic-broken.svg?color=%231a73e8&size=48
