Иконка Wind Face
twemoji:wind-face
Иконка Wind Face (twemoji:wind-face) — бесплатная SVG-иконка из набора Twitter Emoji от Twitter. Она нарисована на сетке 36 × 36. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Twitter Emoji
- Автор
- Twitter
- Лицензия
- CC-BY-4.0
- Размер
- 36 × 36
- Категория
- Путешествия и места
- Теги
- windface
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><g fill="#bbddf5"><path d="M33.052 20.252c0 1.783-1.431 3.227-3.197 3.227s-3.197-1.444-3.197-3.227s1.431-3.229 3.197-3.229s3.197 1.447 3.197 3.229"/><path d="M35.833 22.565a2.78 2.78 0 1 1-5.562 0a2.78 2.78 0 0 1 5.562 0"/><path d="M34.595 27.072a3.188 3.188 0 1 1-6.375 0a3.188 3.188 0 0 1 6.375 0"/><path d="M30.271 27.288c0 .879-.996 1.592-2.225 1.592s-2.224-.713-2.224-1.592c0-.878.995-1.591 2.224-1.591s2.225.713 2.225 1.591m-1.248-5.777s-2.968.951-5.789.504c2.479 1.871 6.845.998 6.845.998z"/><path d="M29.221 23.335c-.087.021-3.002.551-7.037.145c1.222 1.227 6.482 1.358 7.438 1.033c.953-.325-.401-1.178-.401-1.178m.686 4s-2.422-1.123-6.673-1.988c2.896-.836 7.366.2 7.824.865c.46.665-1.151 1.123-1.151 1.123"/><path d="M32.463 24.292c0 2.275-.999 4.12-2.232 4.12s-2.233-1.845-2.233-4.12c0-2.277 1-4.122 2.233-4.122s2.232 1.845 2.232 4.122"/></g><path fill="#ccd6dd" d="M1.902 8.125s2.803 2.014 5.365.19c4.217-3.002 8.742-3.165 11.14-1.889c2.686 1.427 4.563 4.921 3.104 7.544c-1.792 3.231-.551 4.065.6 4.608c1.186.562-.338 1.859-1.008 2.018c-.668.16.297 1.501 1.039 1.501c-.232.925-.643 1.349-1.05 1.539c.612.353.868 1.495.484 1.578c-.813.176-1.491.524-1.771 1.156c-1.684 3.818-3.475-1.509-7.986 1.268c-4.897 3.013-9.855-2.424-7.299-6.395c-3.307-.658-4.104-4.176-1.807-6.057c-2.561-1.374-3.186-5.624-.811-7.061"/><path fill="#99aab5" d="M1.636 16.646s-1.492 3.71 2.886 4.598c3.52.714 5.645-1.911 5.645-1.911s-2.795 1.831-5.75.645c-2.955-1.187-2.781-3.332-2.781-3.332m.266-8.521S.042 9 .208 11.625S2.375 15.916 4.75 15c-3.708-.458-5.25-4.542-2.848-6.875"/><path fill="#99aab5" d="M4.522 21.244s-1.853 2.135 0 5.133s5.027 2.225 5.826 1.923c-5.139.772-6.749-5.232-4.569-6.933s-1.257-.123-1.257-.123m17.621.854s-.471.871-1.674.934c-.542.028.071.671.624.605c.433-.051.781-.441 1.05-1.539m-.483 3.063c.164-.142-.535-.54-1.129-.304s-.777 1.994-1.443 2.623c1.084-1.121.798-1.591 1.678-1.941c.467-.186.726-.232.894-.378m.885-5.994s.006 1.048-1.613 1.534s-.94-.508-.088-.576c1.468-.117 1.699-.96 1.701-.958m-2.378-1.708s.097-.722-.13-1.266c-.167-.402-.037.572-.949 1.022c-.985.486-2.072.534-2.072.534s1.968.845 3.151-.29m1.852-5.427s.325 3.562-3.675 3.718s-7.469-3.718-7.469-3.718s3.719 3.25 7.5 2.968c3.781-.281 3.644-2.968 3.644-2.968"/><path fill="#99aab5" d="M16.792 15.254s-1.417 2.454-5.5 2.496s-4.458-3.541-4.458-3.541s.955 3.404 5.25 2.883c2.917-.354 3.708-2.133 3.708-2.133z"/></svg>
Как использовать иконку Wind Face
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:wind-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:wind-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:wind-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--wind-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:wind-face"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:wind-face"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/twemoji/wind-face.svg" alt="Иконка Wind Face" width="24" height="24">
Похожие иконки в наборе Twitter Emoji
Иконка Wind Face в других наборах
Вопросы и ответы: Иконка Wind Face
Можно ли бесплатно использовать иконку Wind Face в коммерческих проектах?
Да. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Wind Face в React?
Установите @iconify/react и выведите <Icon icon="twemoji:wind-face" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Wind Face на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/twemoji/wind-face.svg" alt="Иконка Wind Face">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Twitter Emoji →
ICONYZ
