Иконка Panda Face
emojione:panda-face
Иконка Panda Face (emojione:panda-face) — бесплатная SVG-иконка из набора Emoji One (Colored) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Emoji One (Colored)
- Автор
- Emoji One
- Лицензия
- CC-BY-4.0
- Размер
- 64 × 64
- Категория
- Природа
- Теги
- pandaface, panda
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#3e4347" d="M62 14c0 6.6-5.4 12-12 12s-12-5.4-12-12S43.4 2 50 2s12 5.4 12 12"/><circle cx="50" cy="14" r="7.2" fill="#555e63"/><path fill="#3e4347" d="M26 14c0 6.6-5.4 12-12 12S2 20.6 2 14S7.4 2 14 2s12 5.4 12 12"/><circle cx="14" cy="14" r="7.2" fill="#555e63"/><path fill="#d1dbe3" d="M31.9 8C18.7 8 4 17.9 4 36.4c0 7.7 2.5 9 5.3 14.3c7.8 15.1 37.4 15.1 45.2 0c2.8-5.3 5.5-6.6 5.5-14.3C60 17.9 45 8 31.9 8"/><path fill="#e4eef7" d="M19 50.2c0-6.8 8.8-9.4 13-9.4s13 2.6 13 9.4c0 8.6-4.8 10.6-13 10.6c-8.3 0-13-2-13-10.6"/><g fill="#3e4347"><path d="M31 50.1h2v5h-2z"/><path d="M31.9 57c-4.1 0-7.9-1.3-7.9-2.7c0-.2.1-.3.2-.4s.4-.2.6-.2c.3 0 .6.1 1 .3c1 .4 2.9 1.1 6.1 1.1c3.1 0 5-.7 6.1-1.1c.5-.2.8-.3 1-.3c.4 0 .8.2.8.6c0 1.4-3.7 2.7-7.9 2.7M24 49.6c0-2.5 3.5-3 7.9-3s7.9.5 7.9 3c0 2-6.3 2.8-7.9 2.8s-7.9-.8-7.9-2.8m14.2-21.7c3.6-3.6 9.9-3 14.1 1.2s4.7 10.5 1.2 14.1c-7.2 7.2-22.5-8-15.3-15.3"/></g><circle cx="44.7" cy="34.4" r="5" fill="#42ade2"/><g fill="#3e4347"><circle cx="44.7" cy="34.4" r="2.5"/><path d="M11.7 29.1c4.2-4.2 10.5-4.7 14.1-1.2c7.2 7.2-8 22.5-15.3 15.3c-3.6-3.6-3-9.9 1.2-14.1"/></g><circle cx="19.3" cy="34.4" r="5" fill="#42ade2"/><circle cx="19.3" cy="34.4" r="2.5" fill="#3e4347"/></svg>Как использовать иконку Panda Face
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:panda-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:panda-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:panda-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--panda-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:panda-face"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:panda-face"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/emojione/panda-face.svg" alt="Иконка Panda Face" width="24" height="24">Иконка Panda Face в других наборах
Вопросы и ответы: Иконка Panda Face
Можно ли бесплатно использовать иконку Panda Face в коммерческих проектах?
Да. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Panda Face в React?
Установите @iconify/react и выведите <Icon icon="emojione:panda-face" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Panda Face на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione/panda-face.svg" alt="Иконка Panda Face">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.