Keyring icon

game-icons:keyring

The Keyring icon (game-icons:keyring) 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="M273.764 23.62c-66.823 0-121.229 54.116-121.229 120.689c0 29.28 10.528 56.147 28.004 77.064a87 87 0 0 0-1.723 4.336c-3.952 10.807-5.462 21.415-4.386 30.719c.718 6.21 2.773 12.468 6.851 16.965L135.598 398.31l-47.672-18.782l-6.598 16.748l48.084 18.942l-6.656 18.203l-35.404-13.35L81 436.916q26.209 9.879 52.416 19.762c21.79-59.28 44.967-122.985 64.79-177.157c6.027-.835 11.645-4.313 16.206-8.61c4.434-4.179 8.385-9.48 11.695-15.636a120.6 120.6 0 0 0 20.153 6.588c.63 9.197 2.754 17.572 6.236 24.502c2.81 5.592 6.893 10.773 12.268 13.61v95.947h-56.116v18h56.116v19.228h-37.41v18h37.41v19.23h-56.116v18h74.116V299.976c5.375-2.837 9.458-8.018 12.267-13.61c3.482-6.93 5.606-15.305 6.237-24.502a120.6 120.6 0 0 0 20.152-6.588c3.31 6.156 7.261 11.457 11.695 15.635c4.561 4.298 10.178 7.777 16.207 8.611l32.867 89.87l-34.746 11.23l5.536 17.127q17.698-5.719 35.396-11.441l6.686 18.279l-58.436 20.453l5.947 16.99q29.336-10.271 58.672-20.539l6.64 18.16l-17.798 6.422l6.11 16.932q17.403-6.276 34.804-12.557c-21.677-59.615-44.958-122.945-64.754-177.054c4.078-4.496 6.134-10.755 6.852-16.965c1.076-9.304-.435-19.912-4.387-30.719a87 87 0 0 0-1.723-4.336c17.476-20.917 28.004-47.785 28.004-77.064c0-66.573-54.405-120.69-121.228-120.69m0 18c57.141 0 103.228 45.89 103.228 102.689c0 22.64-7.33 43.544-19.758 60.503a53.5 53.5 0 0 0-5.004-5.443c-6.833-6.439-16.033-11.076-25.443-7.668s-13.465 12.849-14.54 22.153c-.879 7.592-.032 16.053 2.456 24.783a103 103 0 0 1-14.166 4.884c-1.023-6.606-2.878-12.657-5.506-17.886c-4.21-8.379-11.262-15.865-21.267-15.865c-10.006 0-17.059 7.486-21.268 15.865c-2.627 5.23-4.482 11.28-5.506 17.886a103 103 0 0 1-14.166-4.886c2.488-8.729 3.333-17.19 2.455-24.781c-1.076-9.304-5.129-18.744-14.539-22.153s-18.61 1.23-25.443 7.668a53.5 53.5 0 0 0-5.004 5.443c-12.428-16.959-19.758-37.862-19.758-60.503c0-56.798 46.087-102.69 103.229-102.69zm-59.527 167.02c.617.075 2.49 1.653 3.144 7.315c.428 3.7.152 8.54-.947 13.82a103.3 103.3 0 0 1-13.961-11.12c1.716-2.506 3.485-4.63 5.177-6.225c3.64-3.43 5.97-3.866 6.587-3.79m125.64 3.79c1.693 1.595 3.461 3.719 5.178 6.224a103.3 103.3 0 0 1-13.961 11.121c-1.1-5.28-1.375-10.12-.948-13.82c.655-5.662 2.525-7.24 3.143-7.316s2.949.362 6.588 3.79zm-66.113 15.34c.324 0 2.623.848 5.183 5.945c1.631 3.247 3.012 7.732 3.805 12.896a106 106 0 0 1-8.988.389c-3.03 0-6.026-.136-8.989-.389c.793-5.164 2.174-9.65 3.805-12.896c2.56-5.097 4.86-5.945 5.184-5.945m-79.246 7.802a122 122 0 0 0 15.58 11.399c-2.527 4.608-5.38 8.37-8.04 10.877c-4.154 3.914-6.604 3.931-6.907 3.822s-2.169-1.689-2.823-7.346c-.558-4.829.066-11.587 2.19-18.752m158.492 0c2.123 7.165 2.746 13.923 2.187 18.752c-.654 5.657-2.52 7.237-2.822 7.346c-.302.11-2.754.092-6.908-3.822c-2.66-2.506-5.51-6.27-8.037-10.877a122 122 0 0 0 15.58-11.399m-88.33 29.09c3 .222 6.028.338 9.084.338s6.084-.116 9.084-.338c-.771 5.467-2.195 10.227-3.9 13.623c-2.561 5.097-4.86 5.945-5.184 5.945c-.325 0-2.623-.848-5.184-5.945c-1.706-3.396-3.13-8.156-3.9-13.623"/></svg>

How to use the Keyring icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Keyring icon FAQ

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

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

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

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

Browse all Game Icons →