Иконка Emoji Nature

material-symbols-light:emoji-nature

Иконка Emoji Nature (material-symbols-light:emoji-nature) — бесплатная SVG-иконка из набора Material Symbols Light от 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>

Веб-компонент

<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">

Иконка Emoji Nature в других наборах

Вопросы и ответы: Иконка Emoji Nature

Можно ли бесплатно использовать иконку Emoji Nature в коммерческих проектах?

Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Emoji Nature в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Material Symbols Light →