notebook bookmark icon
notebook-bookmark from Reicon by REICON · Outline · School · MIT Free for personal and commercial use.
- Name
- notebook-bookmark
- Set
- Reicon
- Style
- Outline
- Category
- School
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
More school icons from Reicon
Use the notebook bookmark icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M19.728 12.818a.75.75 0 0 0-.91-.546l-4 1a.75.75 0 0 0 .364 1.456l4-1a.75.75 0 0 0 .546-.91M19.75 5.5a.75.75 0 0 0-1.5 0v3.439l-.75-.356l-.008-.005a1.1 1.1 0 0 0-.492-.13a1.1 1.1 0 0 0-.492.13l-.009.005l-.749.356V6.95a.75.75 0 0 0-1.5 0v2.587c0 .111 0 .27.02.406a.94.94 0 0 0 .445.683a.96.96 0 0 0 .783.072c.13-.04.272-.108.378-.159L17 10.005l1.124.534c.106.05.248.119.378.16a.96.96 0 0 0 .783-.073a.94.94 0 0 0 .444-.683c.021-.136.021-.295.021-.406zM4.272 8.818a.75.75 0 0 1 .91-.546l4 1a.75.75 0 1 1-.364 1.456l-4-1a.75.75 0 0 1-.546-.91m.91 3.454a.75.75 0 0 0-.364 1.456l4 1a.75.75 0 1 0 .364-1.456z"/><path fill-rule="evenodd" d="M22.75 4.933c0-1.463-1.165-2.718-2.694-2.665c-1.139.04-2.626.158-3.771.501c-.995.298-2.114.88-2.987 1.385a2.77 2.77 0 0 1-2.665.058c-.996-.526-2.305-1.15-3.442-1.45c-.96-.253-2.176-.375-3.163-.436C2.47 2.231 1.25 3.5 1.25 4.998v11.146c0 1.536 1.244 2.735 2.718 2.827c.959.06 2.038.176 2.84.388c.993.261 2.22.844 3.212 1.372a4.22 4.22 0 0 0 3.96 0c.991-.528 2.219-1.11 3.211-1.372c.803-.212 1.882-.328 2.841-.388c1.474-.092 2.718-1.291 2.718-2.827zm-2.642-1.166c.615-.021 1.142.485 1.142 1.166v11.21c0 .686-.568 1.285-1.312 1.331c-.98.062-2.179.183-3.13.434c-1.17.31-2.525.962-3.533 1.5q-.253.135-.525.211V5.942c.452-.09.892-.254 1.3-.49c.85-.492 1.845-1 2.665-1.246c.95-.284 2.274-.4 3.393-.439M11.25 5.975a4.2 4.2 0 0 1-1.318-.436c-.977-.517-2.161-1.072-3.123-1.326c-.813-.215-1.907-.33-2.873-.39c-.634-.038-1.186.478-1.186 1.175v11.146c0 .685.568 1.284 1.312 1.33c.98.062 2.179.183 3.13.434c1.17.31 2.525.962 3.533 1.5q.253.135.525.211z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconNotebookBookmark(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="M19.728 12.818a.75.75 0 0 0-.91-.546l-4 1a.75.75 0 0 0 .364 1.456l4-1a.75.75 0 0 0 .546-.91M19.75 5.5a.75.75 0 0 0-1.5 0v3.439l-.75-.356l-.008-.005a1.1 1.1 0 0 0-.492-.13a1.1 1.1 0 0 0-.492.13l-.009.005l-.749.356V6.95a.75.75 0 0 0-1.5 0v2.587c0 .111 0 .27.02.406a.94.94 0 0 0 .445.683a.96.96 0 0 0 .783.072c.13-.04.272-.108.378-.159L17 10.005l1.124.534c.106.05.248.119.378.16a.96.96 0 0 0 .783-.073a.94.94 0 0 0 .444-.683c.021-.136.021-.295.021-.406zM4.272 8.818a.75.75 0 0 1 .91-.546l4 1a.75.75 0 1 1-.364 1.456l-4-1a.75.75 0 0 1-.546-.91m.91 3.454a.75.75 0 0 0-.364 1.456l4 1a.75.75 0 1 0 .364-1.456z"/><path fillRule="evenodd" d="M22.75 4.933c0-1.463-1.165-2.718-2.694-2.665c-1.139.04-2.626.158-3.771.501c-.995.298-2.114.88-2.987 1.385a2.77 2.77 0 0 1-2.665.058c-.996-.526-2.305-1.15-3.442-1.45c-.96-.253-2.176-.375-3.163-.436C2.47 2.231 1.25 3.5 1.25 4.998v11.146c0 1.536 1.244 2.735 2.718 2.827c.959.06 2.038.176 2.84.388c.993.261 2.22.844 3.212 1.372a4.22 4.22 0 0 0 3.96 0c.991-.528 2.219-1.11 3.211-1.372c.803-.212 1.882-.328 2.841-.388c1.474-.092 2.718-1.291 2.718-2.827zm-2.642-1.166c.615-.021 1.142.485 1.142 1.166v11.21c0 .686-.568 1.285-1.312 1.331c-.98.062-2.179.183-3.13.434c-1.17.31-2.525.962-3.533 1.5q-.253.135-.525.211V5.942c.452-.09.892-.254 1.3-.49c.85-.492 1.845-1 2.665-1.246c.95-.284 2.274-.4 3.393-.439M11.25 5.975a4.2 4.2 0 0 1-1.318-.436c-.977-.517-2.161-1.072-3.123-1.326c-.813-.215-1.907-.33-2.873-.39c-.634-.038-1.186.478-1.186 1.175v11.146c0 .685.568 1.284 1.312 1.33c.98.062 2.179.183 3.13.434c1.17.31 2.525.962 3.533 1.5q.253.135.525.211z" clipRule="evenodd"/></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="M19.728 12.818a.75.75 0 0 0-.91-.546l-4 1a.75.75 0 0 0 .364 1.456l4-1a.75.75 0 0 0 .546-.91M19.75 5.5a.75.75 0 0 0-1.5 0v3.439l-.75-.356l-.008-.005a1.1 1.1 0 0 0-.492-.13a1.1 1.1 0 0 0-.492.13l-.009.005l-.749.356V6.95a.75.75 0 0 0-1.5 0v2.587c0 .111 0 .27.02.406a.94.94 0 0 0 .445.683a.96.96 0 0 0 .783.072c.13-.04.272-.108.378-.159L17 10.005l1.124.534c.106.05.248.119.378.16a.96.96 0 0 0 .783-.073a.94.94 0 0 0 .444-.683c.021-.136.021-.295.021-.406zM4.272 8.818a.75.75 0 0 1 .91-.546l4 1a.75.75 0 1 1-.364 1.456l-4-1a.75.75 0 0 1-.546-.91m.91 3.454a.75.75 0 0 0-.364 1.456l4 1a.75.75 0 1 0 .364-1.456z"/><path fill-rule="evenodd" d="M22.75 4.933c0-1.463-1.165-2.718-2.694-2.665c-1.139.04-2.626.158-3.771.501c-.995.298-2.114.88-2.987 1.385a2.77 2.77 0 0 1-2.665.058c-.996-.526-2.305-1.15-3.442-1.45c-.96-.253-2.176-.375-3.163-.436C2.47 2.231 1.25 3.5 1.25 4.998v11.146c0 1.536 1.244 2.735 2.718 2.827c.959.06 2.038.176 2.84.388c.993.261 2.22.844 3.212 1.372a4.22 4.22 0 0 0 3.96 0c.991-.528 2.219-1.11 3.211-1.372c.803-.212 1.882-.328 2.841-.388c1.474-.092 2.718-1.291 2.718-2.827zm-2.642-1.166c.615-.021 1.142.485 1.142 1.166v11.21c0 .686-.568 1.285-1.312 1.331c-.98.062-2.179.183-3.13.434c-1.17.31-2.525.962-3.533 1.5q-.253.135-.525.211V5.942c.452-.09.892-.254 1.3-.49c.85-.492 1.845-1 2.665-1.246c.95-.284 2.274-.4 3.393-.439M11.25 5.975a4.2 4.2 0 0 1-1.318-.436c-.977-.517-2.161-1.072-3.123-1.326c-.813-.215-1.907-.33-2.873-.39c-.634-.038-1.186.478-1.186 1.175v11.146c0 .685.568 1.284 1.312 1.33c.98.062 2.179.183 3.13.434c1.17.31 2.525.962 3.533 1.5q.253.135.525.211z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-notebook-bookmark {
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%22M19.728%2012.818a.75.75%200%200%200-.91-.546l-4%201a.75.75%200%200%200%20.364%201.456l4-1a.75.75%200%200%200%20.546-.91M19.75%205.5a.75.75%200%200%200-1.5%200v3.439l-.75-.356l-.008-.005a1.1%201.1%200%200%200-.492-.13a1.1%201.1%200%200%200-.492.13l-.009.005l-.749.356V6.95a.75.75%200%200%200-1.5%200v2.587c0%20.111%200%20.27.02.406a.94.94%200%200%200%20.445.683a.96.96%200%200%200%20.783.072c.13-.04.272-.108.378-.159L17%2010.005l1.124.534c.106.05.248.119.378.16a.96.96%200%200%200%20.783-.073a.94.94%200%200%200%20.444-.683c.021-.136.021-.295.021-.406zM4.272%208.818a.75.75%200%200%201%20.91-.546l4%201a.75.75%200%201%201-.364%201.456l-4-1a.75.75%200%200%201-.546-.91m.91%203.454a.75.75%200%200%200-.364%201.456l4%201a.75.75%200%201%200%20.364-1.456z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M22.75%204.933c0-1.463-1.165-2.718-2.694-2.665c-1.139.04-2.626.158-3.771.501c-.995.298-2.114.88-2.987%201.385a2.77%202.77%200%200%201-2.665.058c-.996-.526-2.305-1.15-3.442-1.45c-.96-.253-2.176-.375-3.163-.436C2.47%202.231%201.25%203.5%201.25%204.998v11.146c0%201.536%201.244%202.735%202.718%202.827c.959.06%202.038.176%202.84.388c.993.261%202.22.844%203.212%201.372a4.22%204.22%200%200%200%203.96%200c.991-.528%202.219-1.11%203.211-1.372c.803-.212%201.882-.328%202.841-.388c1.474-.092%202.718-1.291%202.718-2.827zm-2.642-1.166c.615-.021%201.142.485%201.142%201.166v11.21c0%20.686-.568%201.285-1.312%201.331c-.98.062-2.179.183-3.13.434c-1.17.31-2.525.962-3.533%201.5q-.253.135-.525.211V5.942c.452-.09.892-.254%201.3-.49c.85-.492%201.845-1%202.665-1.246c.95-.284%202.274-.4%203.393-.439M11.25%205.975a4.2%204.2%200%200%201-1.318-.436c-.977-.517-2.161-1.072-3.123-1.326c-.813-.215-1.907-.33-2.873-.39c-.634-.038-1.186.478-1.186%201.175v11.146c0%20.685.568%201.284%201.312%201.33c.98.062%202.179.183%203.13.434c1.17.31%202.525.962%203.533%201.5q.253.135.525.211z%22%20clip-rule%3D%22evenodd%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%22M19.728%2012.818a.75.75%200%200%200-.91-.546l-4%201a.75.75%200%200%200%20.364%201.456l4-1a.75.75%200%200%200%20.546-.91M19.75%205.5a.75.75%200%200%200-1.5%200v3.439l-.75-.356l-.008-.005a1.1%201.1%200%200%200-.492-.13a1.1%201.1%200%200%200-.492.13l-.009.005l-.749.356V6.95a.75.75%200%200%200-1.5%200v2.587c0%20.111%200%20.27.02.406a.94.94%200%200%200%20.445.683a.96.96%200%200%200%20.783.072c.13-.04.272-.108.378-.159L17%2010.005l1.124.534c.106.05.248.119.378.16a.96.96%200%200%200%20.783-.073a.94.94%200%200%200%20.444-.683c.021-.136.021-.295.021-.406zM4.272%208.818a.75.75%200%200%201%20.91-.546l4%201a.75.75%200%201%201-.364%201.456l-4-1a.75.75%200%200%201-.546-.91m.91%203.454a.75.75%200%200%200-.364%201.456l4%201a.75.75%200%201%200%20.364-1.456z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M22.75%204.933c0-1.463-1.165-2.718-2.694-2.665c-1.139.04-2.626.158-3.771.501c-.995.298-2.114.88-2.987%201.385a2.77%202.77%200%200%201-2.665.058c-.996-.526-2.305-1.15-3.442-1.45c-.96-.253-2.176-.375-3.163-.436C2.47%202.231%201.25%203.5%201.25%204.998v11.146c0%201.536%201.244%202.735%202.718%202.827c.959.06%202.038.176%202.84.388c.993.261%202.22.844%203.212%201.372a4.22%204.22%200%200%200%203.96%200c.991-.528%202.219-1.11%203.211-1.372c.803-.212%201.882-.328%202.841-.388c1.474-.092%202.718-1.291%202.718-2.827zm-2.642-1.166c.615-.021%201.142.485%201.142%201.166v11.21c0%20.686-.568%201.285-1.312%201.331c-.98.062-2.179.183-3.13.434c-1.17.31-2.525.962-3.533%201.5q-.253.135-.525.211V5.942c.452-.09.892-.254%201.3-.49c.85-.492%201.845-1%202.665-1.246c.95-.284%202.274-.4%203.393-.439M11.25%205.975a4.2%204.2%200%200%201-1.318-.436c-.977-.517-2.161-1.072-3.123-1.326c-.813-.215-1.907-.33-2.873-.39c-.634-.038-1.186.478-1.186%201.175v11.146c0%20.685.568%201.284%201.312%201.33c.98.062%202.179.183%203.13.434c1.17.31%202.525.962%203.533%201.5q.253.135.525.211z%22%20clip-rule%3D%22evenodd%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/notebook-bookmark.svg?color=%231a73e8&size=48
