Free List Heart SVG icon in outline, twotone, bold and bulk. Available in all four styles, for checklists, playlists, task boards, ordering. Copy the SVG or a tree-shakeable React component, or download a PNG.
import { IconListHeart } from "@devigner-ui/icons";
<IconListHeart className="size-6" />
<script setup>
import { IconListHeart } from "@devigner-ui/icons-vue";
</script>
<template>
<IconListHeart class="size-6" />
</template>
<script>
import { IconListHeart } from "@devigner-ui/icons-svelte";
</script>
<IconListHeart class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m16.52 18.34-.44.6zm.98-4.51-.53.53c.3.3.76.3 1.06 0zm.98 4.51-.44-.6zm-.98.48v.75zm-.54-1.08a10 10 0 0 1-1.52-1.37q-.7-.82-.69-1.33h-1.5c0 .9.52 1.7 1.06 2.32.55.63 1.23 1.19 1.77 1.59zm-2.21-2.7c0-.76.34-1.12.66-1.24.34-.12.92-.07 1.56.56l1.06-1.06c-.94-.92-2.1-1.27-3.13-.9s-1.65 1.38-1.65 2.64zm4.17 3.9c.54-.4 1.22-.95 1.77-1.58a3.7 3.7 0 0 0 1.06-2.32h-1.5q0 .52-.69 1.33c-.45.52-1.03 1-1.52 1.37zm2.83-3.9c0-1.26-.62-2.27-1.66-2.65-1.01-.36-2.18-.01-3.12.9l1.06 1.07c.64-.63 1.22-.68 1.56-.56.32.12.66.48.66 1.24zm-5.67 3.9c.37.28.8.63 1.42.63v-1.5l-.1-.03-.44-.3zm1.96-1.2-.44.3q-.08.04-.1.03v1.5c.62 0 1.05-.35 1.42-.62z" fill="currentColor"></path><path opacity="1" d="M21 6H3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M21 10H3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M10 14H3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M10 18H3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>