Videogame icon

fxemoji:videogame

The Videogame icon (fxemoji:videogame) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 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: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Objects

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#597B91" d="M257.168 163.238c-5.618 0-10.173-4.555-10.173-10.173c0-36.498 20.813-54.804 39.177-70.956c15.669-13.782 29.201-25.685 29.201-47.741c0-5.618 4.555-10.173 10.173-10.173s10.173 4.555 10.173 10.173c0 31.256-19.185 48.13-36.11 63.018c-17.314 15.229-32.268 28.382-32.268 55.679c0 5.619-4.555 10.173-10.173 10.173"/><path fill="#2B3B47" d="M487.031 215.601c-1.038-2.478-2.052-4.918-3.062-7.316c-10.319-37.751-44.857-65.502-85.881-65.502H114.513c-39.032 0-72.195 25.122-84.211 60.076c-1.797 4.109-3.554 8.368-5.387 12.742C-3.73 283.83 1.682 343.923 1.682 426.005c0 52.011 63.792 64.463 90.32 23.754c7.449-11.431 34.763-49.337 61.616-90.604a57 57 0 0 0 26.98 6.75c47.125 0 47.557-37.37 77.9-37.37c.84 0 1.565-.069 2.211-.184c.646.115 1.37.184 2.211.184c30.344 0 30.776 37.37 77.9 37.37c7.1 0 13.894-1.301 20.168-3.663c26.411 40.058 52.749 76.372 60.012 87.517c26.528 40.708 90.32 26.888 90.32-23.754c.001-82.082 4.356-142.175-24.289-210.404"/><path fill="#132028" d="M470.697 234.687c0 40.842-33.109 73.952-73.952 73.952s-73.952-33.109-73.952-73.952s33.109-73.952 73.952-73.952s73.952 33.109 73.952 73.952M119.79 160.735c-40.842 0-73.952 33.109-73.952 73.952s33.109 73.952 73.952 73.952s73.952-33.109 73.952-73.952s-33.11-73.952-73.952-73.952"/><circle cx="398.088" cy="272.234" r="19.664" fill="#00B1FF"/><circle cx="398.088" cy="198.592" r="19.664" fill="#FFB636"/><circle cx="361.267" cy="235.413" r="19.664" fill="#FF473E"/><circle cx="434.909" cy="235.413" r="19.664" fill="#00B89C"/><path fill="#597B91" d="M240.064 269.17h-24.595a7.694 7.694 0 0 1 0-15.388h24.595a7.694 7.694 0 0 1 0 15.388m71.367-7.694a7.694 7.694 0 0 0-7.694-7.694h-24.595a7.694 7.694 0 0 0 0 15.388h24.595a7.695 7.695 0 0 0 7.694-7.694m-130.64 12.956c-18.891 0-34.206 15.314-34.206 34.206c0 18.891 15.315 34.206 34.206 34.206s34.206-15.315 34.206-34.206c-.001-18.891-15.315-34.206-34.206-34.206m152.755 0c-18.891 0-34.206 15.314-34.206 34.206c0 18.891 15.315 34.206 34.206 34.206s34.206-15.315 34.206-34.206s-15.314-34.206-34.206-34.206M92.079 216.955H65.427c-3.104 0-5.62 3.406-5.62 7.608v18.704c0 4.202 2.516 7.608 5.62 7.608h26.652c1.362 0 2.678-.67 3.703-1.884l7.89-9.352c2.557-3.031 2.557-8.417 0-11.447l-7.89-9.352c-1.026-1.215-2.341-1.885-3.703-1.885m44.671-8.823V181.48c0-3.104-3.406-5.62-7.608-5.62h-18.704c-4.202 0-7.608 2.516-7.608 5.62v26.652c0 1.362.67 2.678 1.884 3.703l9.352 7.89c3.031 2.557 8.417 2.557 11.447 0l9.352-7.89c1.215-1.025 1.885-2.341 1.885-3.703m10.751 44.286h26.652c3.104 0 5.62-3.406 5.62-7.608v-18.704c0-4.202-2.516-7.608-5.62-7.608h-26.652c-1.362 0-2.678.67-3.703 1.884l-7.891 9.352c-2.557 3.031-2.557 8.417 0 11.447l7.891 9.352c1.025 1.215 2.341 1.885 3.703 1.885m-44.671 8.823v26.652c0 3.104 3.406 5.62 7.608 5.62h18.704c4.202 0 7.608-2.516 7.608-5.62v-26.652c0-1.362-.67-2.678-1.884-3.703l-9.352-7.89c-3.031-2.557-8.417-2.557-11.447 0l-9.352 7.89c-1.216 1.026-1.885 2.341-1.885 3.703"/></svg>

How to use the Videogame icon

React

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

<Icon icon="fxemoji:videogame" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:videogame" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:videogame" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--videogame]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="fxemoji:videogame"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/videogame.svg" alt="Videogame icon" width="24" height="24">

Videogame icon in other icon sets

Videogame icon FAQ

Is the Videogame icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Videogame icon in React?

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

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

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

Browse all Firefox OS Emoji icons →