heart angle icon
heart-angle-bold from Solar by 480 Design · Bold · Like · CC-BY-4.0 Attribution required.
- Name
- heart-angle-bold
- Set
- Solar
- Style
- Bold
- 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"><path fill="currentColor" d="M8.10627 18.2468C5.29819 16.0833 2 13.5422 2 9.1371C2 4.27416 7.50016 0.825464 12 5.50063L14 7.49928C14.2929 7.79212 14.7678 7.79203 15.0607 7.49908C15.3535 7.20614 15.3534 6.73127 15.0605 6.43843L13.1285 4.50712C17.3685 1.40309 22 4.67465 22 9.1371C22 13.5422 18.7018 16.0833 15.8937 18.2468C15.6019 18.4717 15.3153 18.6925 15.0383 18.9109C14 19.7294 13 20.5 12 20.5C11 20.5 10 19.7294 8.96173 18.9109C8.68471 18.6925 8.39814 18.4717 8.10627 18.2468Z"/></svg>
React
import type { SVGProps } from "react";
export function SolarHeartAngleBold(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="M8.10627 18.2468C5.29819 16.0833 2 13.5422 2 9.1371C2 4.27416 7.50016 0.825464 12 5.50063L14 7.49928C14.2929 7.79212 14.7678 7.79203 15.0607 7.49908C15.3535 7.20614 15.3534 6.73127 15.0605 6.43843L13.1285 4.50712C17.3685 1.40309 22 4.67465 22 9.1371C22 13.5422 18.7018 16.0833 15.8937 18.2468C15.6019 18.4717 15.3153 18.6925 15.0383 18.9109C14 19.7294 13 20.5 12 20.5C11 20.5 10 19.7294 8.96173 18.9109C8.68471 18.6925 8.39814 18.4717 8.10627 18.2468Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.10627 18.2468C5.29819 16.0833 2 13.5422 2 9.1371C2 4.27416 7.50016 0.825464 12 5.50063L14 7.49928C14.2929 7.79212 14.7678 7.79203 15.0607 7.49908C15.3535 7.20614 15.3534 6.73127 15.0605 6.43843L13.1285 4.50712C17.3685 1.40309 22 4.67465 22 9.1371C22 13.5422 18.7018 16.0833 15.8937 18.2468C15.6019 18.4717 15.3153 18.6925 15.0383 18.9109C14 19.7294 13 20.5 12 20.5C11 20.5 10 19.7294 8.96173 18.9109C8.68471 18.6925 8.39814 18.4717 8.10627 18.2468Z"/></svg> </template>
CSS
.icon-heart-angle-bold {
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%22M8.10627%2018.2468C5.29819%2016.0833%202%2013.5422%202%209.1371C2%204.27416%207.50016%200.825464%2012%205.50063L14%207.49928C14.2929%207.79212%2014.7678%207.79203%2015.0607%207.49908C15.3535%207.20614%2015.3534%206.73127%2015.0605%206.43843L13.1285%204.50712C17.3685%201.40309%2022%204.67465%2022%209.1371C22%2013.5422%2018.7018%2016.0833%2015.8937%2018.2468C15.6019%2018.4717%2015.3153%2018.6925%2015.0383%2018.9109C14%2019.7294%2013%2020.5%2012%2020.5C11%2020.5%2010%2019.7294%208.96173%2018.9109C8.68471%2018.6925%208.39814%2018.4717%208.10627%2018.2468Z%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%22M8.10627%2018.2468C5.29819%2016.0833%202%2013.5422%202%209.1371C2%204.27416%207.50016%200.825464%2012%205.50063L14%207.49928C14.2929%207.79212%2014.7678%207.79203%2015.0607%207.49908C15.3535%207.20614%2015.3534%206.73127%2015.0605%206.43843L13.1285%204.50712C17.3685%201.40309%2022%204.67465%2022%209.1371C22%2013.5422%2018.7018%2016.0833%2015.8937%2018.2468C15.6019%2018.4717%2015.3153%2018.6925%2015.0383%2018.9109C14%2019.7294%2013%2020.5%2012%2020.5C11%2020.5%2010%2019.7294%208.96173%2018.9109C8.68471%2018.6925%208.39814%2018.4717%208.10627%2018.2468Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/heart-angle-bold.svg?color=%231a73e8&size=48
