Emoji Nature アイコン

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

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

material-symbols-light:emoji-nature

Emoji Nature アイコン(material-symbols-light:emoji-nature)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Material Symbols Light
作者: Google
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: ソーシャル
タグ: animal、bee、bug、daisy、emoji、flower、insect、ladybug、nature、petals、spring、summer、social、emojinature、emoji nature sharp

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m18 8.462l-1.03.93q-.236.23-.566.23t-.623-.18q-.235-.16-.322-.46q-.086-.3.025-.678l.477-1.558l-1.08-.654q-.285-.167-.4-.467t-.046-.61q.067-.29.336-.46t.629-.17h1.308l.377-1.258q.092-.321.349-.532q.257-.21.566-.21t.566.21t.35.532l.376 1.258H20.6q.34 0 .607.17t.359.46q.117.316.009.626q-.108.309-.367.451l-1.17.654l.478 1.52q.111.359.034.681t-.33.495q-.28.198-.617.189t-.572-.239zm.655-1.692q.268-.268.268-.655q0-.386-.268-.655T18 5.192t-.655.269t-.268.655q0 .386.268.654t.655.27t.655-.269m-5.817 10.976q.46 1.193-.326 2.223T10.346 21q-.671 0-1.255-.387q-.583-.386-.914-1.048q-1.594.07-2.697-1.024q-1.103-1.093-1.046-2.68q-.673-.309-1.053-.96T3 13.435q0-1.295 1.157-2.001t2.405-.195l1.319.534q.327-.91 1.085-1.484q.757-.573 1.707-.623V7.653h.885V9.71q1.079.122 1.842.882t.939 1.926h2.045v.885h-2.011q-.05.93-.638 1.688t-1.496 1.104zM6.135 15.17q.915 0 1.816-.335q.901-.334 1.991-1.088L6.29 12.188q-.841-.357-1.565.042T4 13.458q0 .746.598 1.228q.598.483 1.537.483M10.346 20q.837 0 1.34-.601t.226-1.287l-1.543-3.939q-.782 1.03-1.16 1.956t-.378 1.786q0 .922.422 1.503q.422.582 1.093.582m1.516-4.742q.673-.289 1.092-.884t.419-1.315q0-.992-.679-1.696t-1.665-.704q-.777 0-1.379.42t-.82 1.098l2.182.938z"/></svg>

Emoji Nature アイコンの使い方

React

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

<Icon icon="material-symbols-light:emoji-nature" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:emoji-nature" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:emoji-nature" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--emoji-nature]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:emoji-nature"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:emoji-nature"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/emoji-nature.svg" alt="Emoji Nature アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Emoji Nature アイコン

Emoji Nature アイコンのよくある質問

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

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

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

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

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

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

Material Symbols Light アイコンをすべて見る →