Ícone Wind Face
fluent-emoji-high-contrast:wind-face
O ícone Wind Face (fluent-emoji-high-contrast:wind-face) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fluent Emoji High Contrast
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Viagens e lugares
- Tags
- windface
Código 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>Como usar o ícone 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>Web component
<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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/wind-face.svg" alt="Ícone Wind Face" width="24" height="24">Ícones relacionados em Fluent Emoji High Contrast
O ícone Wind Face em outras coleções
Perguntas frequentes sobre Ícone Wind Face
O ícone Wind Face é grátis para uso comercial?
Sim. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Wind Face no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:wind-face" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Wind Face a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/wind-face.svg" alt="Ícone Wind Face">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.