Heart Wings icon

game-icons:heart-wings

The Heart Wings icon (game-icons:heart-wings) 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: heartwings, wing

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="M54.53 118.73c-15.623 74.884 20.42 123.6 64.126 150.56c-33.063-7.81-65.052-19.483-98.25-36.845c25.5 77.488 81.165 95.816 129.906 90.75c-26.933 14.252-55.392 25.302-83.937 32.782c69.446 43.143 120.11 16.458 148.27-21.317a586 586 0 0 0-6.217-5.498c-5.193-3.697-10.128-7.95-14.778-12.71c-5.968-5.095-12.045-10.295-18.173-15.73c-33.648-29.837-67.978-65.614-69.43-112.83l-.002-.15c-19.147-22.057-36.472-45.304-51.514-69.013zm402.94 0c-15.04 23.705-32.368 46.943-51.515 68.993l.004.078c1.388 45.967-33.476 82.66-67.968 113.386c-13.87 12.355-27.86 23.824-39.904 34.44c28.298 37.26 78.683 63.125 147.54 20.35c-28.543-7.48-56.98-18.53-83.91-32.78c48.737 5.056 104.38-13.28 129.876-90.75c-33.197 17.363-65.187 29.036-98.25 36.845c43.705-26.962 79.75-75.675 64.125-150.56zm-132.42 3.977c-22.146.17-45.395 11.85-61.025 38.36l-7.783 13.2l-7.736-13.228c-19.473-33.286-54.394-43.623-82.15-35.75h-.01c-24.486 6.947-43.386 26.957-42.307 62.048c1.187 38.61 30.602 70.852 63.38 99.918c16.39 14.533 33.36 28.123 47.412 41.52c8.357 7.968 15.777 15.842 21.332 24.142c5.568-7.718 12.923-15.143 21.217-22.86c14.382-13.384 31.856-27.363 48.64-42.314c33.567-29.9 63.045-63.115 61.95-99.398c-1.118-36.974-22.723-58.38-48.618-64.127a63.7 63.7 0 0 0-14.303-1.513z"/></svg>

How to use the Heart Wings icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:heart-wings"></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-wings"></iconify-icon>

HTML image

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

Related icons in Game Icons

Heart Wings icon FAQ

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

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

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

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

Browse all Game Icons →