Locked Heart icon
game-icons:locked-heart
The Locked Heart icon (game-icons:locked-heart) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
- Tags
- lockedheart
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 27.845c-21.563 0-48.67 1.224-69.041 9.357C166.589 45.336 153 58.047 153 86.845v51.847a125 125 0 0 1 19.988-1.732c3.353-.02 6.693.103 10.012.355v-38.47c0-16 11.186-28.155 24.975-35.05c13.788-6.893 30.9-9.95 48.025-9.95s34.237 3.057 48.025 9.95C317.815 70.69 329 82.846 329 98.846v38.478a124.6 124.6 0 0 1 30 1.377V86.845c0-28.798-13.589-41.51-33.959-49.643S277.563 27.845 256 27.845m-83.12 127.093a107.7 107.7 0 0 0-22.886 2.682C109.396 166.847 73 198.594 73 258.845c0 43 37.72 89.974 81.213 131.49c21.747 20.758 44.64 40.173 64.25 57.52c15.099 13.356 28.124 25.257 37.537 36.3c9.413-11.043 22.438-22.944 37.537-36.3c19.61-17.347 42.503-36.762 64.25-57.52C401.28 348.819 439 301.845 439 258.845c0-60.25-36.396-91.998-76.994-101.225s-83.648 5.56-97.65 40.567L256 219.075l-8.355-20.888c-11.377-28.443-41.931-43.537-74.764-43.249zM256 234.845a44.49 44.49 0 0 1 44.488 44.488A44.49 44.49 0 0 1 284 313.876l16.488 98.922h-88.976l16.49-98.936a44.49 44.49 0 0 1-16.49-34.529A44.49 44.49 0 0 1 256 234.845"/></svg>How to use the Locked Heart icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:locked-heart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:locked-heart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:locked-heart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--locked-heart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:locked-heart"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:locked-heart"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/locked-heart.svg" alt="Locked Heart icon" width="24" height="24">Related icons in Game Icons
Locked Heart icon FAQ
Is the Locked Heart icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Locked Heart icon in React?
Install @iconify/react and render <Icon icon="game-icons:locked-heart" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Locked Heart icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/locked-heart.svg" alt="Locked Heart icon">, or paste the SVG code inline to style it with CSS.