Cheerful icon

game-icons:cheerful

The Cheerful icon (game-icons:cheerful) 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="M147.886 34.688a122.3 122.3 0 0 0-29.89 3.646c-51.954 12.984-95.682 59.773-97.782 126.98c-1.12 35.802 9.933 65.568 27.54 91.12c17.61 25.552 41.55 47.156 66.847 68.44c50.597 42.573 106.392 83.872 132.4 148.294l8.903 22.05l8.49-22.212c24.648-64.483 78.63-107.776 128.604-151.27c49.974-43.493 96.634-88.202 98.783-155.833c2.275-71.536-42.364-116.7-95.523-127.137c-49-9.622-105.34 9.122-140.23 57.744c-27.546-42.14-68.33-61.74-108.14-61.822zm108.43 90.36l92.414 115.144a363 363 0 0 0-51.426-9.104l-40.988-51.068l-41.475 51.678c-17.227 1.92-34.183 4.84-50.938 8.496zm10.964 104.22q5.617.305 11.338.998c23.128 58.72 94.71 72.16 144.393 37.942c-12.702 13.278-27.086 26.205-42.282 39.43c-13.117 11.417-26.774 23.008-40.272 35.16c-38.64-3.292-79.145-49.547-73.176-113.53zm-22.613.21c5.097 64.43-37.687 112.014-77.23 115.173c-13.762-11.76-27.61-22.97-40.805-34.073c-14.815-12.465-28.802-24.828-41.06-37.637c49.857 39.712 124.645 21.8 147.51-42.287c3.834-.497 7.693-.895 11.585-1.174z"/></svg>

How to use the Cheerful icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Cheerful icon FAQ

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

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

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

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

Browse all Game Icons →