Topaz icon
game-icons:topaz
The Topaz icon (game-icons:topaz) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M430.516 311.484a174.516 174.516 0 0 1-349.032 0C81.484 158.019 256 26 256 26s174.516 132.02 174.516 285.484m-52.264 0c0-35.326-12.532-73.833-37.27-114.452c-22.985-37.754-51.972-69.798-72.236-90.029L256 94.303l-12.7 12.734c-20.232 20.231-49.061 52.264-72.08 89.984c-24.884 40.788-37.495 79.294-37.495 114.463a122.264 122.264 0 0 0 244.527 0m-17.983 0a104.275 104.275 0 0 1-208.55 0c0-70.81 58.21-145.518 104.326-191.746c46.588 46.498 104.224 120.645 104.224 191.746M256.067 144.015c-33.257 35.63-87.488 103.561-87.488 167.469A87.51 87.51 0 0 0 256 398.894c-157.724-92.513-1.9-234.31.079-254.901z"/></svg>How to use the Topaz icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:topaz" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:topaz" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:topaz" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--topaz]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:topaz"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:topaz"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/topaz.svg" alt="Topaz icon" width="24" height="24">Topaz icon FAQ
Is the Topaz 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 Topaz icon in React?
Install @iconify/react and render <Icon icon="game-icons:topaz" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Topaz icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/topaz.svg" alt="Topaz icon">, or paste the SVG code inline to style it with CSS.