Heart Lock 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 { IconHeartLock } from "@devigner-ui/icons";
<IconHeartLock className="size-6" />
<script setup>
import { IconHeartLock } from "@devigner-ui/icons-vue";
</script>
<template>
<IconHeartLock class="size-6" />
</template>
<script>
import { IconHeartLock } from "@devigner-ui/icons-svelte";
</script>
<IconHeartLock 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="M17 7c0-3.31-1.99-5-5-5S7 3.69 7 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M12 12v2.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="m9.27 20.62.45-.6zM12 8.93l-.53.53a.75.75 0 0 0 1.06 0zm2.73 11.69.46.6zm-5-.6c-1.38-1.05-2.86-2.06-4.04-3.34a6.6 6.6 0 0 1-1.94-4.58h-1.5a8 8 0 0 0 2.34 5.6c1.3 1.4 2.94 2.54 4.22 3.51zM3.74 12.1a4.4 4.4 0 0 1 2.53-4.02c1.43-.63 3.36-.46 5.19 1.38l1.06-1.06c-2.22-2.23-4.8-2.6-6.85-1.69a5.9 5.9 0 0 0-3.43 5.39zm5.06 9.11c.46.35.96.73 1.47 1.02.5.29 1.09.52 1.72.52v-1.5q-.4 0-.98-.33a12 12 0 0 1-1.3-.9zm6.38 0c1.28-.97 2.93-2.1 4.22-3.51a8 8 0 0 0 2.34-5.6h-1.5a6.6 6.6 0 0 1-1.94 4.58c-1.18 1.28-2.66 2.3-4.03 3.34zm6.56-9.11c0-2.41-1.41-4.5-3.43-5.39-2.06-.9-4.63-.54-6.85 1.7l1.06 1.05c1.83-1.84 3.76-2 5.19-1.38a4.4 4.4 0 0 1 2.53 4.02zm-7.47 7.92a12 12 0 0 1-1.3.9q-.59.34-.98.33v1.5c.63 0 1.22-.23 1.72-.52.51-.29 1-.67 1.47-1.02z" fill="currentColor"></path></svg>