Grass アイコン

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

はい。andrsrxn/icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

andrsrxn:grass

Grass アイコン(andrsrxn:grass)は、andrsrxn/icons セットの無料 SVG アイコンです（作者: Andrés Raxón）。 24 × 24 のグリッドで描かれています。 andrsrxn/icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: andrsrxn/icons
作者: Andrés Raxón
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: 自然

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M6.1 3.84c.8 4.8 1.46 12.08 1.46 12.08l.6 4.33c.05.45.08.68.25.82s.4.13.86.13h3.37c.34 0 .51 0 .64-.09c.12-.08.16-.24.25-.55l2.85-10.42l1.47-4.56c.12-.36.18-.54.1-.71s-.25-.27-.62-.48l-.1-.07c-.35-.2-.53-.3-.7-.28c-.18.02-.3.15-.55.4l-2.9 3c-.42.43-.63.65-.88.61c-.26-.03-.45-.31-.84-.88a13 13 0 0 0-2.01-2.35c-1.73-1.44-2.6-1.58-3.01-1.5c-.06 0-.08.01-.18.16s-.1.21-.07.36" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M1.7 21h20.6m-19.12-.27s.33-2.82 0-5.44q-.16-1.14-.4-2.18c-.36-1.48-.53-2.21.1-2.6c.62-.37 1.07.03 1.98.82c.72.64 1.45 1.5 2.04 2.68c1.33 2.64 1.33 6.46 1.33 6.46m12.26.26s-.41-3.53 0-6.81c.16-1.28.44-2.53.73-3.62c.4-1.5.61-2.24.03-2.64c-.59-.4-1.1-.02-2.15.73a11 11 0 0 0-3.27 3.92c-1.66 3.31-1.66 8.1-1.66 8.1M12.08 8.25A11 11 0 0 0 8.5 4.03c-1.07-.75-1.6-1.12-2.17-.72c-.58.4-.37 1.16.04 2.66a25 25 0 0 1 .94 8.7"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.72 10.75c.19-1.5.54-3.01.89-4.3c.4-1.43.59-2.15 0-2.55c-.58-.4-1.1-.03-2.11.71c-1.23.9-2.65 2.3-3.91 4.44c-3.1 5.25-3.37 11.02-3.37 11.02"/></g></svg>

Grass アイコンの使い方

React

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

<Icon icon="andrsrxn:grass" width="24" />

Vue

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

<template>
  <Icon icon="andrsrxn:grass" width="24" />
</template>

Svelte

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

<Icon icon="andrsrxn:grass" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="andrsrxn:grass"></iconify-icon>

HTML 画像

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

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

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

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

はい。andrsrxn/icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

andrsrxn/icons をすべて見る →