gallery favourite icon
gallery-favourite-line-duotone from Solar by 480 Design · Line Duotone · CC-BY-4.0 Attribution required.
- Name
- gallery-favourite-line-duotone
- Set
- Solar
- Style
- Line 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"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M22 12c0 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 12s0-7.071 1.464-8.536C4.93 2 7.286 2 12 2"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 12.5l1.752-1.533a2.3 2.3 0 0 1 3.14.105l4.29 4.29a2 2 0 0 0 2.564.222l.299-.21a3 3 0 0 1 3.731.225L21 18.5" opacity=".5"/><path fill="currentColor" d="m16.06 8.57l.492-.566zM18 3.968l-.532.529a.75.75 0 0 0 1.064 0zm1.94 4.602l-.492-.566zM18 9.606v-.75zm-1.448-1.602c-.486-.422-.952-.895-1.292-1.374c-.347-.49-.51-.914-.51-1.255h-1.5c0 .788.358 1.518.786 2.122c.435.614.999 1.175 1.533 1.639zM14.75 5.375c0-.933.42-1.404.834-1.557c.426-.156 1.13-.08 1.884.679l1.064-1.058c-1.045-1.05-2.342-1.442-3.466-1.028c-1.136.418-1.816 1.555-1.816 2.964zm5.682 3.761c.533-.464 1.097-1.025 1.532-1.639c.428-.604.786-1.334.786-2.122h-1.5c0 .341-.163.765-.51 1.255c-.34.48-.806.952-1.292 1.374zm2.318-3.76c0-1.41-.68-2.547-1.816-2.965c-1.124-.414-2.42-.023-3.466 1.028l1.064 1.058c.755-.76 1.458-.835 1.884-.679c.414.153.834.624.834 1.557zm-7.181 3.76c.756.658 1.36 1.22 2.431 1.22v-1.5c-.424 0-.615-.129-1.448-.852zm3.879-1.132c-.833.723-1.024.852-1.448.852v1.5c1.071 0 1.675-.562 2.432-1.22z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarGalleryFavouriteLineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M22 12c0 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 12s0-7.071 1.464-8.536C4.93 2 7.286 2 12 2"/><path stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="m2 12.5l1.752-1.533a2.3 2.3 0 0 1 3.14.105l4.29 4.29a2 2 0 0 0 2.564.222l.299-.21a3 3 0 0 1 3.731.225L21 18.5" opacity=".5"/><path fill="currentColor" d="m16.06 8.57l.492-.566zM18 3.968l-.532.529a.75.75 0 0 0 1.064 0zm1.94 4.602l-.492-.566zM18 9.606v-.75zm-1.448-1.602c-.486-.422-.952-.895-1.292-1.374c-.347-.49-.51-.914-.51-1.255h-1.5c0 .788.358 1.518.786 2.122c.435.614.999 1.175 1.533 1.639zM14.75 5.375c0-.933.42-1.404.834-1.557c.426-.156 1.13-.08 1.884.679l1.064-1.058c-1.045-1.05-2.342-1.442-3.466-1.028c-1.136.418-1.816 1.555-1.816 2.964zm5.682 3.761c.533-.464 1.097-1.025 1.532-1.639c.428-.604.786-1.334.786-2.122h-1.5c0 .341-.163.765-.51 1.255c-.34.48-.806.952-1.292 1.374zm2.318-3.76c0-1.41-.68-2.547-1.816-2.965c-1.124-.414-2.42-.023-3.466 1.028l1.064 1.058c.755-.76 1.458-.835 1.884-.679c.414.153.834.624.834 1.557zm-7.181 3.76c.756.658 1.36 1.22 2.431 1.22v-1.5c-.424 0-.615-.129-1.448-.852zm3.879-1.132c-.833.723-1.024.852-1.448.852v1.5c1.071 0 1.675-.562 2.432-1.22z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M22 12c0 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 12s0-7.071 1.464-8.536C4.93 2 7.286 2 12 2"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 12.5l1.752-1.533a2.3 2.3 0 0 1 3.14.105l4.29 4.29a2 2 0 0 0 2.564.222l.299-.21a3 3 0 0 1 3.731.225L21 18.5" opacity=".5"/><path fill="currentColor" d="m16.06 8.57l.492-.566zM18 3.968l-.532.529a.75.75 0 0 0 1.064 0zm1.94 4.602l-.492-.566zM18 9.606v-.75zm-1.448-1.602c-.486-.422-.952-.895-1.292-1.374c-.347-.49-.51-.914-.51-1.255h-1.5c0 .788.358 1.518.786 2.122c.435.614.999 1.175 1.533 1.639zM14.75 5.375c0-.933.42-1.404.834-1.557c.426-.156 1.13-.08 1.884.679l1.064-1.058c-1.045-1.05-2.342-1.442-3.466-1.028c-1.136.418-1.816 1.555-1.816 2.964zm5.682 3.761c.533-.464 1.097-1.025 1.532-1.639c.428-.604.786-1.334.786-2.122h-1.5c0 .341-.163.765-.51 1.255c-.34.48-.806.952-1.292 1.374zm2.318-3.76c0-1.41-.68-2.547-1.816-2.965c-1.124-.414-2.42-.023-3.466 1.028l1.064 1.058c.755-.76 1.458-.835 1.884-.679c.414.153.834.624.834 1.557zm-7.181 3.76c.756.658 1.36 1.22 2.431 1.22v-1.5c-.424 0-.615-.129-1.448-.852zm3.879-1.132c-.833.723-1.024.852-1.448.852v1.5c1.071 0 1.675-.562 2.432-1.22z"/></g></svg> </template>
CSS
.icon-gallery-favourite-line-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%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M22%2012c0%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%2012s0-7.071%201.464-8.536C4.93%202%207.286%202%2012%202%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m2%2012.5l1.752-1.533a2.3%202.3%200%200%201%203.14.105l4.29%204.29a2%202%200%200%200%202.564.222l.299-.21a3%203%200%200%201%203.731.225L21%2018.5%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16.06%208.57l.492-.566zM18%203.968l-.532.529a.75.75%200%200%200%201.064%200zm1.94%204.602l-.492-.566zM18%209.606v-.75zm-1.448-1.602c-.486-.422-.952-.895-1.292-1.374c-.347-.49-.51-.914-.51-1.255h-1.5c0%20.788.358%201.518.786%202.122c.435.614.999%201.175%201.533%201.639zM14.75%205.375c0-.933.42-1.404.834-1.557c.426-.156%201.13-.08%201.884.679l1.064-1.058c-1.045-1.05-2.342-1.442-3.466-1.028c-1.136.418-1.816%201.555-1.816%202.964zm5.682%203.761c.533-.464%201.097-1.025%201.532-1.639c.428-.604.786-1.334.786-2.122h-1.5c0%20.341-.163.765-.51%201.255c-.34.48-.806.952-1.292%201.374zm2.318-3.76c0-1.41-.68-2.547-1.816-2.965c-1.124-.414-2.42-.023-3.466%201.028l1.064%201.058c.755-.76%201.458-.835%201.884-.679c.414.153.834.624.834%201.557zm-7.181%203.76c.756.658%201.36%201.22%202.431%201.22v-1.5c-.424%200-.615-.129-1.448-.852zm3.879-1.132c-.833.723-1.024.852-1.448.852v1.5c1.071%200%201.675-.562%202.432-1.22z%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%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M22%2012c0%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%2012s0-7.071%201.464-8.536C4.93%202%207.286%202%2012%202%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m2%2012.5l1.752-1.533a2.3%202.3%200%200%201%203.14.105l4.29%204.29a2%202%200%200%200%202.564.222l.299-.21a3%203%200%200%201%203.731.225L21%2018.5%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16.06%208.57l.492-.566zM18%203.968l-.532.529a.75.75%200%200%200%201.064%200zm1.94%204.602l-.492-.566zM18%209.606v-.75zm-1.448-1.602c-.486-.422-.952-.895-1.292-1.374c-.347-.49-.51-.914-.51-1.255h-1.5c0%20.788.358%201.518.786%202.122c.435.614.999%201.175%201.533%201.639zM14.75%205.375c0-.933.42-1.404.834-1.557c.426-.156%201.13-.08%201.884.679l1.064-1.058c-1.045-1.05-2.342-1.442-3.466-1.028c-1.136.418-1.816%201.555-1.816%202.964zm5.682%203.761c.533-.464%201.097-1.025%201.532-1.639c.428-.604.786-1.334.786-2.122h-1.5c0%20.341-.163.765-.51%201.255c-.34.48-.806.952-1.292%201.374zm2.318-3.76c0-1.41-.68-2.547-1.816-2.965c-1.124-.414-2.42-.023-3.466%201.028l1.064%201.058c.755-.76%201.458-.835%201.884-.679c.414.153.834.624.834%201.557zm-7.181%203.76c.756.658%201.36%201.22%202.431%201.22v-1.5c-.424%200-.615-.129-1.448-.852zm3.879-1.132c-.833.723-1.024.852-1.448.852v1.5c1.071%200%201.675-.562%202.432-1.22z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/gallery-favourite-line-duotone.svg?color=%231a73e8&size=48
