Иконка Wind Face
fluent-emoji-high-contrast:wind-face
Иконка Wind Face (fluent-emoji-high-contrast:wind-face) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Путешествия и места
- Теги
- windface
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g fill="currentColor" clip-path="url(#SVGkRCCwb7V)"><path d="M15.918 17.009a.5.5 0 1 0-.736-.678a1.67 1.67 0 0 1-2.371.093a.5.5 0 1 0-.682.732a2.67 2.67 0 0 0 3.789-.147M11.47 14.01c-.16 0-.32-.07-.42-.21a.527.527 0 0 1 .1-.74c.06-.05 1.48-1.12 3.59-.87c.29.03.5.3.46.59c-.03.29-.3.5-.59.46c-1.65-.2-2.81.65-2.82.66c-.1.07-.21.11-.32.11"/><path d="M12.9 2c-1.456 0-3.197.006-4.855.012c-3.093.01-5.898.02-6.035-.012v1.329H2V30h2.01c1.593 0 2.981-.013 4.175-.024h.002a253 253 0 0 1 2.393-.016c1.893 0 3.52-.274 4.845-.97a5.86 5.86 0 0 0 2.006-1.7a2.98 2.98 0 0 0 2.416-3.865a3 3 0 0 0 .03-1.794c.607-.585 1.133-1.457 1.133-2.551c0-1.172-.534-1.896-.89-2.378l-.057-.078l-.006-.009a14 14 0 0 1-1.027-1.585v-2.505a9.38 9.38 0 0 0-2.042-5.824q.032-.33.032-.711C17.02 2.84 15.69 2 12.9 2M8.166 27.976l-1.618.014c1.975-2.437 2.222-6.662 2.43-10.225c.108-1.857.206-3.534.532-4.685c.727-2.57 2.478-2.927 4.106-3.26c.922-.189 1.805-.369 2.44-.938a7.37 7.37 0 0 1 .974 3.648v3.009a16.5 16.5 0 0 0 1.419 2.266c.377.516.561.766.561 1.275c0 .337-.13.651-.342.917a2.2 2.2 0 0 1-1.648.803h-.006q-.009.358-.023.7h.029a.978.978 0 0 1 .96 1.18a.98.98 0 0 1-.655.732q.175.06.314.176a.98.98 0 0 1 .174 1.315a.98.98 0 0 1-1.43.19l-.016.038l-.013.03l-.012.03c-.26.608-.619 1.124-1.112 1.539c-.955.803-2.415 1.23-4.65 1.23c-.7 0-1.502.008-2.412.016zm20.251-9.488l.1-.004c1.98 0 3.483 1.628 3.483 3.612S30.402 25.7 28.422 25.7c-.268 0-.536-.038-.794-.096c0 .77-.622 1.397-1.388 1.397c-.737 0-1.33-.578-1.378-1.31c-1.731-.145-3.09-.848-3.76-1.272c-.163-.106-.124-.356.067-.395c1.502-.289 2.497-1.32 3.12-2.273A2.67 2.67 0 0 1 25.953 17c1.042 0 1.932.617 2.362 1.493z"/></g><defs><clipPath id="SVGkRCCwb7V"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>Как использовать иконку Wind Face
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:wind-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:wind-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:wind-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--wind-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:wind-face"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:wind-face"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/wind-face.svg" alt="Иконка Wind Face" width="24" height="24">Похожие иконки в наборе Fluent Emoji High Contrast
Иконка Wind Face в других наборах
Вопросы и ответы: Иконка Wind Face
Можно ли бесплатно использовать иконку Wind Face в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Wind Face в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:wind-face" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Wind Face на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/wind-face.svg" alt="Иконка Wind Face">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.