Heart Drop icon

game-icons:heart-drop

The Heart Drop icon (game-icons:heart-drop) 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: heartdrop

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M145.25 56.72c-61.374.112-120.404 46.204-122.844 121.093c-4.38 134.45 178.216 168.506 234.72 302.718c53.49-134.2 231.247-176.35 235.437-302.717c4.18-126.053-147.904-156.787-221.438-70.657c-7.116 15.426-7.685 30.843-5.406 39.344c21.644 80.778 64.56 103.038 64.56 167.375c0 36.398-35.61 62.72-73.092 62.72c-36.658 0-74.563-28.165-74.563-66.5c0-67.058 43.713-80.063 66.188-163.94c2.656-9.91-1.38-32.71-14.563-50.968c-.03-.032-.063-.06-.094-.093c-25.38-26.418-57.45-38.433-88.906-38.375zm128.344 195.06c8.576 8.258 13.937 19.843 13.937 32.69c0 25.066-20.337 45.374-45.405 45.374c-4.06 0-8.005-.533-11.75-1.53c5.736-4.15 9.594-11.757 9.594-20.44c0-13.13-8.817-23.75-19.657-23.75s-19.625 10.62-19.625 23.75c0 4.104.864 7.976 2.375 11.345c6.368 23.624 27.828 40.905 53.53 40.905c30.76 0 55.5-24.74 55.5-55.5a55.335 55.335 0 0 0-38.5-52.844z"/></svg>

How to use the Heart Drop icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:heart-drop" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:heart-drop" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:heart-drop" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--heart-drop]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:heart-drop"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:heart-drop"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/heart-drop.svg" alt="Heart Drop icon" width="24" height="24">

Related icons in Game Icons

Heart Drop icon FAQ

Is the Heart Drop 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 Heart Drop icon in React?

Install @iconify/react and render <Icon icon="game-icons:heart-drop" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Heart Drop icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/heart-drop.svg" alt="Heart Drop icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →