bookmark square icon
bookmark-square from Reicon by REICON · Outline · School · MIT Free for personal and commercial use.
- Name
- bookmark-square
- 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 square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M11.943 1.25c-2.309 0-4.118 0-5.53.19c-1.444.194-2.584.6-3.479 1.494c-.895.895-1.3 2.035-1.494 3.48c-.19 1.411-.19 3.22-.19 5.529v.114c0 2.309 0 4.118.19 5.53c.194 1.444.6 2.584 1.494 3.479c.895.895 2.035 1.3 3.48 1.494c1.411.19 3.22.19 5.529.19h.114c2.309 0 4.118 0 5.53-.19c1.444-.194 2.584-.6 3.479-1.494c.895-.895 1.3-2.035 1.494-3.48c.19-1.411.19-3.22.19-5.529v-.114c0-2.309 0-4.118-.19-5.53c-.194-1.444-.6-2.584-1.494-3.479c-.895-.895-2.035-1.3-3.48-1.494c-1.411-.19-3.22-.19-5.529-.19zM6.25 2.982c-1.065.183-1.742.5-2.255 1.013c-.57.57-.897 1.34-1.069 2.619c-.174 1.3-.176 3.008-.176 5.386s.002 4.086.176 5.386c.172 1.279.5 2.05 1.069 2.62c.57.569 1.34.896 2.619 1.068c1.3.174 3.008.176 5.386.176s4.086-.002 5.386-.176c1.279-.172 2.05-.5 2.62-1.069c.569-.57.896-1.34 1.068-2.619c.174-1.3.176-3.008.176-5.386s-.002-4.086-.176-5.386c-.172-1.279-.5-2.05-1.069-2.62c-.513-.513-1.19-.829-2.255-1.012v8.849c0 .468 0 .851-.017 1.153c-.018.298-.054.606-.177.881a2.25 2.25 0 0 1-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 0-.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 1-2.587-1.273c-.123-.275-.16-.583-.177-.881c-.017-.302-.017-.685-.017-1.153zm10-.162c-1.126-.07-2.508-.07-4.25-.07s-3.124 0-4.25.07v8.988c0 .496 0 .836.015 1.09c.015.262.043.343.05.358a.75.75 0 0 0 .862.425c.016-.004.097-.032.314-.18c.21-.143.48-.35.873-.653l.067-.052c.37-.285.659-.507.973-.644a2.75 2.75 0 0 1 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 0 .862-.425c.007-.015.035-.096.05-.358c.015-.254.015-.594.015-1.09z"/><path d="M6.25 18a.75.75 0 0 1 .75-.75h10a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconBookmarkSquare(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" fillRule="evenodd" clipRule="evenodd"><path d="M11.943 1.25c-2.309 0-4.118 0-5.53.19c-1.444.194-2.584.6-3.479 1.494c-.895.895-1.3 2.035-1.494 3.48c-.19 1.411-.19 3.22-.19 5.529v.114c0 2.309 0 4.118.19 5.53c.194 1.444.6 2.584 1.494 3.479c.895.895 2.035 1.3 3.48 1.494c1.411.19 3.22.19 5.529.19h.114c2.309 0 4.118 0 5.53-.19c1.444-.194 2.584-.6 3.479-1.494c.895-.895 1.3-2.035 1.494-3.48c.19-1.411.19-3.22.19-5.529v-.114c0-2.309 0-4.118-.19-5.53c-.194-1.444-.6-2.584-1.494-3.479c-.895-.895-2.035-1.3-3.48-1.494c-1.411-.19-3.22-.19-5.529-.19zM6.25 2.982c-1.065.183-1.742.5-2.255 1.013c-.57.57-.897 1.34-1.069 2.619c-.174 1.3-.176 3.008-.176 5.386s.002 4.086.176 5.386c.172 1.279.5 2.05 1.069 2.62c.57.569 1.34.896 2.619 1.068c1.3.174 3.008.176 5.386.176s4.086-.002 5.386-.176c1.279-.172 2.05-.5 2.62-1.069c.569-.57.896-1.34 1.068-2.619c.174-1.3.176-3.008.176-5.386s-.002-4.086-.176-5.386c-.172-1.279-.5-2.05-1.069-2.62c-.513-.513-1.19-.829-2.255-1.012v8.849c0 .468 0 .851-.017 1.153c-.018.298-.054.606-.177.881a2.25 2.25 0 0 1-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 0-.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 1-2.587-1.273c-.123-.275-.16-.583-.177-.881c-.017-.302-.017-.685-.017-1.153zm10-.162c-1.126-.07-2.508-.07-4.25-.07s-3.124 0-4.25.07v8.988c0 .496 0 .836.015 1.09c.015.262.043.343.05.358a.75.75 0 0 0 .862.425c.016-.004.097-.032.314-.18c.21-.143.48-.35.873-.653l.067-.052c.37-.285.659-.507.973-.644a2.75 2.75 0 0 1 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 0 .862-.425c.007-.015.035-.096.05-.358c.015-.254.015-.594.015-1.09z"/><path d="M6.25 18a.75.75 0 0 1 .75-.75h10a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M11.943 1.25c-2.309 0-4.118 0-5.53.19c-1.444.194-2.584.6-3.479 1.494c-.895.895-1.3 2.035-1.494 3.48c-.19 1.411-.19 3.22-.19 5.529v.114c0 2.309 0 4.118.19 5.53c.194 1.444.6 2.584 1.494 3.479c.895.895 2.035 1.3 3.48 1.494c1.411.19 3.22.19 5.529.19h.114c2.309 0 4.118 0 5.53-.19c1.444-.194 2.584-.6 3.479-1.494c.895-.895 1.3-2.035 1.494-3.48c.19-1.411.19-3.22.19-5.529v-.114c0-2.309 0-4.118-.19-5.53c-.194-1.444-.6-2.584-1.494-3.479c-.895-.895-2.035-1.3-3.48-1.494c-1.411-.19-3.22-.19-5.529-.19zM6.25 2.982c-1.065.183-1.742.5-2.255 1.013c-.57.57-.897 1.34-1.069 2.619c-.174 1.3-.176 3.008-.176 5.386s.002 4.086.176 5.386c.172 1.279.5 2.05 1.069 2.62c.57.569 1.34.896 2.619 1.068c1.3.174 3.008.176 5.386.176s4.086-.002 5.386-.176c1.279-.172 2.05-.5 2.62-1.069c.569-.57.896-1.34 1.068-2.619c.174-1.3.176-3.008.176-5.386s-.002-4.086-.176-5.386c-.172-1.279-.5-2.05-1.069-2.62c-.513-.513-1.19-.829-2.255-1.012v8.849c0 .468 0 .851-.017 1.153c-.018.298-.054.606-.177.881a2.25 2.25 0 0 1-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 0-.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 1-2.587-1.273c-.123-.275-.16-.583-.177-.881c-.017-.302-.017-.685-.017-1.153zm10-.162c-1.126-.07-2.508-.07-4.25-.07s-3.124 0-4.25.07v8.988c0 .496 0 .836.015 1.09c.015.262.043.343.05.358a.75.75 0 0 0 .862.425c.016-.004.097-.032.314-.18c.21-.143.48-.35.873-.653l.067-.052c.37-.285.659-.507.973-.644a2.75 2.75 0 0 1 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 0 .862-.425c.007-.015.035-.096.05-.358c.015-.254.015-.594.015-1.09z"/><path d="M6.25 18a.75.75 0 0 1 .75-.75h10a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75"/></g></svg> </template>
CSS
.icon-bookmark-square {
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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M11.943%201.25c-2.309%200-4.118%200-5.53.19c-1.444.194-2.584.6-3.479%201.494c-.895.895-1.3%202.035-1.494%203.48c-.19%201.411-.19%203.22-.19%205.529v.114c0%202.309%200%204.118.19%205.53c.194%201.444.6%202.584%201.494%203.479c.895.895%202.035%201.3%203.48%201.494c1.411.19%203.22.19%205.529.19h.114c2.309%200%204.118%200%205.53-.19c1.444-.194%202.584-.6%203.479-1.494c.895-.895%201.3-2.035%201.494-3.48c.19-1.411.19-3.22.19-5.529v-.114c0-2.309%200-4.118-.19-5.53c-.194-1.444-.6-2.584-1.494-3.479c-.895-.895-2.035-1.3-3.48-1.494c-1.411-.19-3.22-.19-5.529-.19zM6.25%202.982c-1.065.183-1.742.5-2.255%201.013c-.57.57-.897%201.34-1.069%202.619c-.174%201.3-.176%203.008-.176%205.386s.002%204.086.176%205.386c.172%201.279.5%202.05%201.069%202.62c.57.569%201.34.896%202.619%201.068c1.3.174%203.008.176%205.386.176s4.086-.002%205.386-.176c1.279-.172%202.05-.5%202.62-1.069c.569-.57.896-1.34%201.068-2.619c.174-1.3.176-3.008.176-5.386s-.002-4.086-.176-5.386c-.172-1.279-.5-2.05-1.069-2.62c-.513-.513-1.19-.829-2.255-1.012v8.849c0%20.468%200%20.851-.017%201.153c-.018.298-.054.606-.177.881a2.25%202.25%200%200%201-2.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%200-.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%201-2.587-1.273c-.123-.275-.16-.583-.177-.881c-.017-.302-.017-.685-.017-1.153zm10-.162c-1.126-.07-2.508-.07-4.25-.07s-3.124%200-4.25.07v8.988c0%20.496%200%20.836.015%201.09c.015.262.043.343.05.358a.75.75%200%200%200%20.862.425c.016-.004.097-.032.314-.18c.21-.143.48-.35.873-.653l.067-.052c.37-.285.659-.507.973-.644a2.75%202.75%200%200%201%202.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%200%20.862-.425c.007-.015.035-.096.05-.358c.015-.254.015-.594.015-1.09z%22%2F%3E%3Cpath%20d%3D%22M6.25%2018a.75.75%200%200%201%20.75-.75h10a.75.75%200%200%201%200%201.5H7a.75.75%200%200%201-.75-.75%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M11.943%201.25c-2.309%200-4.118%200-5.53.19c-1.444.194-2.584.6-3.479%201.494c-.895.895-1.3%202.035-1.494%203.48c-.19%201.411-.19%203.22-.19%205.529v.114c0%202.309%200%204.118.19%205.53c.194%201.444.6%202.584%201.494%203.479c.895.895%202.035%201.3%203.48%201.494c1.411.19%203.22.19%205.529.19h.114c2.309%200%204.118%200%205.53-.19c1.444-.194%202.584-.6%203.479-1.494c.895-.895%201.3-2.035%201.494-3.48c.19-1.411.19-3.22.19-5.529v-.114c0-2.309%200-4.118-.19-5.53c-.194-1.444-.6-2.584-1.494-3.479c-.895-.895-2.035-1.3-3.48-1.494c-1.411-.19-3.22-.19-5.529-.19zM6.25%202.982c-1.065.183-1.742.5-2.255%201.013c-.57.57-.897%201.34-1.069%202.619c-.174%201.3-.176%203.008-.176%205.386s.002%204.086.176%205.386c.172%201.279.5%202.05%201.069%202.62c.57.569%201.34.896%202.619%201.068c1.3.174%203.008.176%205.386.176s4.086-.002%205.386-.176c1.279-.172%202.05-.5%202.62-1.069c.569-.57.896-1.34%201.068-2.619c.174-1.3.176-3.008.176-5.386s-.002-4.086-.176-5.386c-.172-1.279-.5-2.05-1.069-2.62c-.513-.513-1.19-.829-2.255-1.012v8.849c0%20.468%200%20.851-.017%201.153c-.018.298-.054.606-.177.881a2.25%202.25%200%200%201-2.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%200-.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%201-2.587-1.273c-.123-.275-.16-.583-.177-.881c-.017-.302-.017-.685-.017-1.153zm10-.162c-1.126-.07-2.508-.07-4.25-.07s-3.124%200-4.25.07v8.988c0%20.496%200%20.836.015%201.09c.015.262.043.343.05.358a.75.75%200%200%200%20.862.425c.016-.004.097-.032.314-.18c.21-.143.48-.35.873-.653l.067-.052c.37-.285.659-.507.973-.644a2.75%202.75%200%200%201%202.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%200%20.862-.425c.007-.015.035-.096.05-.358c.015-.254.015-.594.015-1.09z%22%2F%3E%3Cpath%20d%3D%22M6.25%2018a.75.75%200%200%201%20.75-.75h10a.75.75%200%200%201%200%201.5H7a.75.75%200%200%201-.75-.75%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-square.svg?color=%231a73e8&size=48
