ICONYZ
English
Marbles icon from Game Icons

Marbles icon

game-icons:marbles

The Marbles icon (game-icons:marbles) 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
Tags
marble
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="M168.06 172.176c-67.24 0-121.943 54.7-121.943 121.94S100.82 416.058 168.06 416.058c30.25 0 57.962-11.08 79.3-29.386a120.6 120.6 0 0 1-5.32-19.485c-18.83 19.065-44.995 30.87-73.98 30.87c-22.815 0-43.88-7.312-61-19.716c27.834 4.814 73.39 10.32 98.645.48c11.155-4.346 23.33-14.317 34.578-25.62a123 123 0 0 1-.285-8.263c0-16.365 3.25-31.983 9.123-46.256c-21.226 20.275-49.207 43.894-71.65 51.906c-26.097 9.316-76.967 3.676-96.025 1.09a103.4 103.4 0 0 1-16.593-45.182c17.335-3.294 53.808-10.013 74.972-12.38c28.105-3.143 60.837 10.417 84.705-4.75c14.41-9.16 25.482-38.016 30.31-52.555a103.4 103.4 0 0 1 13.543 30.015a123 123 0 0 1 14.258-14.44c-17.077-46.75-61.993-80.21-114.58-80.21v-.002zm0 18c23.778 0 45.656 7.943 63.147 21.318c-4.465 16.817-14.462 46.984-30.303 54.39c-24.788 11.588-53.316-25.293-79.904-18.825c-23.882 5.807-40.093 27.904-56.88 46.827c.122-57.405 46.505-103.71 103.94-103.71M361.94 241c-7.227 0-14.278.736-21.085 2.13a979 979 0 0 1 4.88 35.89c3.145 26.965 5.8 59.057 3.076 82.04c-1.855 15.656-8.527 35.703-14.693 52.483a644 644 0 0 1-10.996 27.873c11.99 4.814 25.09 7.467 38.82 7.467c6.415 0 12.69-.58 18.777-1.686c4.906-16.186 14.49-50.886 13.226-71.197c-1.047-16.833-19.873-31.586-16-48c5.268-22.31 39.43-47.627 55.56-58.52c-18.62-17.66-43.798-28.48-71.56-28.48h-.004zm-38.495 7.334a103 103 0 0 0-16.123 8.11c.75 17.962 2.2 61.956-.424 88.443c-2.483 25.083-12.448 66.07-15.12 76.814a104 104 0 0 0 15.245 11.556a625 625 0 0 0 10.2-25.92c5.975-16.26 12.268-36.212 13.713-48.397c2.313-19.514.002-51.422-3.08-77.835a974 974 0 0 0-4.41-32.77zm-33.71 21.77C270.158 288.994 258 315.514 258 344.94c0 22.48 7.092 43.264 19.166 60.246c4.123-17.823 10.2-45.726 11.818-62.073c1.874-18.918 1.378-51.442.752-73.01h-.002zm162.052 22.462c-6.606 14.014-16.406 36.63-18.34 51.434c-2.54 19.446 3.155 53.058 6.41 69.813c16.2-18.325 26.026-42.423 26.026-68.872c0-19.114-5.135-37.004-14.096-52.374z"/></svg>

How to use the Marbles icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Marbles icon FAQ

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

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

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

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

Browse all Game Icons →