bookmark open icon
bookmark-open-filled from Reicon by REICON · Filled · School · MIT Free for personal and commercial use.
- Name
- bookmark-open-filled
- Set
- Reicon
- Style
- Filled
- Category
- School
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More school icons from Reicon
Use the bookmark open icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M2 12c0-.882 0-1.68.01-2.407c.056-.195.123-.366.203-.522a4.25 4.25 0 0 1 1.858-1.858c.411-.21.919-.333 1.706-.397q.225-.02.473-.03v4.045c0 .468 0 .851.017 1.153c.018.298.054.606.177.881a2.25 2.25 0 0 0 2.587 1.273c.293-.07.56-.23.806-.398c.25-.17.553-.404.924-.69l.018-.014c.47-.36.602-.456.723-.508a1.25 1.25 0 0 1 .996 0c.121.052.253.147.723.508l.018.015c.37.285.675.519.924.69c.247.167.513.326.806.397a2.25 2.25 0 0 0 2.587-1.273c.123-.275.16-.583.177-.881c.017-.302.017-.685.017-1.153V6.785q.248.012.473.03c.787.065 1.295.189 1.707.398a4.25 4.25 0 0 1 1.857 1.858c.08.156.147.327.203.522c.01.726.01 1.525.01 2.407c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12m19.843-5.277c-.173-1.474-.538-2.49-1.308-3.259C19.072 2 16.714 2 12 2S4.929 2 3.464 3.464c-.769.77-1.134 1.785-1.307 3.26a5.8 5.8 0 0 1 1.233-.847c.658-.336 1.385-.484 2.265-.556c.864-.071 1.94-.071 3.311-.071h6.068c1.371 0 2.447 0 3.311.07c.88.073 1.607.221 2.265.557c.45.228.863.514 1.233.846" clip-rule="evenodd"/><path d="M7.75 10.808V6.752Q8.318 6.75 9 6.75h6q.682 0 1.25.002v4.056c0 .496 0 .836-.015 1.09c-.015.262-.043.343-.05.358a.75.75 0 0 1-.862.425c-.016-.004-.097-.032-.315-.18a21 21 0 0 1-.872-.653l-.067-.052c-.37-.285-.659-.507-.973-.644a2.75 2.75 0 0 0-2.192 0c-.314.137-.603.359-.973.644l-.067.052c-.393.303-.663.51-.873.653c-.217.148-.298.176-.314.18a.75.75 0 0 1-.862-.425c-.007-.015-.035-.096-.05-.358a22 22 0 0 1-.015-1.09"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconBookmarkOpenFilled(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 fillRule="evenodd" d="M2 12c0-.882 0-1.68.01-2.407c.056-.195.123-.366.203-.522a4.25 4.25 0 0 1 1.858-1.858c.411-.21.919-.333 1.706-.397q.225-.02.473-.03v4.045c0 .468 0 .851.017 1.153c.018.298.054.606.177.881a2.25 2.25 0 0 0 2.587 1.273c.293-.07.56-.23.806-.398c.25-.17.553-.404.924-.69l.018-.014c.47-.36.602-.456.723-.508a1.25 1.25 0 0 1 .996 0c.121.052.253.147.723.508l.018.015c.37.285.675.519.924.69c.247.167.513.326.806.397a2.25 2.25 0 0 0 2.587-1.273c.123-.275.16-.583.177-.881c.017-.302.017-.685.017-1.153V6.785q.248.012.473.03c.787.065 1.295.189 1.707.398a4.25 4.25 0 0 1 1.857 1.858c.08.156.147.327.203.522c.01.726.01 1.525.01 2.407c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12m19.843-5.277c-.173-1.474-.538-2.49-1.308-3.259C19.072 2 16.714 2 12 2S4.929 2 3.464 3.464c-.769.77-1.134 1.785-1.307 3.26a5.8 5.8 0 0 1 1.233-.847c.658-.336 1.385-.484 2.265-.556c.864-.071 1.94-.071 3.311-.071h6.068c1.371 0 2.447 0 3.311.07c.88.073 1.607.221 2.265.557c.45.228.863.514 1.233.846" clipRule="evenodd"/><path d="M7.75 10.808V6.752Q8.318 6.75 9 6.75h6q.682 0 1.25.002v4.056c0 .496 0 .836-.015 1.09c-.015.262-.043.343-.05.358a.75.75 0 0 1-.862.425c-.016-.004-.097-.032-.315-.18a21 21 0 0 1-.872-.653l-.067-.052c-.37-.285-.659-.507-.973-.644a2.75 2.75 0 0 0-2.192 0c-.314.137-.603.359-.973.644l-.067.052c-.393.303-.663.51-.873.653c-.217.148-.298.176-.314.18a.75.75 0 0 1-.862-.425c-.007-.015-.035-.096-.05-.358a22 22 0 0 1-.015-1.09"/></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 fill-rule="evenodd" d="M2 12c0-.882 0-1.68.01-2.407c.056-.195.123-.366.203-.522a4.25 4.25 0 0 1 1.858-1.858c.411-.21.919-.333 1.706-.397q.225-.02.473-.03v4.045c0 .468 0 .851.017 1.153c.018.298.054.606.177.881a2.25 2.25 0 0 0 2.587 1.273c.293-.07.56-.23.806-.398c.25-.17.553-.404.924-.69l.018-.014c.47-.36.602-.456.723-.508a1.25 1.25 0 0 1 .996 0c.121.052.253.147.723.508l.018.015c.37.285.675.519.924.69c.247.167.513.326.806.397a2.25 2.25 0 0 0 2.587-1.273c.123-.275.16-.583.177-.881c.017-.302.017-.685.017-1.153V6.785q.248.012.473.03c.787.065 1.295.189 1.707.398a4.25 4.25 0 0 1 1.857 1.858c.08.156.147.327.203.522c.01.726.01 1.525.01 2.407c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12m19.843-5.277c-.173-1.474-.538-2.49-1.308-3.259C19.072 2 16.714 2 12 2S4.929 2 3.464 3.464c-.769.77-1.134 1.785-1.307 3.26a5.8 5.8 0 0 1 1.233-.847c.658-.336 1.385-.484 2.265-.556c.864-.071 1.94-.071 3.311-.071h6.068c1.371 0 2.447 0 3.311.07c.88.073 1.607.221 2.265.557c.45.228.863.514 1.233.846" clip-rule="evenodd"/><path d="M7.75 10.808V6.752Q8.318 6.75 9 6.75h6q.682 0 1.25.002v4.056c0 .496 0 .836-.015 1.09c-.015.262-.043.343-.05.358a.75.75 0 0 1-.862.425c-.016-.004-.097-.032-.315-.18a21 21 0 0 1-.872-.653l-.067-.052c-.37-.285-.659-.507-.973-.644a2.75 2.75 0 0 0-2.192 0c-.314.137-.603.359-.973.644l-.067.052c-.393.303-.663.51-.873.653c-.217.148-.298.176-.314.18a.75.75 0 0 1-.862-.425c-.007-.015-.035-.096-.05-.358a22 22 0 0 1-.015-1.09"/></g></svg> </template>
CSS
.icon-bookmark-open-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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2012c0-.882%200-1.68.01-2.407c.056-.195.123-.366.203-.522a4.25%204.25%200%200%201%201.858-1.858c.411-.21.919-.333%201.706-.397q.225-.02.473-.03v4.045c0%20.468%200%20.851.017%201.153c.018.298.054.606.177.881a2.25%202.25%200%200%200%202.587%201.273c.293-.07.56-.23.806-.398c.25-.17.553-.404.924-.69l.018-.014c.47-.36.602-.456.723-.508a1.25%201.25%200%200%201%20.996%200c.121.052.253.147.723.508l.018.015c.37.285.675.519.924.69c.247.167.513.326.806.397a2.25%202.25%200%200%200%202.587-1.273c.123-.275.16-.583.177-.881c.017-.302.017-.685.017-1.153V6.785q.248.012.473.03c.787.065%201.295.189%201.707.398a4.25%204.25%200%200%201%201.857%201.858c.08.156.147.327.203.522c.01.726.01%201.525.01%202.407c0%204.714%200%207.071-1.465%208.535C19.072%2022%2016.714%2022%2012%2022s-7.071%200-8.536-1.465C2%2019.072%202%2016.714%202%2012m19.843-5.277c-.173-1.474-.538-2.49-1.308-3.259C19.072%202%2016.714%202%2012%202S4.929%202%203.464%203.464c-.769.77-1.134%201.785-1.307%203.26a5.8%205.8%200%200%201%201.233-.847c.658-.336%201.385-.484%202.265-.556c.864-.071%201.94-.071%203.311-.071h6.068c1.371%200%202.447%200%203.311.07c.88.073%201.607.221%202.265.557c.45.228.863.514%201.233.846%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M7.75%2010.808V6.752Q8.318%206.75%209%206.75h6q.682%200%201.25.002v4.056c0%20.496%200%20.836-.015%201.09c-.015.262-.043.343-.05.358a.75.75%200%200%201-.862.425c-.016-.004-.097-.032-.315-.18a21%2021%200%200%201-.872-.653l-.067-.052c-.37-.285-.659-.507-.973-.644a2.75%202.75%200%200%200-2.192%200c-.314.137-.603.359-.973.644l-.067.052c-.393.303-.663.51-.873.653c-.217.148-.298.176-.314.18a.75.75%200%200%201-.862-.425c-.007-.015-.035-.096-.05-.358a22%2022%200%200%201-.015-1.09%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%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2012c0-.882%200-1.68.01-2.407c.056-.195.123-.366.203-.522a4.25%204.25%200%200%201%201.858-1.858c.411-.21.919-.333%201.706-.397q.225-.02.473-.03v4.045c0%20.468%200%20.851.017%201.153c.018.298.054.606.177.881a2.25%202.25%200%200%200%202.587%201.273c.293-.07.56-.23.806-.398c.25-.17.553-.404.924-.69l.018-.014c.47-.36.602-.456.723-.508a1.25%201.25%200%200%201%20.996%200c.121.052.253.147.723.508l.018.015c.37.285.675.519.924.69c.247.167.513.326.806.397a2.25%202.25%200%200%200%202.587-1.273c.123-.275.16-.583.177-.881c.017-.302.017-.685.017-1.153V6.785q.248.012.473.03c.787.065%201.295.189%201.707.398a4.25%204.25%200%200%201%201.857%201.858c.08.156.147.327.203.522c.01.726.01%201.525.01%202.407c0%204.714%200%207.071-1.465%208.535C19.072%2022%2016.714%2022%2012%2022s-7.071%200-8.536-1.465C2%2019.072%202%2016.714%202%2012m19.843-5.277c-.173-1.474-.538-2.49-1.308-3.259C19.072%202%2016.714%202%2012%202S4.929%202%203.464%203.464c-.769.77-1.134%201.785-1.307%203.26a5.8%205.8%200%200%201%201.233-.847c.658-.336%201.385-.484%202.265-.556c.864-.071%201.94-.071%203.311-.071h6.068c1.371%200%202.447%200%203.311.07c.88.073%201.607.221%202.265.557c.45.228.863.514%201.233.846%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M7.75%2010.808V6.752Q8.318%206.75%209%206.75h6q.682%200%201.25.002v4.056c0%20.496%200%20.836-.015%201.09c-.015.262-.043.343-.05.358a.75.75%200%200%201-.862.425c-.016-.004-.097-.032-.315-.18a21%2021%200%200%201-.872-.653l-.067-.052c-.37-.285-.659-.507-.973-.644a2.75%202.75%200%200%200-2.192%200c-.314.137-.603.359-.973.644l-.067.052c-.393.303-.663.51-.873.653c-.217.148-.298.176-.314.18a.75.75%200%200%201-.862-.425c-.007-.015-.035-.096-.05-.358a22%2022%200%200%201-.015-1.09%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/bookmark-open-filled.svg?color=%231a73e8&size=48
