Grass アイコン

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

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

game-icons:grass

Grass アイコン(game-icons:grass)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m18 494l36.35-330.4c6.728 107.62 4.086 231.82 35.556 295.67c11.205-84.926 15.707-168.18 10.562-249.01c15.225 71.69 35.543 141.68 39.468 217.14c7.395-55.935 12.667-111.52 31.798-169.41c-.76 65.19-17.16 124.9 12.677 157.47c14.433-51.01 28.992-101.9 31.46-164.88c21.27 61.862 18.342 135.82 24.948 205.02c8.417-68.06 15.28-257.84 46.907-318.17c-3.11 124.98-3.862 223.94 27.398 274.23c30.897-38.673 33.566-114.44 34.28-186.34c21.812 61.75 36.457 132.1 37.857 218.34c8.626-71.955 18.667-143.91 43.39-215.86c-5.748 88.29-1.284 156.95 19.525 194.17c13.76-55.55 25.504-111.1 29.12-166.66c18.42 82.78 13 159.59 16.706 238.69z"/></svg>

Grass アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:grass"></iconify-icon>

HTML 画像

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

Game Icons の関連アイコン

他のアイコンセットの Grass アイコン

Grass アイコンのよくある質問

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

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

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

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

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

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

Game Icons をすべて見る →