folder favourite bookmark icon
folder-favourite-bookmark-bold-duotone from Solar by 480 Design · Bold Duotone · CC-BY-4.0 Attribution required.
- Name
- folder-favourite-bookmark-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Viewbox
- 24×24
- License
- CC BY 4.0
1 other variant in Solar
Related icons in Solar
folder-2-boldfolder-check-boldfolder-clock-boldfolder-cloud-boldfolder-code-boldfolder-cog-boldfolder-dot-boldfolder-dot-open-boldfolder-down-boldfolder-error-boldfolder-favorite-bookmark-boldfolder-favorite-star-boldfolder-favourite-star-bold-duotonefolder-git-boldfolder-kanban-boldfolder-lock-boldfolder-open-boldfolder-output-boldfolder-path-connect-boldfolder-pen-boldfolder-search-boldfolder-security-boldfolder-symlink-boldfolder-sync-bold
Use the folder favourite bookmark icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 10.853V6h-4v4.853c0 .29 0 .435.095.494s.224-.007.484-.136l1.242-.622c.088-.043.132-.065.179-.065s.091.022.179.065l1.242.622c.26.13.39.194.484.136c.095-.06.095-.204.095-.494"/><path fill="currentColor" d="M2 6.95c0-.883 0-1.324.07-1.692A4 4 0 0 1 5.257 2.07C5.626 2 6.068 2 6.95 2c.386 0 .58 0 .766.017a4 4 0 0 1 2.18.904c.144.119.28.255.554.529L11 4c.816.816 1.224 1.224 1.712 1.495a4 4 0 0 0 .848.352C14.098 6 14.675 6 15.828 6h.374c2.632 0 3.949 0 4.804.77q.119.105.224.224c.77.855.77 2.172.77 4.804V14c0 3.771 0 5.657-1.172 6.828S17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.172S2 17.771 2 14z" opacity=".5"/></svg>
React
import type { SVGProps } from "react";
export function SolarFolderFavouriteBookmarkBoldDuotone(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="M18 10.853V6h-4v4.853c0 .29 0 .435.095.494s.224-.007.484-.136l1.242-.622c.088-.043.132-.065.179-.065s.091.022.179.065l1.242.622c.26.13.39.194.484.136c.095-.06.095-.204.095-.494"/><path fill="currentColor" d="M2 6.95c0-.883 0-1.324.07-1.692A4 4 0 0 1 5.257 2.07C5.626 2 6.068 2 6.95 2c.386 0 .58 0 .766.017a4 4 0 0 1 2.18.904c.144.119.28.255.554.529L11 4c.816.816 1.224 1.224 1.712 1.495a4 4 0 0 0 .848.352C14.098 6 14.675 6 15.828 6h.374c2.632 0 3.949 0 4.804.77q.119.105.224.224c.77.855.77 2.172.77 4.804V14c0 3.771 0 5.657-1.172 6.828S17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.172S2 17.771 2 14z" opacity=".5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 10.853V6h-4v4.853c0 .29 0 .435.095.494s.224-.007.484-.136l1.242-.622c.088-.043.132-.065.179-.065s.091.022.179.065l1.242.622c.26.13.39.194.484.136c.095-.06.095-.204.095-.494"/><path fill="currentColor" d="M2 6.95c0-.883 0-1.324.07-1.692A4 4 0 0 1 5.257 2.07C5.626 2 6.068 2 6.95 2c.386 0 .58 0 .766.017a4 4 0 0 1 2.18.904c.144.119.28.255.554.529L11 4c.816.816 1.224 1.224 1.712 1.495a4 4 0 0 0 .848.352C14.098 6 14.675 6 15.828 6h.374c2.632 0 3.949 0 4.804.77q.119.105.224.224c.77.855.77 2.172.77 4.804V14c0 3.771 0 5.657-1.172 6.828S17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.172S2 17.771 2 14z" opacity=".5"/></svg> </template>
CSS
.icon-folder-favourite-bookmark-bold-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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%2010.853V6h-4v4.853c0%20.29%200%20.435.095.494s.224-.007.484-.136l1.242-.622c.088-.043.132-.065.179-.065s.091.022.179.065l1.242.622c.26.13.39.194.484.136c.095-.06.095-.204.095-.494%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%206.95c0-.883%200-1.324.07-1.692A4%204%200%200%201%205.257%202.07C5.626%202%206.068%202%206.95%202c.386%200%20.58%200%20.766.017a4%204%200%200%201%202.18.904c.144.119.28.255.554.529L11%204c.816.816%201.224%201.224%201.712%201.495a4%204%200%200%200%20.848.352C14.098%206%2014.675%206%2015.828%206h.374c2.632%200%203.949%200%204.804.77q.119.105.224.224c.77.855.77%202.172.77%204.804V14c0%203.771%200%205.657-1.172%206.828S17.771%2022%2014%2022h-4c-3.771%200-5.657%200-6.828-1.172S2%2017.771%202%2014z%22%20opacity%3D%22.5%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%22M18%2010.853V6h-4v4.853c0%20.29%200%20.435.095.494s.224-.007.484-.136l1.242-.622c.088-.043.132-.065.179-.065s.091.022.179.065l1.242.622c.26.13.39.194.484.136c.095-.06.095-.204.095-.494%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%206.95c0-.883%200-1.324.07-1.692A4%204%200%200%201%205.257%202.07C5.626%202%206.068%202%206.95%202c.386%200%20.58%200%20.766.017a4%204%200%200%201%202.18.904c.144.119.28.255.554.529L11%204c.816.816%201.224%201.224%201.712%201.495a4%204%200%200%200%20.848.352C14.098%206%2014.675%206%2015.828%206h.374c2.632%200%203.949%200%204.804.77q.119.105.224.224c.77.855.77%202.172.77%204.804V14c0%203.771%200%205.657-1.172%206.828S17.771%2022%2014%2022h-4c-3.771%200-5.657%200-6.828-1.172S2%2017.771%202%2014z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/folder-favourite-bookmark-bold-duotone.svg?color=%231a73e8&size=48
