Иконка Wind Face
emojione:wind-face
Иконка Wind Face (emojione:wind-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
- Категория
- Природа
- Теги
- windface
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#c8d2da" d="M23.3 53L2 37.5V62c2.2-6.5 21.3-9 21.3-9"/><path fill="#e4eef7" d="M18.8 51.9c-8.9-5.1-10.5-16-10.5-16s-1.4-5.8 5.8-16.2c4-5.7 15.9-10 17.5-5.7c3.3 9 0 12 1.4 14.2c1.7 2.7 2.9 3.6 3.8 4.2c.7.4 1.1 1 1.1 2.1c-.1 1.6-2.8 1.9-2.9 2.3c-.2 1.2.6 1.7 2 2.6c1.3.9-1.1 1.9-.6 4.8c.5 3 .7 4.1.7 4.1c-1.1.9-3.4.9-3.1 2.7c.6 4.2-4.6 7-15.2.9"/><path fill="#91999f" d="M34.6 42.7c.6-.4 1.2-.9 1.7-1.4c.4-.5.8-1.1.4-2.2c.4.1.8.6 1 1.2s0 1.4-.2 1.9s-.5 1-.8 1.4c.3.4.7.9.8 1.5c.2.6.2 1.2.1 1.7s-.2 1-.4 1.5c-.4-1-.6-1.9-1-2.4l-.6-.6q-.3-.3-.9-.6l-1.6-1z"/><path fill="#adb5bc" d="M31.2 30c-4.1 3.1-7.5-.2-7.5-.2c3.6.9 7.5.2 7.5.2"/><path fill="#c8d2da" d="M30.5 39.4c.5.5.9 1.2 1.1 1.9c.3.7.5 1.5.6 2.3s0 1.7-.2 2.5s-.6 1.5-1.1 2c.2-.8.3-1.5.4-2.2v-2.2c-.1-1.4-.4-2.8-.8-4.3"/><path fill="#91999f" d="M27.6 21.3c-3.2 0-6.4 3.1-6.4 3.1c6.9-3.4 11.7 0 11.7 0c-.5-.8-2.8-3.1-5.3-3.1m-11.9 1.6s-6.3 21.5 0 39.1H11s-6.8-19.5.8-39.7z"/><path fill="#adb5bc" d="M11.9 22.8s-6.3 21.6 0 39.2H7.3s-6.8-19.6.8-39.8z"/><path fill="#91999f" d="M8.2 22.9S1.9 44.4 8.2 62H2V37.5z"/><path fill="#c8d2da" d="M19.5 4.4s3.5-1.1 5.2-.1c11.2 6.5 5.8 7.5 1.9 5.9c-2.9-1.2-7.1-5.8-7.1-5.8"/><path fill="#adb5bc" d="M27.6 9.5s3.6-1.3 5.2-.1C40.2 15 34 26.1 34 26.1s1.4-10.8-2.5-12.5c-2.9-1.2-3.9-4.1-3.9-4.1"/><g fill="#c8d2da"><path d="M2 4.5c11.9-6.1 19 .7 19 .7L2 27.4z"/><path d="M20.9 17.6c7.1-6.9 10.6-4 10.6-4C21-5.1 2 20.9 2 37.5c0 0 12.5-13.7 18.9-19.9"/><path d="M17.4 27.7c8.2-9.1 11.8-17.3 11.8-17.3C20.5 22.3 5.1 29.1 2 58.2c0 0 7.8-22 15.4-30.5"/></g><path fill="#adb5bc" d="M13.7 13.6C21.2 5.9 27 8.5 27 8.5C18.7-2.7 4.5 3.7 2 23.1v14.4S7.6 20 13.7 13.6"/><g fill="#42ade2"><path d="M38 43.3c4.8.9 10.2-1.6 12.3-6c1.7-3.6 1-10.3-3.7-11.2c-3.7-.7-6.1 3.1-5.6 6.3c1.1 6.7 9 2.1 5.5-1.7c1.7 3.1-2.7 5.8-4.2 2.8c-1.3-2.7 1.2-7.3 4.6-5.5c3.8 2 2.8 8 .3 10.5c-2.4 2.6-5.8 3.9-9.2 4.8m19.2-13c1.2 1.8-1.3 4.3-2.8 2.2c-1.6-2.2 1.1-5.8 3.5-3.6c4.3 4.5-2.7 10.4-7.6 11.6c3.9.2 8.5-1.9 10-5.7c1-2.6.5-6.8-2.5-8c-3.3-1.3-6.1 2.8-4.5 5.6c2.1 3.8 6.3.4 3.9-2.1"/><path d="M38 44.3c4.4.4 9.7.7 13.3 3.4c2.8 2.1 3.8 7 1.3 9.7s-6.1 0-5.8-3.2c.3-3.8 5.8-2.7 4.7.9c2.6-4.8-6.9-6.7-5.6.8c.8 4.7 7.4 5.6 9.3 1.2C59.8 46 45.7 42.2 38 44.3"/><path d="M47.8 42.9c3.9.2 13.6.3 12.5 5.9c-.5 2.3-3.6 2.3-3.4-.3c.1-2.1 2.8-1.6 2.4.5c2-4-5.6-3.5-3.3 1.3c1.5 3.2 5.7 1.3 6-1.9c.6-7.4-9.7-6.6-14.2-5.5"/></g></svg>
Как использовать иконку Wind Face
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:wind-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:wind-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:wind-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--wind-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:wind-face"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:wind-face"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/emojione/wind-face.svg" alt="Иконка Wind Face" width="24" height="24">
Похожие иконки в наборе Emoji One (Colored)
Иконка Wind Face в других наборах
Вопросы и ответы: Иконка Wind Face
Можно ли бесплатно использовать иконку Wind Face в коммерческих проектах?
Да. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Wind Face в React?
Установите @iconify/react и выведите <Icon icon="emojione:wind-face" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Wind Face на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione/wind-face.svg" alt="Иконка Wind Face">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Emoji One (Colored) →
ICONYZ
