Hanger icon

game-icons:hanger

The Hanger icon (game-icons:hanger) 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="M254.508 28c-5.222.018-14.484.378-23.54 4.976c-10.348 5.255-19.542 17.498-19.542 36.025h18c0-13.472 4.287-17.23 9.693-19.974C244.525 46.282 251.937 46 256.486 46c10 0 15.38 3.006 18.743 6.891s4.899 9.373 4.414 15.385c-.97 12.023-9.745 20.744-23.157 23.724h-9v33.827a30.8 30.8 0 0 1 9-1.354c3.22 0 6.203.504 9 1.354v-16.881c18.771-4.339 30.699-21.88 32.098-39.221c.806-9.988-1.72-20.5-8.744-28.615S270.486 28 256.486 28c-.568 0-1.232-.004-1.978-.002zm1.978 114.474c-6.265 0-11.583 4.417-18.386 12.397c-6.803 7.979-13.779 18.644-24.745 25.699c-28.987 18.65-62.68 28.155-93.978 39.095c-31.299 10.941-59.94 23.174-80.246 45.407c-2.822 3.09-7.223 13.039-9.813 21.666c-.096.322-.127.52-.22.838c5.8-2.233 12.63-5.031 20.767-8.487c17.698-7.515 40.062-17.32 64.102-27.023c48.079-19.405 102.272-38.735 142.67-38.063c44.692.744 104.792 20.664 154.664 40.139c32.956 12.87 56.173 23.383 71.601 30.582c-2.63-8.098-6.458-16.803-9.06-19.652c-20.306-22.233-48.947-34.466-80.246-45.407c-31.3-10.94-64.992-20.445-93.979-39.095c-10.965-7.055-17.94-17.72-24.744-25.7c-6.803-7.979-12.121-12.396-18.387-12.396m-87 121.527v220h158v-220zm-66.408 12c-15.547 6.491-29.735 12.64-42.303 18h90.711v-18zm242.408 0v18h114.418a1314 1314 0 0 0-42.357-18z"/></svg>

How to use the Hanger icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Hanger icon in other icon sets

Hanger icon FAQ

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

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

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

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

Browse all Game Icons →