Иконка Wind Face

openmoji:wind-face

Иконка Wind Face (openmoji:wind-face) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: OpenMoji
Автор: OpenMoji
Лицензия: CC-BY-SA-4.0
Размер: 72 × 72
Категория: Путешествия и места
Теги: windface

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d0cfce" d="M14.597 29.908a.97.97 0 0 1-.86.867C8.233 31.365 4 36.783 4 43.379c0 6.99 4.848 13.372 10.827 13.372h41.278c1.4-.037 2.559-.158 3.722-.551C63.026 54.629 68 49.407 68 42.66c0-7.078-4.891-12.873-11.08-13.343a1.03 1.03 0 0 1-.949-.832c-1.382-7.1-7.761-12.436-15.303-12.436c-4.9 0-9.267 2.219-12.102 5.749c-.277.345-.742.503-1.15.331c-1.092-.457-2.244-.679-3.533-.679c-4.872 0-8.871 3.718-9.286 8.457"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="2" d="M59.444 55.46C64.388 53.835 68 48.701 68 42.617c0-7.079-4.891-12.873-11.08-13.344a1.03 1.03 0 0 1-.949-.831c-1.382-7.1-7.761-12.436-15.303-12.436c-4.9 0-9.267 2.219-12.102 5.748c-.277.345-.742.503-1.15.332c-1.092-.458-2.244-.68-3.533-.68c-4.872 0-8.871 3.719-9.286 8.458a.97.97 0 0 1-.86.868C8.233 31.322 4 36.74 4 43.337c0 6.99 4.848 12.656 10.827 12.656h36.219"/><path stroke-width="2" d="M31.686 32.062a6.3 6.3 0 0 1-4.312 1.438a6.3 6.3 0 0 1-4.313-1.437m25.878-.001a6.3 6.3 0 0 1-4.312 1.438a6.3 6.3 0 0 1-4.313-1.437m-.703 13.27c1.657 0 3-1.138 3-2.541c0-1.053-.755-1.956-1.832-2.342a3.5 3.5 0 0 0-1.168-.2m-.427 10.156c.94 0 2.016-.57 2.331-1.472c.504-1.442-.355-3.054-1.919-3.6m22.768.225c2.154-3.308 2.011-7.934-1.992-9.798c-1.79-.834-3.868-.61-4.945 1.044a1.787 1.787 0 0 0 .522 2.473M46.09 46.55c4.76 2.767 12.005 5.352 16.274-.991"/><path stroke-width="1.907" d="M55.726 59.206c-.207 1.843-1.868 3.212-3.71 3.005a3.36 3.36 0 0 1-2.95-2.85M46.321 46.55s10.204 5.451 9.405 12.656"/></g></svg>

Как использовать иконку Wind Face

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:wind-face" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:wind-face" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:wind-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--wind-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:wind-face"></div>

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

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:wind-face"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/openmoji/wind-face.svg" alt="Иконка Wind Face" width="24" height="24">

Иконка Wind Face в других наборах

Вопросы и ответы: Иконка Wind Face

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

Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

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

Установите @iconify/react и выведите <Icon icon="openmoji:wind-face" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Wind Face на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/openmoji/wind-face.svg" alt="Иконка Wind Face">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки OpenMoji →