bookmark circle icon
bookmark-circle from Reicon by REICON · Outline · School · MIT Free for personal and commercial use.
- Name
- bookmark-circle
- 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 bookmark circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2.75a9.25 9.25 0 1 0 0 18.5a9.25 9.25 0 0 0 0-18.5M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12S17.937 22.75 12 22.75S1.25 17.937 1.25 12m10.692-5.75h.116c.893 0 1.648 0 2.25.092c.647.099 1.22.318 1.67.829c.437.497.612 1.108.694 1.794c.078.664.078 1.505.078 2.536v2.585c0 .74 0 1.35-.044 1.814c-.043.446-.137.958-.492 1.327a1.7 1.7 0 0 1-1.006.513c-.55.07-1.005-.231-1.331-.49c-.344-.274-.752-.68-1.237-1.163l-.032-.032a8 8 0 0 0-.49-.467a1 1 0 0 0-.097-.07a.1.1 0 0 0-.042 0a1 1 0 0 0-.097.07a8 8 0 0 0-.49.467l-.032.032c-.485.482-.893.889-1.237 1.162c-.326.26-.782.561-1.331.49a1.7 1.7 0 0 1-1.006-.512c-.355-.369-.45-.88-.492-1.327c-.044-.465-.044-1.074-.044-1.814V11.5c0-1.031 0-1.872.078-2.536c.082-.686.257-1.297.695-1.794c.45-.511 1.022-.73 1.67-.83c.6-.091 1.356-.091 2.25-.091m.043 9.264l-.001.001zM9.92 7.823c-.443.068-.634.183-.77.337c-.148.17-.266.428-.331.98c-.067.565-.068 1.317-.068 2.408v2.497c0 .79 0 1.327.037 1.713c.032.33.082.424.086.433a.2.2 0 0 0 .072.05c.036-.018.113-.062.243-.166c.27-.215.62-.562 1.146-1.085l.022-.021c.208-.207.4-.398.573-.54a1.7 1.7 0 0 1 .71-.374a1.6 1.6 0 0 1 .722 0c.294.067.523.22.71.373c.174.143.365.334.573.54l.022.022c.526.523.875.87 1.146 1.085c.13.104.207.148.243.166a.2.2 0 0 0 .072-.05c.004-.01.054-.104.086-.433c.036-.386.037-.923.037-1.713v-2.497c0-1.091-.001-1.843-.068-2.408c-.065-.552-.183-.81-.331-.98c-.136-.154-.327-.269-.77-.336c-.475-.073-1.114-.075-2.081-.075s-1.606.002-2.081.075" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconBookmarkCircle(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" fillRule="evenodd" d="M12 2.75a9.25 9.25 0 1 0 0 18.5a9.25 9.25 0 0 0 0-18.5M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12S17.937 22.75 12 22.75S1.25 17.937 1.25 12m10.692-5.75h.116c.893 0 1.648 0 2.25.092c.647.099 1.22.318 1.67.829c.437.497.612 1.108.694 1.794c.078.664.078 1.505.078 2.536v2.585c0 .74 0 1.35-.044 1.814c-.043.446-.137.958-.492 1.327a1.7 1.7 0 0 1-1.006.513c-.55.07-1.005-.231-1.331-.49c-.344-.274-.752-.68-1.237-1.163l-.032-.032a8 8 0 0 0-.49-.467a1 1 0 0 0-.097-.07a.1.1 0 0 0-.042 0a1 1 0 0 0-.097.07a8 8 0 0 0-.49.467l-.032.032c-.485.482-.893.889-1.237 1.162c-.326.26-.782.561-1.331.49a1.7 1.7 0 0 1-1.006-.512c-.355-.369-.45-.88-.492-1.327c-.044-.465-.044-1.074-.044-1.814V11.5c0-1.031 0-1.872.078-2.536c.082-.686.257-1.297.695-1.794c.45-.511 1.022-.73 1.67-.83c.6-.091 1.356-.091 2.25-.091m.043 9.264l-.001.001zM9.92 7.823c-.443.068-.634.183-.77.337c-.148.17-.266.428-.331.98c-.067.565-.068 1.317-.068 2.408v2.497c0 .79 0 1.327.037 1.713c.032.33.082.424.086.433a.2.2 0 0 0 .072.05c.036-.018.113-.062.243-.166c.27-.215.62-.562 1.146-1.085l.022-.021c.208-.207.4-.398.573-.54a1.7 1.7 0 0 1 .71-.374a1.6 1.6 0 0 1 .722 0c.294.067.523.22.71.373c.174.143.365.334.573.54l.022.022c.526.523.875.87 1.146 1.085c.13.104.207.148.243.166a.2.2 0 0 0 .072-.05c.004-.01.054-.104.086-.433c.036-.386.037-.923.037-1.713v-2.497c0-1.091-.001-1.843-.068-2.408c-.065-.552-.183-.81-.331-.98c-.136-.154-.327-.269-.77-.336c-.475-.073-1.114-.075-2.081-.075s-1.606.002-2.081.075" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2.75a9.25 9.25 0 1 0 0 18.5a9.25 9.25 0 0 0 0-18.5M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12S17.937 22.75 12 22.75S1.25 17.937 1.25 12m10.692-5.75h.116c.893 0 1.648 0 2.25.092c.647.099 1.22.318 1.67.829c.437.497.612 1.108.694 1.794c.078.664.078 1.505.078 2.536v2.585c0 .74 0 1.35-.044 1.814c-.043.446-.137.958-.492 1.327a1.7 1.7 0 0 1-1.006.513c-.55.07-1.005-.231-1.331-.49c-.344-.274-.752-.68-1.237-1.163l-.032-.032a8 8 0 0 0-.49-.467a1 1 0 0 0-.097-.07a.1.1 0 0 0-.042 0a1 1 0 0 0-.097.07a8 8 0 0 0-.49.467l-.032.032c-.485.482-.893.889-1.237 1.162c-.326.26-.782.561-1.331.49a1.7 1.7 0 0 1-1.006-.512c-.355-.369-.45-.88-.492-1.327c-.044-.465-.044-1.074-.044-1.814V11.5c0-1.031 0-1.872.078-2.536c.082-.686.257-1.297.695-1.794c.45-.511 1.022-.73 1.67-.83c.6-.091 1.356-.091 2.25-.091m.043 9.264l-.001.001zM9.92 7.823c-.443.068-.634.183-.77.337c-.148.17-.266.428-.331.98c-.067.565-.068 1.317-.068 2.408v2.497c0 .79 0 1.327.037 1.713c.032.33.082.424.086.433a.2.2 0 0 0 .072.05c.036-.018.113-.062.243-.166c.27-.215.62-.562 1.146-1.085l.022-.021c.208-.207.4-.398.573-.54a1.7 1.7 0 0 1 .71-.374a1.6 1.6 0 0 1 .722 0c.294.067.523.22.71.373c.174.143.365.334.573.54l.022.022c.526.523.875.87 1.146 1.085c.13.104.207.148.243.166a.2.2 0 0 0 .072-.05c.004-.01.054-.104.086-.433c.036-.386.037-.923.037-1.713v-2.497c0-1.091-.001-1.843-.068-2.408c-.065-.552-.183-.81-.331-.98c-.136-.154-.327-.269-.77-.336c-.475-.073-1.114-.075-2.081-.075s-1.606.002-2.081.075" clip-rule="evenodd"/></svg> </template>
CSS
.icon-bookmark-circle {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202.75a9.25%209.25%200%201%200%200%2018.5a9.25%209.25%200%200%200%200-18.5M1.25%2012C1.25%206.063%206.063%201.25%2012%201.25S22.75%206.063%2022.75%2012S17.937%2022.75%2012%2022.75S1.25%2017.937%201.25%2012m10.692-5.75h.116c.893%200%201.648%200%202.25.092c.647.099%201.22.318%201.67.829c.437.497.612%201.108.694%201.794c.078.664.078%201.505.078%202.536v2.585c0%20.74%200%201.35-.044%201.814c-.043.446-.137.958-.492%201.327a1.7%201.7%200%200%201-1.006.513c-.55.07-1.005-.231-1.331-.49c-.344-.274-.752-.68-1.237-1.163l-.032-.032a8%208%200%200%200-.49-.467a1%201%200%200%200-.097-.07a.1.1%200%200%200-.042%200a1%201%200%200%200-.097.07a8%208%200%200%200-.49.467l-.032.032c-.485.482-.893.889-1.237%201.162c-.326.26-.782.561-1.331.49a1.7%201.7%200%200%201-1.006-.512c-.355-.369-.45-.88-.492-1.327c-.044-.465-.044-1.074-.044-1.814V11.5c0-1.031%200-1.872.078-2.536c.082-.686.257-1.297.695-1.794c.45-.511%201.022-.73%201.67-.83c.6-.091%201.356-.091%202.25-.091m.043%209.264l-.001.001zM9.92%207.823c-.443.068-.634.183-.77.337c-.148.17-.266.428-.331.98c-.067.565-.068%201.317-.068%202.408v2.497c0%20.79%200%201.327.037%201.713c.032.33.082.424.086.433a.2.2%200%200%200%20.072.05c.036-.018.113-.062.243-.166c.27-.215.62-.562%201.146-1.085l.022-.021c.208-.207.4-.398.573-.54a1.7%201.7%200%200%201%20.71-.374a1.6%201.6%200%200%201%20.722%200c.294.067.523.22.71.373c.174.143.365.334.573.54l.022.022c.526.523.875.87%201.146%201.085c.13.104.207.148.243.166a.2.2%200%200%200%20.072-.05c.004-.01.054-.104.086-.433c.036-.386.037-.923.037-1.713v-2.497c0-1.091-.001-1.843-.068-2.408c-.065-.552-.183-.81-.331-.98c-.136-.154-.327-.269-.77-.336c-.475-.073-1.114-.075-2.081-.075s-1.606.002-2.081.075%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202.75a9.25%209.25%200%201%200%200%2018.5a9.25%209.25%200%200%200%200-18.5M1.25%2012C1.25%206.063%206.063%201.25%2012%201.25S22.75%206.063%2022.75%2012S17.937%2022.75%2012%2022.75S1.25%2017.937%201.25%2012m10.692-5.75h.116c.893%200%201.648%200%202.25.092c.647.099%201.22.318%201.67.829c.437.497.612%201.108.694%201.794c.078.664.078%201.505.078%202.536v2.585c0%20.74%200%201.35-.044%201.814c-.043.446-.137.958-.492%201.327a1.7%201.7%200%200%201-1.006.513c-.55.07-1.005-.231-1.331-.49c-.344-.274-.752-.68-1.237-1.163l-.032-.032a8%208%200%200%200-.49-.467a1%201%200%200%200-.097-.07a.1.1%200%200%200-.042%200a1%201%200%200%200-.097.07a8%208%200%200%200-.49.467l-.032.032c-.485.482-.893.889-1.237%201.162c-.326.26-.782.561-1.331.49a1.7%201.7%200%200%201-1.006-.512c-.355-.369-.45-.88-.492-1.327c-.044-.465-.044-1.074-.044-1.814V11.5c0-1.031%200-1.872.078-2.536c.082-.686.257-1.297.695-1.794c.45-.511%201.022-.73%201.67-.83c.6-.091%201.356-.091%202.25-.091m.043%209.264l-.001.001zM9.92%207.823c-.443.068-.634.183-.77.337c-.148.17-.266.428-.331.98c-.067.565-.068%201.317-.068%202.408v2.497c0%20.79%200%201.327.037%201.713c.032.33.082.424.086.433a.2.2%200%200%200%20.072.05c.036-.018.113-.062.243-.166c.27-.215.62-.562%201.146-1.085l.022-.021c.208-.207.4-.398.573-.54a1.7%201.7%200%200%201%20.71-.374a1.6%201.6%200%200%201%20.722%200c.294.067.523.22.71.373c.174.143.365.334.573.54l.022.022c.526.523.875.87%201.146%201.085c.13.104.207.148.243.166a.2.2%200%200%200%20.072-.05c.004-.01.054-.104.086-.433c.036-.386.037-.923.037-1.713v-2.497c0-1.091-.001-1.843-.068-2.408c-.065-.552-.183-.81-.331-.98c-.136-.154-.327-.269-.77-.336c-.475-.073-1.114-.075-2.081-.075s-1.606.002-2.081.075%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/bookmark-circle.svg?color=%231a73e8&size=48
