Иконка Zany Face
twemoji:zany-face
Иконка Zany Face (twemoji:zany-face) — бесплатная SVG-иконка из набора Twitter Emoji от Twitter. Она нарисована на сетке 36 × 36. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Twitter Emoji
- Автор
- Лицензия
- CC-BY-4.0
- Размер
- 36 × 36
- Категория
- Смайлы и эмоции
- Теги
- zanyface
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffcb4c" d="M35.597 14.232c2.083 9.72-4.108 19.289-13.828 21.372S2.48 31.496.397 21.776S4.506 2.487 14.225.404c9.72-2.084 19.289 4.108 21.372 13.828"/><path fill="#f4f7f9" d="M29.284 9.012a6.734 6.734 0 1 1-13.169 2.821a6.734 6.734 0 0 1 13.169-2.821"/><circle cx="22.306" cy="9.291" r="2.037" fill="#292f33"/><path fill="#f4f7f9" d="M14.088 14.282a3.938 3.938 0 1 1-7.7 1.65a3.938 3.938 0 0 1 7.7-1.65"/><circle cx="10.238" cy="15.857" r="1.942" fill="#292f33" transform="rotate(-12.095 10.236 15.853)"/><path fill="#65471b" d="M18.625 20.937c-3.543.759-5.981.85-9.01.908c-.691.015-1.955.419-1.536 2.375c.838 3.911 6.379 7.837 12.642 6.495c6.262-1.342 9.708-7.194 8.87-11.105c-.419-1.956-1.739-1.808-2.375-1.536c-2.786 1.187-5.048 2.104-8.591 2.863"/><path fill="#e8596e" d="M11 24.004v6c0 3 2 6 6 6s6-3 6-6v-6z"/><path fill="#dd2f45" d="M17 31.883a.545.545 0 0 0 .545-.545v-6.295h-1.091v6.295a.546.546 0 0 0 .546.545"/><path fill="#fff" d="M10.034 23.801s3.143.349 9.01-.908s8.591-2.864 8.591-2.864s-1.117 4.33-7.962 5.797s-9.639-2.025-9.639-2.025"/></svg>Как использовать иконку Zany Face
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:zany-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:zany-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:zany-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--zany-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:zany-face"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:zany-face"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/twemoji/zany-face.svg" alt="Иконка Zany Face" width="24" height="24">Иконка Zany Face в других наборах
Вопросы и ответы: Иконка Zany Face
Можно ли бесплатно использовать иконку Zany Face в коммерческих проектах?
Да. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Zany Face в React?
Установите @iconify/react и выведите <Icon icon="twemoji:zany-face" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Zany Face на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/twemoji/zany-face.svg" alt="Иконка Zany Face">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.