gallery favourite icon
gallery-favourite-bold-duotone from Solar by 480 Design · Bold Duotone · CC-BY-4.0 Attribution required.
- Name
- gallery-favourite-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Viewbox
- 24×24
- License
- CC BY 4.0
4 other variants in Solar
Related icons in Solar
Use the gallery favourite icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.904 16.441c.083-1.024.094-2.274.096-3.743a.697.697 0 1 0-1.396 0c-.001 1.477-.012 2.658-.091 3.63c-.084 1.032-.242 1.763-.507 2.32l-2.633-2.37a2.79 2.79 0 0 0-3.471-.21l-.277.196a1.86 1.86 0 0 1-2.386-.207l-3.99-3.99a2.14 2.14 0 0 0-2.922-.097l-.931.814V12c0-2.212 0-3.801.163-5.01c.16-1.19.464-1.907.994-2.437S5.8 3.72 6.99 3.56c1.079-.145 2.458-.161 4.313-.163a.699.699 0 0 0 0-1.396c-1.829.002-3.33.02-4.499.177c-1.343.18-2.404.557-3.236 1.39s-1.21 1.893-1.39 3.236C2 8.116 2 9.8 2 11.947V12q0 .736.002 1.396c.007 1.729.044 3.121.243 4.24c.203 1.14.584 2.058 1.322 2.796c.832.833 1.893 1.21 3.236 1.39C8.116 22 9.8 22 11.947 22h.106c2.148 0 3.83 0 5.144-.177c1.344-.18 2.404-.557 3.236-1.39a4.2 4.2 0 0 0 .73-.983c.445-.825.644-1.82.74-3.009" opacity=".5"/><path fill="currentColor" fill-rule="evenodd" d="M17.5 11c-2.121 0-3.182 0-3.841-.659S13 8.621 13 6.5s0-3.182.659-3.841S15.379 2 17.5 2s3.182 0 3.841.659S22 4.379 22 6.5s0 3.182-.659 3.841S19.621 11 17.5 11m-1.455-2.784c-.765-.67-1.545-1.564-1.545-2.418c0-1.773 1.65-2.435 3-1.065c1.35-1.37 3-.708 3 1.065c0 .854-.78 1.747-1.545 2.418c-.596.523-.894.784-1.455.784c-.56 0-.859-.261-1.455-.784" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarGalleryFavouriteBoldDuotone(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="M21.904 16.441c.083-1.024.094-2.274.096-3.743a.697.697 0 1 0-1.396 0c-.001 1.477-.012 2.658-.091 3.63c-.084 1.032-.242 1.763-.507 2.32l-2.633-2.37a2.79 2.79 0 0 0-3.471-.21l-.277.196a1.86 1.86 0 0 1-2.386-.207l-3.99-3.99a2.14 2.14 0 0 0-2.922-.097l-.931.814V12c0-2.212 0-3.801.163-5.01c.16-1.19.464-1.907.994-2.437S5.8 3.72 6.99 3.56c1.079-.145 2.458-.161 4.313-.163a.699.699 0 0 0 0-1.396c-1.829.002-3.33.02-4.499.177c-1.343.18-2.404.557-3.236 1.39s-1.21 1.893-1.39 3.236C2 8.116 2 9.8 2 11.947V12q0 .736.002 1.396c.007 1.729.044 3.121.243 4.24c.203 1.14.584 2.058 1.322 2.796c.832.833 1.893 1.21 3.236 1.39C8.116 22 9.8 22 11.947 22h.106c2.148 0 3.83 0 5.144-.177c1.344-.18 2.404-.557 3.236-1.39a4.2 4.2 0 0 0 .73-.983c.445-.825.644-1.82.74-3.009" opacity=".5"/><path fill="currentColor" fillRule="evenodd" d="M17.5 11c-2.121 0-3.182 0-3.841-.659S13 8.621 13 6.5s0-3.182.659-3.841S15.379 2 17.5 2s3.182 0 3.841.659S22 4.379 22 6.5s0 3.182-.659 3.841S19.621 11 17.5 11m-1.455-2.784c-.765-.67-1.545-1.564-1.545-2.418c0-1.773 1.65-2.435 3-1.065c1.35-1.37 3-.708 3 1.065c0 .854-.78 1.747-1.545 2.418c-.596.523-.894.784-1.455.784c-.56 0-.859-.261-1.455-.784" 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" d="M21.904 16.441c.083-1.024.094-2.274.096-3.743a.697.697 0 1 0-1.396 0c-.001 1.477-.012 2.658-.091 3.63c-.084 1.032-.242 1.763-.507 2.32l-2.633-2.37a2.79 2.79 0 0 0-3.471-.21l-.277.196a1.86 1.86 0 0 1-2.386-.207l-3.99-3.99a2.14 2.14 0 0 0-2.922-.097l-.931.814V12c0-2.212 0-3.801.163-5.01c.16-1.19.464-1.907.994-2.437S5.8 3.72 6.99 3.56c1.079-.145 2.458-.161 4.313-.163a.699.699 0 0 0 0-1.396c-1.829.002-3.33.02-4.499.177c-1.343.18-2.404.557-3.236 1.39s-1.21 1.893-1.39 3.236C2 8.116 2 9.8 2 11.947V12q0 .736.002 1.396c.007 1.729.044 3.121.243 4.24c.203 1.14.584 2.058 1.322 2.796c.832.833 1.893 1.21 3.236 1.39C8.116 22 9.8 22 11.947 22h.106c2.148 0 3.83 0 5.144-.177c1.344-.18 2.404-.557 3.236-1.39a4.2 4.2 0 0 0 .73-.983c.445-.825.644-1.82.74-3.009" opacity=".5"/><path fill="currentColor" fill-rule="evenodd" d="M17.5 11c-2.121 0-3.182 0-3.841-.659S13 8.621 13 6.5s0-3.182.659-3.841S15.379 2 17.5 2s3.182 0 3.841.659S22 4.379 22 6.5s0 3.182-.659 3.841S19.621 11 17.5 11m-1.455-2.784c-.765-.67-1.545-1.564-1.545-2.418c0-1.773 1.65-2.435 3-1.065c1.35-1.37 3-.708 3 1.065c0 .854-.78 1.747-1.545 2.418c-.596.523-.894.784-1.455.784c-.56 0-.859-.261-1.455-.784" clip-rule="evenodd"/></svg> </template>
CSS
.icon-gallery-favourite-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%22M21.904%2016.441c.083-1.024.094-2.274.096-3.743a.697.697%200%201%200-1.396%200c-.001%201.477-.012%202.658-.091%203.63c-.084%201.032-.242%201.763-.507%202.32l-2.633-2.37a2.79%202.79%200%200%200-3.471-.21l-.277.196a1.86%201.86%200%200%201-2.386-.207l-3.99-3.99a2.14%202.14%200%200%200-2.922-.097l-.931.814V12c0-2.212%200-3.801.163-5.01c.16-1.19.464-1.907.994-2.437S5.8%203.72%206.99%203.56c1.079-.145%202.458-.161%204.313-.163a.699.699%200%200%200%200-1.396c-1.829.002-3.33.02-4.499.177c-1.343.18-2.404.557-3.236%201.39s-1.21%201.893-1.39%203.236C2%208.116%202%209.8%202%2011.947V12q0%20.736.002%201.396c.007%201.729.044%203.121.243%204.24c.203%201.14.584%202.058%201.322%202.796c.832.833%201.893%201.21%203.236%201.39C8.116%2022%209.8%2022%2011.947%2022h.106c2.148%200%203.83%200%205.144-.177c1.344-.18%202.404-.557%203.236-1.39a4.2%204.2%200%200%200%20.73-.983c.445-.825.644-1.82.74-3.009%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.5%2011c-2.121%200-3.182%200-3.841-.659S13%208.621%2013%206.5s0-3.182.659-3.841S15.379%202%2017.5%202s3.182%200%203.841.659S22%204.379%2022%206.5s0%203.182-.659%203.841S19.621%2011%2017.5%2011m-1.455-2.784c-.765-.67-1.545-1.564-1.545-2.418c0-1.773%201.65-2.435%203-1.065c1.35-1.37%203-.708%203%201.065c0%20.854-.78%201.747-1.545%202.418c-.596.523-.894.784-1.455.784c-.56%200-.859-.261-1.455-.784%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%20d%3D%22M21.904%2016.441c.083-1.024.094-2.274.096-3.743a.697.697%200%201%200-1.396%200c-.001%201.477-.012%202.658-.091%203.63c-.084%201.032-.242%201.763-.507%202.32l-2.633-2.37a2.79%202.79%200%200%200-3.471-.21l-.277.196a1.86%201.86%200%200%201-2.386-.207l-3.99-3.99a2.14%202.14%200%200%200-2.922-.097l-.931.814V12c0-2.212%200-3.801.163-5.01c.16-1.19.464-1.907.994-2.437S5.8%203.72%206.99%203.56c1.079-.145%202.458-.161%204.313-.163a.699.699%200%200%200%200-1.396c-1.829.002-3.33.02-4.499.177c-1.343.18-2.404.557-3.236%201.39s-1.21%201.893-1.39%203.236C2%208.116%202%209.8%202%2011.947V12q0%20.736.002%201.396c.007%201.729.044%203.121.243%204.24c.203%201.14.584%202.058%201.322%202.796c.832.833%201.893%201.21%203.236%201.39C8.116%2022%209.8%2022%2011.947%2022h.106c2.148%200%203.83%200%205.144-.177c1.344-.18%202.404-.557%203.236-1.39a4.2%204.2%200%200%200%20.73-.983c.445-.825.644-1.82.74-3.009%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.5%2011c-2.121%200-3.182%200-3.841-.659S13%208.621%2013%206.5s0-3.182.659-3.841S15.379%202%2017.5%202s3.182%200%203.841.659S22%204.379%2022%206.5s0%203.182-.659%203.841S19.621%2011%2017.5%2011m-1.455-2.784c-.765-.67-1.545-1.564-1.545-2.418c0-1.773%201.65-2.435%203-1.065c1.35-1.37%203-.708%203%201.065c0%20.854-.78%201.747-1.545%202.418c-.596.523-.894.784-1.455.784c-.56%200-.859-.261-1.455-.784%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/solar/gallery-favourite-bold-duotone.svg?color=%231a73e8&size=48
