Crystal Shrine アイコン

Q: Crystal Shrine アイコンは商用利用でも無料ですか?

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:crystal-shrine

Crystal Shrine アイコン(game-icons:crystal-shrine)は、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
タグ: crystalshrine

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M116.215 17.404c0 16-16 32-32 32c16 0 32 16 32 32c0-16 16-32 32-32c-16 0-32-16-32-32m64.326 12.87l-23.488 92.062h63.965l27.49-27.49zm228.147 25.958c0 20.214-20.216 40.428-40.43 40.428c20.214 0 40.43 20.214 40.43 40.428c0-20.214 20.213-40.428 40.427-40.428c-20.214 0-40.428-20.214-40.428-40.428zm-150.022 53.913l-23.18 23.18L283.043 311h29.066zm75.232 2.365l16.123 32.281l45.188 33.148l-4.393-53.533zm-18.033 4.181l-26.685 38.121l10 37.586l33.38-42.283zm-160.672 23.645L172.42 206.4l21.988 12.623L239.043 311h25.365l-45.68-170.664zm189.797 23.088l-40.03 50.703L330.737 311h.026l64.08-111.004l-49.852-36.572zm122.352 5.834c0 16-16 32-32 32c16 0 32 16 32 32c0-16 16-32 32-32c-16 0-32-16-32-32m-374.22 12.375l11.308 76.129l48.834-6.356l19.322-24.154l-79.465-45.62zm346.995 53.793l-52.547 13.172L351.547 311h25.77l19.16-19.48zm-255.21 5.244l-17.403 21.75l25.77 48.58h25.761l-34.129-70.33zm-33.84 29.174l-39.005 5.074L148.145 311h24.751zm-91.37 11.396c0 16-16 32-32 32c16 0 32 16 32 32c0-16 16-32 32-32c-16 0-32-16-32-32M137 329v30h238v-30zm32 48v78h16v-78zm34 0v78h106v-78zm124 0v78h16v-78zm-164.758 96l-30.119 16h247.754l-30.12-16H162.243z"/></svg>

Crystal Shrine アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:crystal-shrine"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/crystal-shrine.svg" alt="Crystal Shrine アイコン" width="24" height="24">

Game Icons の関連アイコン

Crystal Shrine アイコンのよくある質問

Crystal Shrine アイコンは商用利用でも無料ですか?

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Crystal Shrine アイコンを使うには?

@iconify/react をインストールして <Icon icon="game-icons:crystal-shrine" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Crystal Shrine アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/crystal-shrine.svg" alt="Crystal Shrine アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Game Icons をすべて見る →