Chained Heart icon

game-icons:chained-heart

The Chained Heart icon (game-icons:chained-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: chainedheart

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="m257.08 11.29l-9.232 1.437l-62.868 9.765l3.586 23.08a221 221 0 0 0-37.416 16.303l-14.51-18.03l-7.28 5.86l-49.56 39.89l14.163 17.594A217.6 217.6 0 0 0 69.39 140.3l-20.78-8.046l-3.374 8.715l-22.976 59.325l20.26 7.846a217.5 217.5 0 0 0-4.805 41.47l-21.02 3.267l11.2 72.1l20.634-3.206a221 221 0 0 0 16.74 38.474l-16.165 13.012l45.75 56.84l15.858-12.764a217.6 217.6 0 0 0 34.183 25.104l-7.27 18.773l68.042 26.347l7.266-18.76a217.7 217.7 0 0 0 42.074 4.482l3.115 20.05l72.1-11.2l-3.168-20.386a221 221 0 0 0 38.433-17.205l13.075 16.24l56.84-45.747l-13.315-16.543a217.6 217.6 0 0 0 24.394-33.906l20.11 7.787l26.35-68.038l-20.63-7.988a217.5 217.5 0 0 0 4.133-41.05l22.29-3.462l-1.434-9.234l-9.765-62.866l-22.85 3.55a221 221 0 0 0-16.746-37.378l18.103-14.57l-5.86-7.28l-39.89-49.56l-18.28 14.715a217.6 217.6 0 0 0-32.835-23.868l8.562-22.112l-8.713-3.375L309.7 16.88L301.136 39a217.6 217.6 0 0 0-39.95-4.45c-.166-.004-.33-.002-.494-.005l-3.61-23.252zm-15.598 21.337l3.108 20.008l-35.164 5.463l-3.11-20.006zm78.897 8.43l33.184 12.85l-7.312 18.882l-33.184-12.853l7.31-18.88zM263.6 53.27c10.2.34 20.456 1.458 30.687 3.406l-5.4 13.94l68.042 26.35l5.402-13.952a199.4 199.4 0 0 1 24.91 18.08l-11.842 9.53l45.75 56.84l12.098-9.735a201.5 201.5 0 0 1 12.787 28.45l-15.443 2.398l11.2 72.1l15.98-2.483a199 199 0 0 1-3.174 31.29l-15.395-5.964l-3.373 8.714l-22.977 59.327l15.975 6.188a200 200 0 0 1-18.633 25.97l-10.926-13.575l-7.278 5.86l-49.56 39.89l11.24 13.964a202 202 0 0 1-29.514 13.24l-2.78-17.908l-9.235 1.433l-62.866 9.766l2.828 18.202a199.4 199.4 0 0 1-32.328-3.47l6.7-17.3l-8.713-3.375l-59.327-22.974l-6.695 17.29a199.4 199.4 0 0 1-26.3-19.286l14.302-11.512l-5.86-7.28l-39.888-49.56l-14.02 11.285a201.5 201.5 0 0 1-12.826-29.53l17.688-2.75l-1.436-9.232l-9.765-62.867l-17.182 2.67a199.4 199.4 0 0 1 3.715-31.723l15.826 6.128l26.35-68.04l-15.258-5.91a199.4 199.4 0 0 1 18.726-25.24l10.118 12.57l56.84-45.75l-9.778-12.147a201.6 201.6 0 0 1 28.465-12.387l2.366 15.234l72.1-11.202l-2.324-14.96zM133.8 70.124l12.694 15.772l-27.723 22.312l-12.694-15.77L133.8 70.122zm283.653 30.648l22.313 27.722l-15.774 12.696l-22.312-27.72zm-84.244 42a71 71 0 0 0-5.76.187c-23.033 1.7-45.933 15.003-61.29 44.006l-7.906 14.933l-8.445-14.636c-20.227-35.054-56.5-47.824-87.093-41.81c-30.592 6.012-55.328 29.383-53.947 72.85c1.278 40.24 29.05 67.447 63.59 97.54c30.045 26.176 64.672 53.784 85.763 93.478c22.093-39.507 57.856-65.95 88.133-91.453c17.386-14.644 33.017-28.982 43.86-44.736c10.846-15.755 17.13-32.66 16.456-54.243c-1.262-40.46-26.58-66.478-56.316-73.916a73 73 0 0 0-17.047-2.2zM59.286 156.433l18.88 7.31l-12.85 33.186l-18.88-7.31zm412.65 44.636l5.463 35.164l-20.01 3.11l-5.462-35.164l20.01-3.11zm-413.9 64.3l5.465 35.165l-20.006 3.108l-5.465-35.163l20.007-3.11zm391.846 42.33l18.88 7.312l-12.85 33.185l-18.88-7.312l12.85-33.186zM91.156 363.4l22.313 27.723l-15.775 12.695l-22.312-27.722zm305.274 33.02l12.695 15.77l-27.723 22.316l-12.695-15.774zm-227.315 35.23l33.186 12.852l-7.31 18.88l-33.185-12.85l7.31-18.882zm136.662 14.873l3.11 20.01l-35.164 5.463l-3.11-20.008z"/></svg>

How to use the Chained Heart icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Game Icons

Chained Heart icon FAQ

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

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

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

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

Browse all Game Icons →