Heart Angle icon in outline, twotone, bold and bulk. Free in all four styles, for reactions, ratings, favourites, awards, stickers. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconHeartAngle } from "@devigner-ui/icons";
<IconHeartAngle className="size-6" />
<script setup>
import { IconHeartAngle } from "@devigner-ui/icons-vue";
</script>
<template>
<IconHeartAngle class="size-6" />
</template>
<script>
import { IconHeartAngle } from "@devigner-ui/icons-svelte";
</script>
<IconHeartAngle class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="1" d="m12 5.5 2 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="m8.96 18.91.47-.59zM12 5.51l-.54.51a.75.75 0 0 0 1.08 0zm3.04 13.4.46.59zm-5.61-.59c-1.52-1.2-3.18-2.36-4.5-3.84a7.8 7.8 0 0 1-2.18-5.34h-1.5a9.3 9.3 0 0 0 2.57 6.34c1.43 1.6 3.25 2.9 4.68 4.02zM2.75 9.14a5.1 5.1 0 0 1 2.87-4.72c1.62-.73 3.78-.54 5.84 1.6l1.08-1.04C10.1 2.44 7.26 2.03 5 3.06a6.6 6.6 0 0 0-3.75 6.08zM8.5 19.5c.51.4 1.06.83 1.62 1.16a3.7 3.7 0 0 0 1.88.59v-1.5q-.45 0-1.13-.38-.67-.41-1.44-1.05zm7 0c1.43-1.12 3.25-2.41 4.68-4.02a9.3 9.3 0 0 0 2.57-6.34h-1.5c0 2.2-.9 3.89-2.19 5.34-1.31 1.48-2.97 2.65-4.49 3.84zm7.25-10.36A6.6 6.6 0 0 0 19 3.06c-2.26-1.03-5.1-.62-7.54 1.92l1.08 1.04c2.06-2.14 4.22-2.33 5.84-1.6a5.1 5.1 0 0 1 2.87 4.72zm-8.18 9.18q-.78.64-1.44 1.05-.68.39-1.13.38v1.5a3.7 3.7 0 0 0 1.88-.59 15 15 0 0 0 1.62-1.16z" fill="currentColor"></path></svg>