Иконка Three Keys

game-icons:three-keys

Иконка Three Keys (game-icons:three-keys) — бесплатная SVG-иконка из набора Game Icons от GameIcons. Она нарисована на сетке 512 × 512. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Game Icons
Автор: GameIcons
Лицензия: CC-BY-3.0
Размер: 512 × 512
Теги: threekeys, key

Скачать SVG

Код SVG

<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>

Как использовать иконку Three Keys

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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Three Keys

Можно ли бесплатно использовать иконку Three Keys в коммерческих проектах?

Да. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Three Keys в React?

Установите @iconify/react и выведите <Icon icon="game-icons:three-keys" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Three Keys на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/game-icons/three-keys.svg" alt="Иконка Three Keys">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Game Icons →