Heartburn icon

game-icons:heartburn

The Heartburn icon (game-icons:heartburn) 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

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="M265.53 18.063c-23.24.42-47.45 10.39-67.124 31.218c54.09-11.145 69.053 9.38 78.844 43.22c16.83 58.176-66.19 70.523-60.156-10.53c-25.37 15.966-34.08 52.878 0 85.28c22.675 21.555 13.393 52.563-13.406 52.563c-44.735.186-107.775-75.315-59.594-139.594c-35.413 13.593-59.442 25.662-67.72 59.593c-7.1-29.47 6.47-55.563 31.532-68.344c-101.978 7.38-74.16 112.918-.594 134.31c65.69 19.1 4.9 108.815-49.062 29.782c-5.833 112.267 64.145 131.99 136.094 181.063c31.776 21.673 46.344 34.713 46.344 55.25c0 35.486 52.656 35.953 52.656-3.156c0-21.18 18.167-34.655 53.406-56.783c57.705-36.23 102.22-91.155 102.22-130.218c0-69.113-42.904-90.754-107.158-118.658c53.15 59.41-40.205 83.995-57.718 42.282c-15.19-36.18 6.475-59.857 33.656-61.406c69.004-3.936 92.73-81.274 43.03-116.844c11 20.999 5.597 43.889-12.84 60.129c-8.468-43.942-42.84-68.846-80.157-69.157a80 80 0 0 0-2.25 0zm193.595 48.312c-69.183 65.477 18.182 64.61-2 159.625c84.92-109.75-14.143-112.042 2-159.625m-140.53 177.063c1.255-.01 2.5.026 3.75.093c3.396.185 6.76.636 10.06 1.376c26.422 5.92 48.41 29.86 49.5 64.656c1.15 36.58-25.886 65.358-52.06 89.157c-13.09 11.898-26.29 22.706-36.47 32.374s-16.868 18.497-18.25 23.656l-9.03 33.688l-9-33.688c-1.71-6.376-8.278-15.138-18.158-24.688s-22.696-19.988-35.5-31.5c-25.607-23.023-52.243-51-53.437-88.406c-1.135-35.56 21.576-59.654 48.594-65.187c23.2-4.753 49.572 3.38 67.47 24.624c14.32-17.327 33.69-26.03 52.53-26.156zm-20.064 65.687c-11.997.282-24.43 6.9-32.5 20.875c-19.384-33.576-68.84-24.852-67.56 15.28c1.333 41.796 61.125 66.135 67.56 90.158c5.894-21.984 68.665-50.103 67.408-90.157c-.736-23.43-17.37-36.567-34.907-36.155z"/></svg>

How to use the Heartburn icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:heartburn"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/heartburn.svg" alt="Heartburn icon" width="24" height="24">

Heartburn icon FAQ

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

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

How do I add the Heartburn icon to a web page?

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

Browse all Game Icons →