Computing icon

game-icons:computing

The Computing icon (game-icons:computing) 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="M83.014 30.53q-22.198.001-33.96 17.6q-11.673 17.513-11.673 50.942q0 33.341 11.675 50.94q11.76 17.51 33.96 17.51q22.197 0 33.872-17.51q11.76-17.599 11.76-50.94q0-33.43-11.76-50.94q-11.675-17.6-33.873-17.6zm230.648 0q-22.2.001-33.96 17.6q-11.675 17.513-11.675 50.942q0 33.341 11.674 50.94q11.764 17.51 33.962 17.51q22.2 0 33.87-17.51q11.765-17.599 11.765-50.94q0-33.43-11.764-50.94q-11.673-17.6-33.87-17.6zm115.324 0q-22.199.001-33.96 17.6q-11.674 17.513-11.674 50.942q0 33.341 11.673 50.94q11.764 17.51 33.96 17.51q22.2 0 33.872-17.51q11.762-17.599 11.762-50.94q0-33.43-11.763-50.94q-11.673-17.6-33.87-17.6zm-236.75 2.39l-31.572 6.367V55.56l31.748-6.367v100.73H163.23v15.036h76.055v-15.036H210.1V32.92zM83.014 44.682q13.884 0 20.783 13.62q6.987 13.53 6.986 40.77q0 27.15-6.986 40.77q-6.9 13.53-20.783 13.53q-13.796 0-20.782-13.53q-6.898-13.62-6.898-40.77q0-27.24 6.898-40.77q6.986-13.62 20.782-13.62m230.648 0q13.886 0 20.783 13.62q6.987 13.53 6.987 40.77q0 27.15-6.987 40.77q-6.897 13.53-20.783 13.53q-13.796 0-20.783-13.53q-6.9-13.62-6.9-40.77q0-27.24 6.9-40.77q6.986-13.62 20.782-13.62zm115.324 0q13.885 0 20.784 13.62q6.986 13.53 6.986 40.77q-.001 27.15-6.986 40.77q-6.9 13.53-20.784 13.53q-13.796 0-20.783-13.53q-6.899-13.62-6.898-40.77q0-27.24 6.898-40.77q6.987-13.62 20.783-13.62M83.014 187.504q-22.198 0-33.96 17.6q-11.673 17.51-11.673 50.94q0 33.342 11.675 50.94q11.76 17.512 33.96 17.512q22.197 0 33.872-17.512q11.76-17.598 11.76-50.94q0-33.43-11.76-50.94q-11.675-17.6-33.873-17.6zm115.324 0q-22.2 0-33.96 17.6q-11.675 17.51-11.675 50.94q-.001 33.342 11.674 50.94q11.762 17.512 33.96 17.512q22.199 0 33.874-17.512q11.763-17.598 11.763-50.94q0-33.43-11.762-50.94q-11.673-17.6-33.872-17.6zm109.223 2.39l-31.574 6.366v16.273l31.75-6.37v100.733h-29.183v15.036h76.056v-15.036h-29.186V189.893H307.56zm115.323 0l-31.572 6.366v16.273l31.75-6.37v100.733h-29.185v15.036h76.057v-15.036H440.75V189.893h-17.865zm-339.87 11.76q13.886 0 20.784 13.62q6.987 13.532 6.986 40.77q0 27.15-6.986 40.77q-6.9 13.531-20.783 13.532q-13.796 0-20.782-13.532q-6.897-13.62-6.898-40.77q0-27.239 6.898-40.77q6.986-13.62 20.782-13.62zm115.325 0q13.884 0 20.783 13.62q6.988 13.532 6.987 40.77q0 27.15-6.986 40.77q-6.898 13.531-20.782 13.532q-13.797 0-20.783-13.532q-6.9-13.62-6.9-40.77q0-27.239 6.9-40.77q6.986-13.62 20.783-13.62zm0 142.823q-22.2 0-33.96 17.6q-11.675 17.509-11.675 50.94q-.001 33.34 11.674 50.94q11.762 17.511 33.96 17.512q22.199-.002 33.874-17.513q11.763-17.6 11.763-50.94q0-33.431-11.762-50.94q-11.673-17.6-33.872-17.6zm115.324 0q-22.2 0-33.96 17.6q-11.675 17.509-11.675 50.94q0 33.34 11.674 50.94q11.764 17.511 33.962 17.512q22.2-.002 33.87-17.513q11.765-17.6 11.765-50.94q0-33.431-11.764-50.94q-11.673-17.6-33.87-17.6zm-236.75 2.388l-31.572 6.367v16.272l31.75-6.367V463.87H47.904v15.03h76.057v-15.03H94.778V346.864H76.912zm345.97 0l-31.57 6.367v16.272l31.75-6.367V463.87h-29.187v15.03h76.057v-15.03h-29.184V346.864h-17.865zM198.34 358.627q13.884 0 20.783 13.62q6.988 13.53 6.987 40.77q0 27.15-6.986 40.77q-6.898 13.53-20.782 13.53q-13.797 0-20.783-13.53q-6.9-13.62-6.9-40.77q0-27.24 6.9-40.77q6.986-13.62 20.783-13.62zm115.324 0q13.886 0 20.783 13.62q6.987 13.53 6.987 40.77q0 27.15-6.987 40.77q-6.897 13.53-20.783 13.53q-13.796 0-20.783-13.53q-6.9-13.62-6.9-40.77q0-27.24 6.9-40.77q6.986-13.62 20.782-13.62z"/></svg>

How to use the Computing icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Computing icon in other icon sets

Computing icon FAQ

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

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

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

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

Browse all Game Icons →