book bookmark2 icon
book-bookmark2-duotone from Reicon by REICON · Duotone · School · MIT Free for personal and commercial use.
- Name
- book-bookmark2-duotone
- Set
- Reicon
- Style
- Duotone
- 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"><g fill="currentColor"><path d="M7.31 16.23H20V7.977c0-1.634-.002-2.774-.114-3.634c-.109-.835-.308-1.278-.613-1.593c-.306-.315-.734-.52-1.544-.633C16.895 2.002 15.791 2 14.207 2H9.793c-1.002 0-1.812 0-2.483.03zM5.655 2.24c-.433.119-.711.287-.928.51c-.305.316-.504.758-.613 1.593c-.112.86-.114 2-.114 3.634V17c.389-.28.827-.494 1.299-.624a3 3 0 0 1 .356-.076z"/><path d="M6.271 2.115c-.81.11-1.238.31-1.544.618c-.305.308-.504.74-.613 1.557C4.002 5.13 4 6.245 4 7.842V19.7c0-.131.024-.263.097-.46c.127-.344.181-.397.291-.505a2.6 2.6 0 0 1 1.285-.667c.29-.062.67-.068 1.753-.068H8v2.028c0 .277 0 .416.095.472s.224-.006.484-.13l1.242-.593c.088-.042.132-.063.179-.063s.091.02.179.063l1.242.593c.26.124.39.186.484.13c.095-.056.095-.195.095-.472V18h8V7.842c0-1.597-.002-2.711-.114-3.552c-.109-.816-.308-1.249-.613-1.557c-.306-.308-.734-.508-1.544-.618C16.895 2.002 15.791 2 14.207 2H9.793c-1.584 0-2.688.002-3.522.115" opacity=".5"/><path d="M8 18h-.574c-1.084 0-1.462.006-1.753.068c-.513.11-.96.347-1.285.667c-.11.108-.164.161-.291.505s-.107.489-.066.78l.022.15c.11.653.31.998.616 1.244c.307.246.737.407 1.55.494c.837.09 1.946.092 3.536.092h4.43c1.59 0 2.7-.001 3.536-.092c.813-.087 1.243-.248 1.55-.494s.506-.591.616-1.243c.091-.548.11-1.241.113-2.171h-8v2.028c0 .277 0 .416-.095.472s-.224-.006-.484-.13l-1.242-.593c-.088-.042-.132-.063-.179-.063s-.091.02-.179.063l-1.242.593c-.26.124-.39.186-.484.13C8 20.444 8 20.305 8 20.028z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconBookBookmark2Duotone(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="M7.31 16.23H20V7.977c0-1.634-.002-2.774-.114-3.634c-.109-.835-.308-1.278-.613-1.593c-.306-.315-.734-.52-1.544-.633C16.895 2.002 15.791 2 14.207 2H9.793c-1.002 0-1.812 0-2.483.03zM5.655 2.24c-.433.119-.711.287-.928.51c-.305.316-.504.758-.613 1.593c-.112.86-.114 2-.114 3.634V17c.389-.28.827-.494 1.299-.624a3 3 0 0 1 .356-.076z"/><path d="M6.271 2.115c-.81.11-1.238.31-1.544.618c-.305.308-.504.74-.613 1.557C4.002 5.13 4 6.245 4 7.842V19.7c0-.131.024-.263.097-.46c.127-.344.181-.397.291-.505a2.6 2.6 0 0 1 1.285-.667c.29-.062.67-.068 1.753-.068H8v2.028c0 .277 0 .416.095.472s.224-.006.484-.13l1.242-.593c.088-.042.132-.063.179-.063s.091.02.179.063l1.242.593c.26.124.39.186.484.13c.095-.056.095-.195.095-.472V18h8V7.842c0-1.597-.002-2.711-.114-3.552c-.109-.816-.308-1.249-.613-1.557c-.306-.308-.734-.508-1.544-.618C16.895 2.002 15.791 2 14.207 2H9.793c-1.584 0-2.688.002-3.522.115" opacity=".5"/><path d="M8 18h-.574c-1.084 0-1.462.006-1.753.068c-.513.11-.96.347-1.285.667c-.11.108-.164.161-.291.505s-.107.489-.066.78l.022.15c.11.653.31.998.616 1.244c.307.246.737.407 1.55.494c.837.09 1.946.092 3.536.092h4.43c1.59 0 2.7-.001 3.536-.092c.813-.087 1.243-.248 1.55-.494s.506-.591.616-1.243c.091-.548.11-1.241.113-2.171h-8v2.028c0 .277 0 .416-.095.472s-.224-.006-.484-.13l-1.242-.593c-.088-.042-.132-.063-.179-.063s-.091.02-.179.063l-1.242.593c-.26.124-.39.186-.484.13C8 20.444 8 20.305 8 20.028z"/></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="M7.31 16.23H20V7.977c0-1.634-.002-2.774-.114-3.634c-.109-.835-.308-1.278-.613-1.593c-.306-.315-.734-.52-1.544-.633C16.895 2.002 15.791 2 14.207 2H9.793c-1.002 0-1.812 0-2.483.03zM5.655 2.24c-.433.119-.711.287-.928.51c-.305.316-.504.758-.613 1.593c-.112.86-.114 2-.114 3.634V17c.389-.28.827-.494 1.299-.624a3 3 0 0 1 .356-.076z"/><path d="M6.271 2.115c-.81.11-1.238.31-1.544.618c-.305.308-.504.74-.613 1.557C4.002 5.13 4 6.245 4 7.842V19.7c0-.131.024-.263.097-.46c.127-.344.181-.397.291-.505a2.6 2.6 0 0 1 1.285-.667c.29-.062.67-.068 1.753-.068H8v2.028c0 .277 0 .416.095.472s.224-.006.484-.13l1.242-.593c.088-.042.132-.063.179-.063s.091.02.179.063l1.242.593c.26.124.39.186.484.13c.095-.056.095-.195.095-.472V18h8V7.842c0-1.597-.002-2.711-.114-3.552c-.109-.816-.308-1.249-.613-1.557c-.306-.308-.734-.508-1.544-.618C16.895 2.002 15.791 2 14.207 2H9.793c-1.584 0-2.688.002-3.522.115" opacity=".5"/><path d="M8 18h-.574c-1.084 0-1.462.006-1.753.068c-.513.11-.96.347-1.285.667c-.11.108-.164.161-.291.505s-.107.489-.066.78l.022.15c.11.653.31.998.616 1.244c.307.246.737.407 1.55.494c.837.09 1.946.092 3.536.092h4.43c1.59 0 2.7-.001 3.536-.092c.813-.087 1.243-.248 1.55-.494s.506-.591.616-1.243c.091-.548.11-1.241.113-2.171h-8v2.028c0 .277 0 .416-.095.472s-.224-.006-.484-.13l-1.242-.593c-.088-.042-.132-.063-.179-.063s-.091.02-.179.063l-1.242.593c-.26.124-.39.186-.484.13C8 20.444 8 20.305 8 20.028z"/></g></svg> </template>
CSS
.icon-book-bookmark2-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%22M7.31%2016.23H20V7.977c0-1.634-.002-2.774-.114-3.634c-.109-.835-.308-1.278-.613-1.593c-.306-.315-.734-.52-1.544-.633C16.895%202.002%2015.791%202%2014.207%202H9.793c-1.002%200-1.812%200-2.483.03zM5.655%202.24c-.433.119-.711.287-.928.51c-.305.316-.504.758-.613%201.593c-.112.86-.114%202-.114%203.634V17c.389-.28.827-.494%201.299-.624a3%203%200%200%201%20.356-.076z%22%2F%3E%3Cpath%20d%3D%22M6.271%202.115c-.81.11-1.238.31-1.544.618c-.305.308-.504.74-.613%201.557C4.002%205.13%204%206.245%204%207.842V19.7c0-.131.024-.263.097-.46c.127-.344.181-.397.291-.505a2.6%202.6%200%200%201%201.285-.667c.29-.062.67-.068%201.753-.068H8v2.028c0%20.277%200%20.416.095.472s.224-.006.484-.13l1.242-.593c.088-.042.132-.063.179-.063s.091.02.179.063l1.242.593c.26.124.39.186.484.13c.095-.056.095-.195.095-.472V18h8V7.842c0-1.597-.002-2.711-.114-3.552c-.109-.816-.308-1.249-.613-1.557c-.306-.308-.734-.508-1.544-.618C16.895%202.002%2015.791%202%2014.207%202H9.793c-1.584%200-2.688.002-3.522.115%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M8%2018h-.574c-1.084%200-1.462.006-1.753.068c-.513.11-.96.347-1.285.667c-.11.108-.164.161-.291.505s-.107.489-.066.78l.022.15c.11.653.31.998.616%201.244c.307.246.737.407%201.55.494c.837.09%201.946.092%203.536.092h4.43c1.59%200%202.7-.001%203.536-.092c.813-.087%201.243-.248%201.55-.494s.506-.591.616-1.243c.091-.548.11-1.241.113-2.171h-8v2.028c0%20.277%200%20.416-.095.472s-.224-.006-.484-.13l-1.242-.593c-.088-.042-.132-.063-.179-.063s-.091.02-.179.063l-1.242.593c-.26.124-.39.186-.484.13C8%2020.444%208%2020.305%208%2020.028z%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%22M7.31%2016.23H20V7.977c0-1.634-.002-2.774-.114-3.634c-.109-.835-.308-1.278-.613-1.593c-.306-.315-.734-.52-1.544-.633C16.895%202.002%2015.791%202%2014.207%202H9.793c-1.002%200-1.812%200-2.483.03zM5.655%202.24c-.433.119-.711.287-.928.51c-.305.316-.504.758-.613%201.593c-.112.86-.114%202-.114%203.634V17c.389-.28.827-.494%201.299-.624a3%203%200%200%201%20.356-.076z%22%2F%3E%3Cpath%20d%3D%22M6.271%202.115c-.81.11-1.238.31-1.544.618c-.305.308-.504.74-.613%201.557C4.002%205.13%204%206.245%204%207.842V19.7c0-.131.024-.263.097-.46c.127-.344.181-.397.291-.505a2.6%202.6%200%200%201%201.285-.667c.29-.062.67-.068%201.753-.068H8v2.028c0%20.277%200%20.416.095.472s.224-.006.484-.13l1.242-.593c.088-.042.132-.063.179-.063s.091.02.179.063l1.242.593c.26.124.39.186.484.13c.095-.056.095-.195.095-.472V18h8V7.842c0-1.597-.002-2.711-.114-3.552c-.109-.816-.308-1.249-.613-1.557c-.306-.308-.734-.508-1.544-.618C16.895%202.002%2015.791%202%2014.207%202H9.793c-1.584%200-2.688.002-3.522.115%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M8%2018h-.574c-1.084%200-1.462.006-1.753.068c-.513.11-.96.347-1.285.667c-.11.108-.164.161-.291.505s-.107.489-.066.78l.022.15c.11.653.31.998.616%201.244c.307.246.737.407%201.55.494c.837.09%201.946.092%203.536.092h4.43c1.59%200%202.7-.001%203.536-.092c.813-.087%201.243-.248%201.55-.494s.506-.591.616-1.243c.091-.548.11-1.241.113-2.171h-8v2.028c0%20.277%200%20.416-.095.472s-.224-.006-.484-.13l-1.242-.593c-.088-.042-.132-.063-.179-.063s-.091.02-.179.063l-1.242.593c-.26.124-.39.186-.484.13C8%2020.444%208%2020.305%208%2020.028z%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/book-bookmark2-duotone.svg?color=%231a73e8&size=48
