Three Keys アイコン
game-icons:three-keys
Three Keys アイコン(game-icons:three-keys)は、Game Icons セットの無料 SVG アイコンです（作者: 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 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>Web コンポーネント
<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">Game Icons の関連アイコン
Three Keys アイコン のよくある質問
Three Keys アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Three Keys アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。