Three Keys icon

game-icons:three-keys

The Three Keys icon (game-icons:three-keys) 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: threekeys, key

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="M82.875 19.125c-33.954 0-62.5 31.494-62.5 71.844c0 40.348 28.545 71.84 62.5 71.843c28.553 0 53.19-22.276 60.406-53.5l1.657-7.25h133.594v61.313h22.564V134.5h24.78v28.875h47.845v-16.5h-23.064V117.97h23.063v-15.91h30.967V75.78H144.125l-1.906-6.813c-8.274-29.326-31.934-49.845-59.345-49.845zm0 24.063c22.423 0 40.594 21.41 40.594 47.812c0 26.403-18.174 47.78-40.595 47.78S42.28 117.403 42.28 91s18.172-47.813 40.595-47.813zm44.25 138.53c-33.954 0-62.5 31.495-62.5 71.845s28.545 71.84 62.5 71.843c28.553 0 53.16-22.276 60.375-53.5l1.688-7.25H322.78v36.814h26.69v24.5h23.967v-47.66h24.782v47.657h19.75v-61.314h30.936v-26.28h-260.53l-1.907-6.814c-8.274-29.324-31.934-49.843-59.345-49.843zm-23.03 49.47c.366-.02.752 0 1.124 0c11.905 0 21.53 9.625 21.53 21.53c0 11.907-9.625 21.563-21.53 21.563c-11.907 0-21.564-9.655-21.564-21.56c0-11.535 9.047-20.955 20.438-21.532zM182 352.063l-51.844 28.593v81.125l51.47 27.47l56.468-55.375l2.72-2.688H374.28v17.562h40.533v24.78H374.28v19h119.126v-38h-34.812v-24.78h34.812v-24.844H241.062l-2.656-2.375L182 352.064zm-19.22 53.312c8.26 0 14.97 6.68 14.97 14.938c0 8.257-6.71 14.968-14.97 14.968c-8.256 0-14.936-6.71-14.936-14.967s6.68-14.938 14.937-14.938z"/></svg>

How to use the Three Keys icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:three-keys"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/three-keys.svg" alt="Three Keys icon" width="24" height="24">

Related icons in Game Icons

Three Keys icon FAQ

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

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

How do I add the Three Keys icon to a web page?

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

Browse all Game Icons →