book bookmark2 icon
book-bookmark2-filled from Reicon by REICON · Filled · School · MIT Free for personal and commercial use.
- Name
- book-bookmark2-filled
- Set
- Reicon
- Style
- Filled
- Category
- School
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More school icons from Reicon
Use the book bookmark2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.655 2.227c-.433.113-.711.273-.928.485c-.305.3-.504.72-.613 1.513C4.002 5.042 4 6.124 4 7.675v8.57a4.2 4.2 0 0 1 1.299-.593a3 3 0 0 1 .356-.072zM7.31 15.514H20V7.676c0-1.552-.002-2.634-.114-3.451c-.109-.793-.308-1.213-.613-1.513c-.306-.299-.734-.494-1.544-.6c-.834-.11-1.938-.112-3.522-.112H9.793c-1.002 0-1.812 0-2.483.029zm1.38 1.621H7.474c-1.08 0-1.457.007-1.747.083a2.46 2.46 0 0 0-1.697 1.538q.023.571.084 1.019c.109.793.308 1.213.613 1.513c.306.299.734.494 1.544.6c.834.11 1.938.112 3.522.112h4.414c1.584 0 2.689-.002 3.522-.111c.81-.107 1.239-.302 1.544-.601c.305-.3.504-.72.613-1.513c.092-.666.11-1.51.113-2.64h-6.895v3.007c0 .298 0 .447-.105.507s-.248-.007-.534-.14l-1.37-.638c-.098-.045-.146-.067-.198-.067s-.1.022-.198.067l-1.37.638c-.287.133-.43.2-.535.14c-.104-.06-.104-.21-.104-.507z"/></svg>
React
import type { SVGProps } from "react";
export function ReiconBookBookmark2Filled(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="M5.655 2.227c-.433.113-.711.273-.928.485c-.305.3-.504.72-.613 1.513C4.002 5.042 4 6.124 4 7.675v8.57a4.2 4.2 0 0 1 1.299-.593a3 3 0 0 1 .356-.072zM7.31 15.514H20V7.676c0-1.552-.002-2.634-.114-3.451c-.109-.793-.308-1.213-.613-1.513c-.306-.299-.734-.494-1.544-.6c-.834-.11-1.938-.112-3.522-.112H9.793c-1.002 0-1.812 0-2.483.029zm1.38 1.621H7.474c-1.08 0-1.457.007-1.747.083a2.46 2.46 0 0 0-1.697 1.538q.023.571.084 1.019c.109.793.308 1.213.613 1.513c.306.299.734.494 1.544.6c.834.11 1.938.112 3.522.112h4.414c1.584 0 2.689-.002 3.522-.111c.81-.107 1.239-.302 1.544-.601c.305-.3.504-.72.613-1.513c.092-.666.11-1.51.113-2.64h-6.895v3.007c0 .298 0 .447-.105.507s-.248-.007-.534-.14l-1.37-.638c-.098-.045-.146-.067-.198-.067s-.1.022-.198.067l-1.37.638c-.287.133-.43.2-.535.14c-.104-.06-.104-.21-.104-.507z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.655 2.227c-.433.113-.711.273-.928.485c-.305.3-.504.72-.613 1.513C4.002 5.042 4 6.124 4 7.675v8.57a4.2 4.2 0 0 1 1.299-.593a3 3 0 0 1 .356-.072zM7.31 15.514H20V7.676c0-1.552-.002-2.634-.114-3.451c-.109-.793-.308-1.213-.613-1.513c-.306-.299-.734-.494-1.544-.6c-.834-.11-1.938-.112-3.522-.112H9.793c-1.002 0-1.812 0-2.483.029zm1.38 1.621H7.474c-1.08 0-1.457.007-1.747.083a2.46 2.46 0 0 0-1.697 1.538q.023.571.084 1.019c.109.793.308 1.213.613 1.513c.306.299.734.494 1.544.6c.834.11 1.938.112 3.522.112h4.414c1.584 0 2.689-.002 3.522-.111c.81-.107 1.239-.302 1.544-.601c.305-.3.504-.72.613-1.513c.092-.666.11-1.51.113-2.64h-6.895v3.007c0 .298 0 .447-.105.507s-.248-.007-.534-.14l-1.37-.638c-.098-.045-.146-.067-.198-.067s-.1.022-.198.067l-1.37.638c-.287.133-.43.2-.535.14c-.104-.06-.104-.21-.104-.507z"/></svg> </template>
CSS
.icon-book-bookmark2-filled {
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%22M5.655%202.227c-.433.113-.711.273-.928.485c-.305.3-.504.72-.613%201.513C4.002%205.042%204%206.124%204%207.675v8.57a4.2%204.2%200%200%201%201.299-.593a3%203%200%200%201%20.356-.072zM7.31%2015.514H20V7.676c0-1.552-.002-2.634-.114-3.451c-.109-.793-.308-1.213-.613-1.513c-.306-.299-.734-.494-1.544-.6c-.834-.11-1.938-.112-3.522-.112H9.793c-1.002%200-1.812%200-2.483.029zm1.38%201.621H7.474c-1.08%200-1.457.007-1.747.083a2.46%202.46%200%200%200-1.697%201.538q.023.571.084%201.019c.109.793.308%201.213.613%201.513c.306.299.734.494%201.544.6c.834.11%201.938.112%203.522.112h4.414c1.584%200%202.689-.002%203.522-.111c.81-.107%201.239-.302%201.544-.601c.305-.3.504-.72.613-1.513c.092-.666.11-1.51.113-2.64h-6.895v3.007c0%20.298%200%20.447-.105.507s-.248-.007-.534-.14l-1.37-.638c-.098-.045-.146-.067-.198-.067s-.1.022-.198.067l-1.37.638c-.287.133-.43.2-.535.14c-.104-.06-.104-.21-.104-.507z%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%22M5.655%202.227c-.433.113-.711.273-.928.485c-.305.3-.504.72-.613%201.513C4.002%205.042%204%206.124%204%207.675v8.57a4.2%204.2%200%200%201%201.299-.593a3%203%200%200%201%20.356-.072zM7.31%2015.514H20V7.676c0-1.552-.002-2.634-.114-3.451c-.109-.793-.308-1.213-.613-1.513c-.306-.299-.734-.494-1.544-.6c-.834-.11-1.938-.112-3.522-.112H9.793c-1.002%200-1.812%200-2.483.029zm1.38%201.621H7.474c-1.08%200-1.457.007-1.747.083a2.46%202.46%200%200%200-1.697%201.538q.023.571.084%201.019c.109.793.308%201.213.613%201.513c.306.299.734.494%201.544.6c.834.11%201.938.112%203.522.112h4.414c1.584%200%202.689-.002%203.522-.111c.81-.107%201.239-.302%201.544-.601c.305-.3.504-.72.613-1.513c.092-.666.11-1.51.113-2.64h-6.895v3.007c0%20.298%200%20.447-.105.507s-.248-.007-.534-.14l-1.37-.638c-.098-.045-.146-.067-.198-.067s-.1.022-.198.067l-1.37.638c-.287.133-.43.2-.535.14c-.104-.06-.104-.21-.104-.507z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/book-bookmark2-filled.svg?color=%231a73e8&size=48
