Sing icon

game-icons:sing

The Sing icon (game-icons:sing) 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="M251.47 18.844c-42.103 0-80.822 25.502-109.532 68.156C113.227 129.654 95 189.316 95 255.406s18.227 125.784 46.938 168.438c28.71 42.653 67.43 67.468 109.53 67.468c42.102 0 80.853-24.815 109.563-67.468c28.712-42.654 46.94-102.347 46.94-168.438S389.743 129.654 361.031 87c-28.71-42.654-67.46-68.156-109.56-68.156zm-52.94 161.812a80 80 0 0 1 2.72 0c9.685.198 19.48 2.548 29.188 6.438l-7 16.937c-31.307-12.544-60.594-2.12-80 30.94l-16.375-9.908c16.74-28.52 43.404-44.005 71.468-44.406zm104.72 1.156c28.064.402 54.695 15.886 71.438 44.407l-16.344 9.342c-19.407-33.06-48.694-42.918-80-30.375l-7-17.53c9.707-3.89 19.502-5.615 29.187-5.813c.91-.02 1.815-.044 2.72-.03zM252.187 245.5c53.175 0 96.282 50.127 96.282 111.97c0 61.838-43.108 112-96.283 112c-53.174 0-96.28-50.16-96.28-112c0-61.843 43.106-111.97 96.28-111.97zm-19.53 54.156l2 14.094l11.03 78.78c-6.2-2.444-13.285-3.874-20.656-3.874c-21.288 0-36.88 11.77-34.843 26.28c2.04 14.513 20.96 26.25 42.25 26.25s36.883-11.737 34.844-26.25q.002-.015 0-.03l.408-.062l-9.25-66.875l39.875 13.31l12.093 4.44v-45.126l-6.875-1.625l-57.186-15.69l-13.688-3.624z"/></svg>

How to use the Sing icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Sing icon FAQ

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

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

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

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

Browse all Game Icons →