Games icon

flat-ui:games

The Games icon (flat-ui:games) is a free SVG icon from the Flat UI Icons set by Designmodo, Inc.. It is drawn on a 100 × 100 grid. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Flat UI Icons
Author: Designmodo, Inc.
License: MIT
Size: 100 × 100
Tags: game

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="50" fill="#E74C3C"/><path fill="#fff" d="m8.862 21.59l.833.833a5 5 0 0 0 7.07 0l5.657-5.657c1.897-1.898 1.003-5.882-.842-7.897A50.3 50.3 0 0 0 8.862 21.59M41 2a5 5 0 0 0 5 5h8a5 5 0 0 0 5-5V.824C56.079.292 53.074 0 50 0s-6.079.292-9 .824zm37.419 6.869c-1.845 2.015-2.739 5.999-.842 7.897l5.657 5.657a5 5 0 0 0 7.07 0l.833-.833A50.3 50.3 0 0 0 78.419 8.869M91.138 78.41l-.833-.834a5 5 0 0 0-7.07 0l-5.657 5.658a5 5 0 0 0 0 7.07l.833.833A50.3 50.3 0 0 0 91.138 78.41m-74.372-.834a5 5 0 0 0-7.07 0l-.834.834A50.3 50.3 0 0 0 21.58 91.131c1.845-2.016 2.74-6 .842-7.896zM98 41a5 5 0 0 0-5 5v8a5 5 0 0 0 5 5h1.177c.531-2.921.823-5.926.823-9s-.292-6.079-.823-9zM59 98a5 5 0 0 0-5-5h-8a5 5 0 0 0-5 5v1.177c2.921.531 5.926.823 9 .823s6.079-.292 9-.823zM2 59a5 5 0 0 0 5-5v-8a5 5 0 0 0-5-5H.824C.292 43.921 0 46.926 0 50s.292 6.079.824 9z"/><circle cx="50.066" cy="49.91" r="33" fill="#C0392B"/><circle cx="50.5" cy="50.634" r="25" fill="#fff"/><path fill="#C0392B" d="M32.144 49.992q-.67-.11-1.28-.388c-.61-.278-.749-.407-1.029-.667l.56-.811a.57.57 0 0 1 .443-.233q.14 0 .286.073l.317.178l.376.213q.204.108.466.178l.215-2.204a9 9 0 0 1-.833-.275a2.7 2.7 0 0 1-.746-.427a2.05 2.05 0 0 1-.54-.685q-.207-.415-.207-1.042q0-.462.187-.901a2.4 2.4 0 0 1 .545-.79a2.9 2.9 0 0 1 .883-.576q.525-.225 1.201-.226l.064-.658q.017-.165.146-.299c.129-.134.196-.133.333-.133h.665l-.117 1.148q.63.117 1.084.376c.454.259.56.358.77.557l-.443.647a.8.8 0 0 1-.201.213a.43.43 0 0 1-.242.067l-.21-.041l-.256-.102l-.3-.131l-.341-.122L33.736 45l.56.178q.28.096.539.222c.259.126.334.18.484.289a1.75 1.75 0 0 1 .651.895q.093.288.093.656q0 .553-.187 1.041a2.5 2.5 0 0 1-.548.86a2.8 2.8 0 0 1-.886.609q-.525.237-1.201.289l-.07.729a.5.5 0 0 1-.146.295a.45.45 0 0 1-.333.131h-.665zm-.268-6.256q0 .344.219.557t.574.358l.175-1.761a1.8 1.8 0 0 0-.452.12a1 1 0 0 0-.297.189a.7.7 0 0 0-.167.248a.8.8 0 0 0-.052.289m2.472 3.772a.7.7 0 0 0-.212-.53a1.7 1.7 0 0 0-.563-.333l-.187 1.924q.962-.168.962-1.061m4.338 9.154h2.8v-7.35q0-.54.03-1.13l-1.65 1.37a1.1 1.1 0 0 1-.32.185a1 1 0 0 1-.31.055a.94.94 0 0 1-.465-.114a1 1 0 0 1-.305-.245l-.98-1.3l4.54-3.811h2.56v12.34h2.4v2.24h-8.3zm20.28-5.05q0 1.91-.41 3.31t-1.136 2.32c-.726.92-1.057 1.07-1.72 1.37s-1.382.45-2.155.45s-1.488-.15-2.145-.45s-1.225-.757-1.705-1.37s-.855-1.387-1.125-2.32q-.405-1.4-.405-3.31c0-1.91.135-2.377.405-3.31q.405-1.4 1.125-2.32c.72-.92 1.048-1.068 1.705-1.365s1.371-.445 2.145-.445s1.492.148 2.155.445s1.236.752 1.72 1.365s.862 1.387 1.136 2.32q.41 1.4.41 3.31m-3.2 0q0-1.51-.19-2.475c-.19-.965-.295-1.148-.505-1.516q-.315-.55-.715-.755c-.4-.205-.537-.205-.811-.205s-.541.068-.805.205s-.496.389-.7.755q-.304.55-.489 1.516q-.186.965-.186 2.475q0 1.52.186 2.48q.185.96.489 1.515q.306.555.7.76c.394.205.531.205.805.205s.544-.068.811-.205s.505-.39.715-.76s.378-.875.505-1.515q.19-.96.19-2.48m14.799 0q0 1.91-.41 3.31t-1.136 2.32c-.726.92-1.057 1.07-1.72 1.37s-1.382.45-2.155.45s-1.488-.15-2.145-.45s-1.225-.757-1.705-1.37q-.718-.92-1.125-2.32q-.405-1.4-.405-3.31c0-1.91.136-2.377.405-3.31q.407-1.4 1.125-2.32q.72-.92 1.705-1.365c.985-.445 1.371-.445 2.145-.445s1.492.148 2.155.445s1.236.752 1.72 1.365s.862 1.387 1.136 2.32q.41 1.4.41 3.31m-3.2 0q0-1.51-.19-2.475c-.19-.965-.295-1.148-.505-1.516q-.315-.55-.715-.755c-.4-.205-.537-.205-.811-.205s-.541.068-.805.205s-.496.389-.7.755q-.304.55-.489 1.516q-.186.965-.186 2.475q0 1.52.186 2.48q.185.96.489 1.515q.306.555.7.76c.394.205.531.205.805.205s.544-.068.811-.205s.505-.39.715-.76s.378-.875.505-1.515q.19-.96.19-2.48"/><circle cx="49.893" cy="50.551" r="29" fill="none" stroke="#fff" stroke-dasharray="6 6" stroke-miterlimit="10" stroke-width="3"/></svg>

How to use the Games icon

React

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

<Icon icon="flat-ui:games" width="24" />

Vue

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

<template>
  <Icon icon="flat-ui:games" width="24" />
</template>

Svelte

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

<Icon icon="flat-ui:games" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--games]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:games"></div>

Web component

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

<iconify-icon icon="flat-ui:games"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/flat-ui/games.svg" alt="Games icon" width="24" height="24">

Games icon in other icon sets

Games icon FAQ

Is the Games icon free for commercial use?

Yes. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Games icon in React?

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

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

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

Browse all Flat UI Icons →