heart circle bolt icon

heart-circle-bolt from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name: heart-circle-bolt
Set: Font Awesome Solid
Style: Solid
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

Related icons in Font Awesome Solid

heart-broken heart-circle-check heart-circle-exclamation heart-circle-minus heart-circle-plus heart-circle-xmark heart-crack heart-music-camera-bolt heart-pulse

Use the heart circle bolt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m273 151.1l15 20.7l15-20.7C328 116.5 368.2 96 410.9 96C484.4 96 544 155.6 544 229.1v2.6c0 17.6-3.4 35.6-9.5 53.7c-21.8-8.6-45.6-13.4-70.5-13.4c-106 0-192 86-192 192c0 28.5 6.2 55.6 17.4 80H288c-15.5 0-30.8-4.6-43.1-14.1c-73-55.7-212.9-186-212.9-298.2v-2.6C32 155.6 91.6 96 165.1 96c42.7 0 82.9 20.5 107.9 55.1M320 464c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144m177.4-77c-5.8-4.2-13.8-4-19.4.5l-80 64c-5.3 4.2-7.4 11.4-5.1 17.8S401.2 480 408 480h32.9L425 522.4c-2.5 6.7-.2 14.3 5.6 18.6s13.8 4 19.4-.5l80-64c5.3-4.2 7.4-11.4 5.1-17.8S526.8 448 520 448h-32.9l15.9-42.4c2.5-6.7.2-14.3-5.6-18.6"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidHeartCircleBolt(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m273 151.1l15 20.7l15-20.7C328 116.5 368.2 96 410.9 96C484.4 96 544 155.6 544 229.1v2.6c0 17.6-3.4 35.6-9.5 53.7c-21.8-8.6-45.6-13.4-70.5-13.4c-106 0-192 86-192 192c0 28.5 6.2 55.6 17.4 80H288c-15.5 0-30.8-4.6-43.1-14.1c-73-55.7-212.9-186-212.9-298.2v-2.6C32 155.6 91.6 96 165.1 96c42.7 0 82.9 20.5 107.9 55.1M320 464c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144m177.4-77c-5.8-4.2-13.8-4-19.4.5l-80 64c-5.3 4.2-7.4 11.4-5.1 17.8S401.2 480 408 480h32.9L425 522.4c-2.5 6.7-.2 14.3 5.6 18.6s13.8 4 19.4-.5l80-64c5.3-4.2 7.4-11.4 5.1-17.8S526.8 448 520 448h-32.9l15.9-42.4c2.5-6.7.2-14.3-5.6-18.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m273 151.1l15 20.7l15-20.7C328 116.5 368.2 96 410.9 96C484.4 96 544 155.6 544 229.1v2.6c0 17.6-3.4 35.6-9.5 53.7c-21.8-8.6-45.6-13.4-70.5-13.4c-106 0-192 86-192 192c0 28.5 6.2 55.6 17.4 80H288c-15.5 0-30.8-4.6-43.1-14.1c-73-55.7-212.9-186-212.9-298.2v-2.6C32 155.6 91.6 96 165.1 96c42.7 0 82.9 20.5 107.9 55.1M320 464c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144m177.4-77c-5.8-4.2-13.8-4-19.4.5l-80 64c-5.3 4.2-7.4 11.4-5.1 17.8S401.2 480 408 480h32.9L425 522.4c-2.5 6.7-.2 14.3 5.6 18.6s13.8 4 19.4-.5l80-64c5.3-4.2 7.4-11.4 5.1-17.8S526.8 448 520 448h-32.9l15.9-42.4c2.5-6.7.2-14.3-5.6-18.6"/></svg>
</template>

CSS

.icon-heart-circle-bolt {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m273%20151.1l15%2020.7l15-20.7C328%20116.5%20368.2%2096%20410.9%2096C484.4%2096%20544%20155.6%20544%20229.1v2.6c0%2017.6-3.4%2035.6-9.5%2053.7c-21.8-8.6-45.6-13.4-70.5-13.4c-106%200-192%2086-192%20192c0%2028.5%206.2%2055.6%2017.4%2080H288c-15.5%200-30.8-4.6-43.1-14.1c-73-55.7-212.9-186-212.9-298.2v-2.6C32%20155.6%2091.6%2096%20165.1%2096c42.7%200%2082.9%2020.5%20107.9%2055.1M320%20464c0-79.5%2064.5-144%20144-144s144%2064.5%20144%20144s-64.5%20144-144%20144s-144-64.5-144-144m177.4-77c-5.8-4.2-13.8-4-19.4.5l-80%2064c-5.3%204.2-7.4%2011.4-5.1%2017.8S401.2%20480%20408%20480h32.9L425%20522.4c-2.5%206.7-.2%2014.3%205.6%2018.6s13.8%204%2019.4-.5l80-64c5.3-4.2%207.4-11.4%205.1-17.8S526.8%20448%20520%20448h-32.9l15.9-42.4c2.5-6.7.2-14.3-5.6-18.6%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m273%20151.1l15%2020.7l15-20.7C328%20116.5%20368.2%2096%20410.9%2096C484.4%2096%20544%20155.6%20544%20229.1v2.6c0%2017.6-3.4%2035.6-9.5%2053.7c-21.8-8.6-45.6-13.4-70.5-13.4c-106%200-192%2086-192%20192c0%2028.5%206.2%2055.6%2017.4%2080H288c-15.5%200-30.8-4.6-43.1-14.1c-73-55.7-212.9-186-212.9-298.2v-2.6C32%20155.6%2091.6%2096%20165.1%2096c42.7%200%2082.9%2020.5%20107.9%2055.1M320%20464c0-79.5%2064.5-144%20144-144s144%2064.5%20144%20144s-64.5%20144-144%20144s-144-64.5-144-144m177.4-77c-5.8-4.2-13.8-4-19.4.5l-80%2064c-5.3%204.2-7.4%2011.4-5.1%2017.8S401.2%20480%20408%20480h32.9L425%20522.4c-2.5%206.7-.2%2014.3%205.6%2018.6s13.8%204%2019.4-.5l80-64c5.3-4.2%207.4-11.4%205.1-17.8S526.8%20448%20520%20448h-32.9l15.9-42.4c2.5-6.7.2-14.3-5.6-18.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/heart-circle-bolt.svg?color=%231a73e8&size=48