Bag Heart icon in outline, twotone, bold and bulk. Free in all four styles, for cart, checkout, storefront, orders. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconBagHeart } from "@devigner-ui/icons";
<IconBagHeart className="size-6" />
<script setup>
import { IconBagHeart } from "@devigner-ui/icons-vue";
</script>
<template>
<IconBagHeart class="size-6" />
</template>
<script>
import { IconBagHeart } from "@devigner-ui/icons-svelte";
</script>
<IconBagHeart class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.74 20.56C4.94 22 7.17 22 11.64 22h.72c4.47 0 6.7 0 7.9-1.45m-16.52 0c-1.2-1.44-.79-3.63.04-8.02.58-3.12.87-4.69 1.99-5.6m14.49 13.63c1.2-1.45.79-3.64-.04-8.03-.58-3.12-.87-4.69-1.99-5.6m0-.01C17.13 6 15.53 6 12.36 6h-.72c-3.18 0-4.76 0-5.87.92m0 0" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="m12 12.2-.52.53c.3.28.75.28 1.04 0zm-.96 3.67-.44.6zm1.92 0-.45-.6zm-.96.46v.75zm-.51-1.07c-.42-.3-.88-.69-1.23-1.1-.37-.42-.51-.75-.51-.96h-1.5c0 .77.44 1.45.87 1.95a9 9 0 0 0 1.48 1.32zM9.75 13.2c0-.58.26-.83.5-.91s.7-.06 1.23.44l1.04-1.08c-.83-.79-1.86-1.1-2.77-.78-.94.33-1.5 1.23-1.5 2.33zm3.65 3.27c.46-.34 1.02-.8 1.48-1.32.43-.5.87-1.18.87-1.95h-1.5q.02.32-.5.97c-.36.4-.82.78-1.24 1.1zm2.35-3.27c0-1.1-.56-2-1.5-2.33-.9-.32-1.94 0-2.77.78l1.04 1.08c.52-.5.99-.53 1.24-.44.23.08.49.33.49.9zm-5.15 3.27c.37.27.78.6 1.4.6v-1.5l-.1-.02-.41-.29zm1.91-1.2-.42.28q-.07.04-.09.03v1.5c.62 0 1.03-.34 1.4-.6z" fill="currentColor"></path><path opacity="1" d="M9 6V5a3 3 0 1 1 6 0v1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>