Unlocking アイコン
game-icons:unlocking
Unlocking アイコン(game-icons:unlocking)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M78.53 157.188c-23.843 0-43.93 21.364-50.28 50.593c-4.216 5.54-6.75 12.435-6.75 19.876c0 7.506 2.56 14.467 6.844 20.03c6.475 28.963 26.485 50.064 50.187 50.064c24.293 0 44.72-22.173 50.657-52.25H234.97v65.594h19.31v-44.22h18.69v44.22h20.092V286h18.688v25.094h15.125V245.5h17.97v-33.47h-215.19c-5.248-31.382-26.14-54.843-51.124-54.843zm345.91 12.092c-31.78 0-57.813 26.036-57.813 57.814c0 17.65 7.836 33.673 20.47 44.312l-25.22 72.938l-4.28 12.406H490.72l-4.314-12.406l-25.187-72.938c12.63-10.64 20.467-26.662 20.467-44.312c0-31.642-25.47-57.813-57.25-57.813zm0 18.69c21.617 0 38.562 17.372 38.562 39.124c0 14.002-7.057 26.117-17.875 33l-6.22 3.97l2.408 6.967l23.156 67.033H383.81L407 271.03l2.406-6.967l-6.22-3.97c-10.817-6.882-17.873-18.997-17.873-33c0-21.615 17.507-39.124 39.125-39.124zM54.47 213.375c8.003 0 14.313 6.28 14.313 14.28c0 8.003-6.31 14.282-14.31 14.282c-8.003 0-14.282-6.28-14.282-14.28c0-8.003 6.28-14.282 14.28-14.282z"/></svg>Unlocking アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:unlocking" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:unlocking" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:unlocking" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--unlocking]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:unlocking"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:unlocking"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/unlocking.svg" alt="Unlocking アイコン" width="24" height="24">Unlocking アイコン のよくある質問
Unlocking アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Unlocking アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:unlocking" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Unlocking アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/unlocking.svg" alt="Unlocking アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。