Heart Slash 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 { IconHeartSlash } from "@devigner-ui/icons";
<IconHeartSlash className="size-6" />
<script setup>
import { IconHeartSlash } from "@devigner-ui/icons-vue";
</script>
<template>
<IconHeartSlash class="size-6" />
</template>
<script>
import { IconHeartSlash } from "@devigner-ui/icons-svelte";
</script>
<IconHeartSlash 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="M6.78 17.5c-2.21-2.07-4.11-5.02-4.11-8.82a5.57 5.57 0 0 1 5.56-5.59c1.82 0 3.43.88 4.44 2.24a5.53 5.53 0 0 1 7.55-1.28" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M22.4 7q.27.8.27 1.69c0 7-6.48 11.13-9.38 12.13-.34.12-.9.12-1.24 0-.65-.22-1.47-.6-2.36-1.13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="m22.67 2-20 20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>