Abstract 030 icon

game-icons:abstract-030

The Abstract 030 icon (game-icons:abstract-030) 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="M210.287 21C114.731 39.49 39.47 114.756 21 210.347h163.1c25.324 0 45.639 20.172 45.639 45.503s-20.315 45.803-45.638 45.803H21C39.47 397.244 114.731 472.51 210.287 491V327.847c0-25.33 20.315-45.653 45.638-45.653s45.788 20.322 45.788 45.653V491C397.268 472.51 472.53 397.244 491 301.653H328.049c-25.323 0-45.788-20.472-45.788-45.803s20.465-45.503 45.788-45.503H491C472.53 114.756 397.269 39.49 301.713 21v162.853c0 25.331-20.465 45.803-45.788 45.803s-45.638-20.472-45.638-45.803z"/></svg>

How to use the Abstract 030 icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:abstract-030"></iconify-icon>

HTML image

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

Related icons in Game Icons

Abstract 030 icon FAQ

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

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

How do I add the Abstract 030 icon to a web page?

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

Browse all Game Icons →