ICONYZ
日本語
Game Icons の Shiny Iris アイコン

Shiny Iris アイコン

game-icons:shiny-iris

Shiny Iris アイコン(game-icons:shiny-iris)は、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
タグ
shinyiris
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M319.594 23.78C285.57 102.98 230.09 105.943 196.28 27c9.09 86.328-40.002 112.372-111.936 53.906c59.824 74.383 33.49 125.818-61.375 110.563c88.44 34.29 91.354 88.99 3.25 123.28c91.354-13.02 122.018 37.044 63.5 110c72.41-56.59 120.465-32.077 106.28 60.22c34.45-84.274 92.673-84.58 126.406 2.124h.03c-14.52-93.742 32-123.784 105.752-64.625c-53.336-70.54-29.74-120.928 58.656-109c-79.212-34.028-80.658-86.815-1.688-120.626c-84.74 9.05-112.955-39.317-59.25-108.844c-70.53 53.332-118.236 28.174-106.312-60.22zm-62.53 83.407c6.958 54.2 39.187 61.556 72.467 18.813c-20.754 49.66 3.604 73.79 52.314 55c-41.37 32.53-32.145 63.55 20.125 71.125c-54.204 6.96-60.185 40.495-17.44 73.78c-53.022-23.31-75.77 1.865-52.31 55.033c-33.712-45.958-68.134-36.552-75.158 18.78c-6.24-56.87-38.558-63.75-72.437-18.78c23.062-52.452-3.034-77.223-55.03-55.032c46.7-34.262 36.306-66.17-21.47-72.437c58.557-6.017 65.977-40.628 18.78-75.157c51.84 23.19 76.788-.01 57.72-49.657c32.526 41.354 64.863 30.792 72.438-21.47zm-2.658 62.344c-27.606.87-54.11 15.568-68.97 41.22c-22.86 39.467-9.368 89.608 30.25 112.406c39.62 22.8 90.015 9.342 112.876-30.125a82.8 82.8 0 0 0 7.72-17.842c-12.425 22.18-36.144 37.187-63.376 37.187c-40.098 0-72.594-32.527-72.594-72.625c0-33.697 22.967-62.032 54.094-70.22zm27.72 15.5c-24.26 0-43.907 19.648-43.907 43.907c0 24.26 19.646 43.938 43.905 43.938c24.26 0 43.938-19.678 43.938-43.938s-19.68-43.906-43.938-43.906z"/></svg>

Shiny Iris アイコンの使い方

React

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

<Icon icon="game-icons:shiny-iris" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:shiny-iris" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:shiny-iris" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:shiny-iris"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/shiny-iris.svg" alt="Shiny Iris アイコン" width="24" height="24">

Game Icons の関連アイコン

Shiny Iris アイコン のよくある質問

Shiny Iris アイコンは商用利用でも無料ですか?

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

React で Shiny Iris アイコンを使うには?

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

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

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

Game Icons をすべて見る →