heart angle icon
heart-angle-bold-duotone from Solar by 480 Design · Bold Duotone · Like · CC-BY-4.0 Attribution required.
- Name
- heart-angle-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Like
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More like icons from Solar
dislike-boldheart-boldheart-broken-boldheart-crack-boldheart-lock-boldheart-shine-boldheart-unlock-boldhearts-boldlike-boldmedal-ribbon-boldmedal-ribbon-star-boldmedal-ribbons-star-boldmedal-star-boldmedal-star-circle-boldmedal-star-square-boldstar-boldstar-off-boldstar-shine-boldheart-pulse-2-boldheart-pulse-bold
Use the heart angle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M2 9.1371C2 13.5422 5.29819 16.0833 8.10627 18.2468C8.39814 18.4717 8.68471 18.6925 8.96173 18.9109C10 19.7294 11 20.5 12 20.5V5.50063C7.50016 0.825464 2 4.27416 2 9.1371Z" clip-rule="evenodd" opacity=".5"/><path d="M14 7.49928L12 5.50063V20.5C13 20.5 14 19.7294 15.0383 18.9109C15.3153 18.6925 15.6019 18.4717 15.8937 18.2468C18.7018 16.0833 22 13.5422 22 9.1371C22 4.67465 17.3685 1.40309 13.1285 4.50712L15.0605 6.43843C15.3534 6.73127 15.3535 7.20614 15.0607 7.49908C14.7678 7.79203 14.2929 7.79212 14 7.49928Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarHeartAngleBoldDuotone(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"><path fillRule="evenodd" d="M2 9.1371C2 13.5422 5.29819 16.0833 8.10627 18.2468C8.39814 18.4717 8.68471 18.6925 8.96173 18.9109C10 19.7294 11 20.5 12 20.5V5.50063C7.50016 0.825464 2 4.27416 2 9.1371Z" clipRule="evenodd" opacity=".5"/><path d="M14 7.49928L12 5.50063V20.5C13 20.5 14 19.7294 15.0383 18.9109C15.3153 18.6925 15.6019 18.4717 15.8937 18.2468C18.7018 16.0833 22 13.5422 22 9.1371C22 4.67465 17.3685 1.40309 13.1285 4.50712L15.0605 6.43843C15.3534 6.73127 15.3535 7.20614 15.0607 7.49908C14.7678 7.79203 14.2929 7.79212 14 7.49928Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M2 9.1371C2 13.5422 5.29819 16.0833 8.10627 18.2468C8.39814 18.4717 8.68471 18.6925 8.96173 18.9109C10 19.7294 11 20.5 12 20.5V5.50063C7.50016 0.825464 2 4.27416 2 9.1371Z" clip-rule="evenodd" opacity=".5"/><path d="M14 7.49928L12 5.50063V20.5C13 20.5 14 19.7294 15.0383 18.9109C15.3153 18.6925 15.6019 18.4717 15.8937 18.2468C18.7018 16.0833 22 13.5422 22 9.1371C22 4.67465 17.3685 1.40309 13.1285 4.50712L15.0605 6.43843C15.3534 6.73127 15.3535 7.20614 15.0607 7.49908C14.7678 7.79203 14.2929 7.79212 14 7.49928Z"/></g></svg> </template>
CSS
.icon-heart-angle-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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%209.1371C2%2013.5422%205.29819%2016.0833%208.10627%2018.2468C8.39814%2018.4717%208.68471%2018.6925%208.96173%2018.9109C10%2019.7294%2011%2020.5%2012%2020.5V5.50063C7.50016%200.825464%202%204.27416%202%209.1371Z%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M14%207.49928L12%205.50063V20.5C13%2020.5%2014%2019.7294%2015.0383%2018.9109C15.3153%2018.6925%2015.6019%2018.4717%2015.8937%2018.2468C18.7018%2016.0833%2022%2013.5422%2022%209.1371C22%204.67465%2017.3685%201.40309%2013.1285%204.50712L15.0605%206.43843C15.3534%206.73127%2015.3535%207.20614%2015.0607%207.49908C14.7678%207.79203%2014.2929%207.79212%2014%207.49928Z%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%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%209.1371C2%2013.5422%205.29819%2016.0833%208.10627%2018.2468C8.39814%2018.4717%208.68471%2018.6925%208.96173%2018.9109C10%2019.7294%2011%2020.5%2012%2020.5V5.50063C7.50016%200.825464%202%204.27416%202%209.1371Z%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M14%207.49928L12%205.50063V20.5C13%2020.5%2014%2019.7294%2015.0383%2018.9109C15.3153%2018.6925%2015.6019%2018.4717%2015.8937%2018.2468C18.7018%2016.0833%2022%2013.5422%2022%209.1371C22%204.67465%2017.3685%201.40309%2013.1285%204.50712L15.0605%206.43843C15.3534%206.73127%2015.3535%207.20614%2015.0607%207.49908C14.7678%207.79203%2014.2929%207.79212%2014%207.49928Z%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/heart-angle-bold-duotone.svg?color=%231a73e8&size=48
