gallery favorite icon
gallery-favorite-broken from Solar by 480 Design · Broken · Video · CC-BY-4.0 Attribution required.
- Name
- gallery-favorite-broken
- Set
- Solar
- Style
- Broken
- Category
- Video
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More video icons from Solar
album-boldcamera-add-boldcamera-boldcamera-minimalistic-boldcamera-off-boldcamera-rotate-boldcamera-square-boldclapperboard-boldclapperboard-edit-boldclapperboard-open-boldclapperboard-open-play-boldclapperboard-play-boldclapperboard-text-boldfull-screen-boldfull-screen-circle-boldfull-screen-square-boldgallery-add-boldgallery-boldgallery-check-boldgallery-circle-boldgallery-download-boldgallery-edit-boldgallery-minimalistic-boldgallery-remove-bold
Use the gallery favorite icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 10.8717 2 9.87835 2.02008 9M12 2C7.28595 2 4.92893 2 3.46447 3.46447C3.03965 3.88929 2.73806 4.38921 2.52396 5"/><path stroke-linecap="round" d="M2 12.5001L3.75159 10.9675C4.66286 10.1702 6.03628 10.2159 6.89249 11.0721L11.1822 15.3618C11.8694 16.0491 12.9512 16.1428 13.7464 15.5839L14.0446 15.3744C15.1888 14.5702 16.7369 14.6634 17.7765 15.599L21 18.5001"/><path stroke-linejoin="round" d="M14 5.37542C14 6.50354 15.0406 7.68398 16.0603 8.56987C16.8552 9.26039 17.2526 9.60565 18 9.60565C18.7474 9.60565 19.1449 9.26039 19.9397 8.56988C20.9594 7.68399 22 6.50356 22 5.37541C22 3.03289 19.7999 2.15831 18 3.96789C16.2001 2.15831 14 3.03289 14 5.37542Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarGalleryFavoriteBroken(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" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="round" d="M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 10.8717 2 9.87835 2.02008 9M12 2C7.28595 2 4.92893 2 3.46447 3.46447C3.03965 3.88929 2.73806 4.38921 2.52396 5"/><path strokeLinecap="round" d="M2 12.5001L3.75159 10.9675C4.66286 10.1702 6.03628 10.2159 6.89249 11.0721L11.1822 15.3618C11.8694 16.0491 12.9512 16.1428 13.7464 15.5839L14.0446 15.3744C15.1888 14.5702 16.7369 14.6634 17.7765 15.599L21 18.5001"/><path strokeLinejoin="round" d="M14 5.37542C14 6.50354 15.0406 7.68398 16.0603 8.56987C16.8552 9.26039 17.2526 9.60565 18 9.60565C18.7474 9.60565 19.1449 9.26039 19.9397 8.56988C20.9594 7.68399 22 6.50356 22 5.37541C22 3.03289 19.7999 2.15831 18 3.96789C16.2001 2.15831 14 3.03289 14 5.37542Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 10.8717 2 9.87835 2.02008 9M12 2C7.28595 2 4.92893 2 3.46447 3.46447C3.03965 3.88929 2.73806 4.38921 2.52396 5"/><path stroke-linecap="round" d="M2 12.5001L3.75159 10.9675C4.66286 10.1702 6.03628 10.2159 6.89249 11.0721L11.1822 15.3618C11.8694 16.0491 12.9512 16.1428 13.7464 15.5839L14.0446 15.3744C15.1888 14.5702 16.7369 14.6634 17.7765 15.599L21 18.5001"/><path stroke-linejoin="round" d="M14 5.37542C14 6.50354 15.0406 7.68398 16.0603 8.56987C16.8552 9.26039 17.2526 9.60565 18 9.60565C18.7474 9.60565 19.1449 9.26039 19.9397 8.56988C20.9594 7.68399 22 6.50356 22 5.37541C22 3.03289 19.7999 2.15831 18 3.96789C16.2001 2.15831 14 3.03289 14 5.37542Z"/></g></svg> </template>
CSS
.icon-gallery-favorite-broken {
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%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M22%2012C22%2016.714%2022%2019.0711%2020.5355%2020.5355C19.0711%2022%2016.714%2022%2012%2022C7.28595%2022%204.92893%2022%203.46447%2020.5355C2%2019.0711%202%2016.714%202%2012C2%2010.8717%202%209.87835%202.02008%209M12%202C7.28595%202%204.92893%202%203.46447%203.46447C3.03965%203.88929%202.73806%204.38921%202.52396%205%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M2%2012.5001L3.75159%2010.9675C4.66286%2010.1702%206.03628%2010.2159%206.89249%2011.0721L11.1822%2015.3618C11.8694%2016.0491%2012.9512%2016.1428%2013.7464%2015.5839L14.0446%2015.3744C15.1888%2014.5702%2016.7369%2014.6634%2017.7765%2015.599L21%2018.5001%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M14%205.37542C14%206.50354%2015.0406%207.68398%2016.0603%208.56987C16.8552%209.26039%2017.2526%209.60565%2018%209.60565C18.7474%209.60565%2019.1449%209.26039%2019.9397%208.56988C20.9594%207.68399%2022%206.50356%2022%205.37541C22%203.03289%2019.7999%202.15831%2018%203.96789C16.2001%202.15831%2014%203.03289%2014%205.37542Z%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%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M22%2012C22%2016.714%2022%2019.0711%2020.5355%2020.5355C19.0711%2022%2016.714%2022%2012%2022C7.28595%2022%204.92893%2022%203.46447%2020.5355C2%2019.0711%202%2016.714%202%2012C2%2010.8717%202%209.87835%202.02008%209M12%202C7.28595%202%204.92893%202%203.46447%203.46447C3.03965%203.88929%202.73806%204.38921%202.52396%205%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M2%2012.5001L3.75159%2010.9675C4.66286%2010.1702%206.03628%2010.2159%206.89249%2011.0721L11.1822%2015.3618C11.8694%2016.0491%2012.9512%2016.1428%2013.7464%2015.5839L14.0446%2015.3744C15.1888%2014.5702%2016.7369%2014.6634%2017.7765%2015.599L21%2018.5001%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M14%205.37542C14%206.50354%2015.0406%207.68398%2016.0603%208.56987C16.8552%209.26039%2017.2526%209.60565%2018%209.60565C18.7474%209.60565%2019.1449%209.26039%2019.9397%208.56988C20.9594%207.68399%2022%206.50356%2022%205.37541C22%203.03289%2019.7999%202.15831%2018%203.96789C16.2001%202.15831%2014%203.03289%2014%205.37542Z%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-favorite-broken.svg?color=%231a73e8&size=48
