Free Heart Edit SVG icon in outline, twotone, bold and bulk. Available in all four styles, for reactions, ratings, favourites, awards, stickers. Copy the SVG or a tree-shakeable React component, or download a PNG.
import { IconHeartEdit } from "@devigner-ui/icons";
<IconHeartEdit className="size-6" />
<script setup>
import { IconHeartEdit } from "@devigner-ui/icons-vue";
</script>
<template>
<IconHeartEdit class="size-6" />
</template>
<script>
import { IconHeartEdit } from "@devigner-ui/icons-svelte";
</script>
<IconHeartEdit 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="M22.16 12q.5-1.53.51-3.31a5.57 5.57 0 0 0-5.56-5.59c-1.82 0-3.43.88-4.44 2.24A5.5 5.5 0 0 0 8.23 3.1a5.57 5.57 0 0 0-5.56 5.59c0 7 6.48 11.13 9.38 12.13q.27.09.62.09" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="m19.88 15.74-3.54 3.54c-.14.14-.27.4-.3.59l-.19 1.35c-.07.49.27.83.76.76l1.35-.19c.19-.03.46-.16.59-.3l3.54-3.54c.61-.61.9-1.32 0-2.22-.89-.89-1.6-.6-2.21.01" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M19.37 16.25a3.2 3.2 0 0 0 2.22 2.22" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path></svg>