Usable icon

game-icons:usable

The Usable icon (game-icons:usable) 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="M256 16C123.45 16 16 123.453 16 256c0 132.548 107.45 240 240 240c132.548 0 240-107.452 240-240S388.548 16 256 16m0 60c99.41 0 180 80.59 180 180s-80.59 180-180 180S76 355.41 76 256S156.59 76 256 76m-15 45c-7.5 0-10.802 7.833-9.563 14.313l19.907 91.218c.73 9.53-7.815 8.665-12.625 4.19l-45.064-61.282c-2.706-4.937-10.62-10.596-17.594-6.782c-6.973 3.815-6.41 12.334-4 17.344l40.344 62.938c10.388 16.62 12.386 32.35 12.563 52.812c-.34 13.825-11.4 20.024-21.97 20.688l-43.53-3.844c-11.047.024-23.47 7.79-23.47 18.406c0 10.617 17.494 9.182 27 11.625c0 0 62.778 18.345 86.844 18.375c16.422.017 16.003 21.326 25.687 21.28c9.16-.04 41.118-11.973 46.5-14.655c5.385-2.682 29.853-15.973 30.126-22.22c.323-7.4-13.844-20.096-9.344-28.217c10.413-27.692.305-43.128 7.47-71.688C355.758 223.666 376 181 376 181c0-4.82-2.55-8.258-6.47-10.813c-4.212-1.82-11.514-.874-13.374 3.72l-30.594 54.75c-4.69 4.277-10.706 3.163-12.125-4.5l2-86.47c.74-2.896-3.292-10.392-10.28-11.406c-6.99-1.01-10.62 3.866-10.938 6.657l-6.22 87.5c-1.63 4.043-7.696 4.632-9.406.25L256.72 130.72c.19-5.952-5.877-9.72-15.72-9.72"/></svg>

How to use the Usable icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Usable icon FAQ

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

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

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

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

Browse all Game Icons →