Gem Pendant icon

game-icons:gem-pendant

The Gem Pendant icon (game-icons:gem-pendant) 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: gempendant

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="M29.018 18.875c-2.63 10.297.047 21.72 8.044 29.72c10.035 10.034 25.46 11.696 37.29 5a605 605 0 0 0 17.357 15.12a30.6 30.6 0 0 0-.522 5.597c0 17.024 14.008 31 31.03 31c4.917 0 9.576-1.17 13.72-3.24a689 689 0 0 0 17.482 11.48a30.7 30.7 0 0 0-.732 6.635c0 17.024 14.008 31 31.03 31c7.577 0 14.55-2.772 19.964-7.345l13.873 8.125a28 28 0 0 0-.414 4.732v38.904L114.07 255.27v160.064l138.284 80.053l138.283-80.053V255.27L286.59 195.037V156.7c0-.983-.067-1.946-.172-2.897c5.393-3.07 10.655-6.08 15.697-8.994c5.226 3.992 11.736 6.377 18.762 6.377c17.023 0 31-13.976 31-31c0-1.867-.176-3.695-.498-5.476a621 621 0 0 0 17.978-12.298c3.97 1.855 8.38 2.9 13.02 2.9c17.023 0 31.03-13.976 31.03-31a30.7 30.7 0 0 0-.553-5.78a912 912 0 0 0 16.318-14.116c11.6 5.714 26.135 3.778 35.736-5.822c7.998-7.998 10.675-19.42 8.045-29.72H452.54c4.018 4.888 3.736 11.916-.85 16.5c-4.887 4.888-12.55 4.89-17.437 0c-4.585-4.585-4.867-11.614-.85-16.5h-20.414c-1.915 7.5-1 15.592 2.72 22.528a890 890 0 0 1-12.034 10.434c-5.575-5.288-13.083-8.555-21.297-8.555c-17.024 0-31.03 14.01-31.03 31.032c0 5.45 1.438 10.583 3.948 15.05a601 601 0 0 1-12.797 8.673c-5.6-5.48-13.24-8.88-21.62-8.88c-17.025 0-31.032 14.01-31.032 31.032c0 3.166.484 6.225 1.383 9.11c-4.23 2.445-8.744 5.028-13.247 7.605a28 28 0 0 0-3.246-2.716c-6.692-4.768-14.72-6.882-22.714-7.014c-7.996-.132-16.15 1.718-22.97 6.504a26 26 0 0 0-2.337 1.85c-4.367-2.573-8.764-5.164-12.947-7.622c.642-2.47.984-5.056.984-7.716c0-17.024-14.007-31.032-31.03-31.032c-7.977 0-15.29 3.075-20.812 8.094a692 692 0 0 1-13.248-8.596a30.66 30.66 0 0 0 3.56-14.34c0-17.025-13.977-31.033-31-31.033c-8.26 0-15.804 3.304-21.388 8.642a586 586 0 0 1-13.79-12.067c3.063-6.575 3.715-14.03 1.94-20.98H68.568c4.018 4.887 3.736 11.915-.85 16.5c-4.887 4.887-12.55 4.888-17.437 0c-4.584-4.586-4.865-11.615-.848-16.5H29.018zm93.2 43.094c6.924 0 12.313 5.42 12.313 12.343s-5.387 12.312-12.31 12.312c-6.926 0-12.345-5.39-12.345-12.313s5.42-12.343 12.344-12.343zm260.157 0c6.924 0 12.344 5.42 12.344 12.343s-5.42 12.312-12.345 12.312c-6.924 0-12.344-5.39-12.344-12.313s5.42-12.343 12.345-12.343zM183.72 107.843c6.922 0 12.343 5.42 12.343 12.344s-5.42 12.312-12.344 12.312c-6.926 0-12.345-5.39-12.345-12.313s5.42-12.343 12.344-12.343zm137.155 0c6.924 0 12.313 5.42 12.313 12.344s-5.39 12.312-12.313 12.312s-12.344-5.39-12.344-12.313s5.42-12.343 12.345-12.343zm-69.164 38.013c4.695.078 9.355 1.536 12.18 3.55c2.826 2.012 4.01 3.805 4.01 7.292v27.52l-15.546-9l-16.526 9.565V156.7c0-4.09 1.258-5.835 3.953-7.725c2.696-1.89 7.237-3.195 11.93-3.118zm-8.122 56.03v32.728l-74.182 43.21l-28.558-16.462zm18.687.67l102.16 59.138l-28.624 16.502l-73.533-42.83zm-9.988 48.62l72.256 42.085l-.002 84.316l-72.253 42.086l-72.256-42.086l.003-84.314l72.254-42.088zm.465 18.33l-56.883 98.15v.724l56.566 32.977L309 368.38v-66.085zm-119.994 8.764l28.586 16.48v84.027l-28.586 16.48V278.272zm239.19.668l-.003 115.648l-28.715-16.553v-82.54zM333.493 393.99l28.414 16.38l-99.63 57.677v-32.574zm-161.77.375l71.864 41.86v32.494l-100.21-58.013l28.345-16.342z"/></svg>

How to use the Gem Pendant icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:gem-pendant"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/gem-pendant.svg" alt="Gem Pendant icon" width="24" height="24">

Related icons in Game Icons

Gem Pendant icon FAQ

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

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

How do I add the Gem Pendant icon to a web page?

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

Browse all Game Icons →