Ícone Day Snow Wind
wi:day-snow-wind
O ícone Day Snow Wind (wi:day-snow-wind) é um ícone SVG gratuito da coleção Weather Icons de Erik Flowers. Ele é desenhado em uma grade de 30 × 30. Weather Icons são publicados sob a Open Font License, 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
- Weather Icons
- Autor
- Erik Flowers
- Licença
- OFL-1.1
- Tamanho
- 30 × 30
- Tags
- daysnow, snowwind, daysnowwind
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M1.58 16.93c0 .86.21 1.67.64 2.41c.42.74 1 1.34 1.74 1.79c.73.45 1.54.69 2.4.71c.11 0 .17-.06.17-.17v-1.33c0-.12-.06-.19-.17-.19c-.85-.04-1.58-.38-2.18-1.02s-.9-1.37-.9-2.21c0-.82.28-1.54.85-2.16c.57-.61 1.26-.97 2.1-1.07l.53-.06c.12 0 .18-.06.18-.19l.08-.51c.11-1.09.56-2 1.36-2.73s1.75-1.09 2.85-1.09c1.09 0 2.04.36 2.85 1.09q1.23 1.095 1.38 2.7l.07.58c0 .11.06.17.17.17h1.61q1.35 0 2.31.96c.64.64.96 1.4.96 2.29c0 .84-.3 1.57-.9 2.21c-.6.63-1.33.97-2.17 1.02c-.12 0-.19.06-.19.19v1.33c0 .11.06.17.19.17c1.33-.04 2.45-.54 3.38-1.5s1.39-2.09 1.39-3.41c0-.76-.14-1.43-.43-2.03c.75-.93 1.15-2.03 1.15-3.28c0-.94-.23-1.81-.7-2.61s-1.11-1.44-1.91-1.91s-1.68-.7-2.62-.7c-1.54 0-2.83.58-3.87 1.73c-.81-.44-1.71-.66-2.69-.66c-1.41 0-2.65.44-3.74 1.31s-1.78 1.99-2.09 3.34c-1.12.28-2.03.86-2.74 1.75c-.71.9-1.06 1.92-1.06 3.08m5.48 7.68q0 .315.24.57c.18.16.37.24.58.24c.24 0 .43-.08.59-.23c.16-.16.23-.35.23-.58c0-.24-.08-.43-.24-.59s-.35-.23-.59-.23s-.43.08-.59.23c-.14.15-.22.35-.22.59m.86-3.63c0 .24.08.44.24.61s.35.25.59.25c.23 0 .43-.08.59-.25s.24-.37.24-.61c0-.23-.08-.42-.24-.58s-.35-.24-.59-.24c-.23 0-.43.08-.59.24s-.24.36-.24.58m1.9 5.58q0 .33.24.57c.17.17.36.25.58.25c.24 0 .44-.08.6-.23c.17-.16.25-.35.25-.59s-.08-.44-.25-.6a.82.82 0 0 0-.6-.25c-.22 0-.41.08-.58.25q-.24.255-.24.6m.15-21.88c0 .24.08.44.24.59l.66.66c.16.16.34.25.53.25c.21.03.41-.04.61-.22q.3-.27.3-.63c0-.24-.08-.46-.24-.64l-.64-.61a.73.73 0 0 0-.58-.25c-.25 0-.46.08-.63.25c-.17.16-.25.36-.25.6m.7 18.22c0 .22.08.42.25.6q.24.24.57.24c.24 0 .44-.08.61-.24s.25-.36.25-.6c0-.23-.08-.43-.25-.6a.82.82 0 0 0-.61-.25c-.22 0-.42.08-.58.25q-.24.255-.24.6m.43-3.6c0 .23.08.42.24.58s.36.24.58.24q.36 0 .6-.24c.17-.16.25-.35.25-.59c0-.23-.08-.43-.25-.59s-.37-.24-.6-.24s-.42.08-.58.24s-.24.37-.24.6m2.37 5.31c0 .21.08.4.23.57c.17.16.38.24.6.24c.24 0 .43-.08.59-.23c.16-.16.23-.35.23-.58c0-.24-.08-.43-.23-.59a.78.78 0 0 0-.59-.23q-.36 0-.6.24c-.24.24-.23.35-.23.58m.85-3.63c0 .24.08.44.24.61s.36.25.59.25s.43-.08.59-.25s.24-.37.24-.61c0-.23-.08-.42-.24-.58s-.35-.24-.59-.24s-.43.08-.59.24s-.24.36-.24.58m.98-11.92c.69-.66 1.51-.99 2.47-.99c.97 0 1.8.35 2.48 1.04c.69.69 1.03 1.53 1.03 2.49c0 .62-.17 1.24-.51 1.84c-.95-.96-2.11-1.44-3.47-1.44h-.32q-.45-1.755-1.68-2.94m1.6-5.22c0 .23.08.43.25.58s.37.23.61.23s.43-.08.59-.23c.16-.16.23-.35.23-.58V1.8c0-.24-.08-.44-.24-.61S18 .94 17.77.94s-.43.09-.6.26s-.26.37-.26.6v2.04zm5.52 2.27c0 .23.08.43.25.59c.15.16.34.24.56.26s.43-.07.62-.26l1.43-1.43c.18-.18.26-.38.26-.61c0-.24-.09-.44-.26-.61a.82.82 0 0 0-.6-.25c-.22 0-.41.08-.58.25l-1.43 1.46c-.17.16-.25.36-.25.6m.8 11.8c0 .25.08.46.24.62l.64.63c.24.16.46.24.64.24c.21 0 .39-.09.56-.26s.25-.38.25-.61s-.09-.42-.26-.58l-.62-.65c-.18-.16-.38-.24-.61-.24s-.43.08-.59.25c-.17.16-.25.36-.25.6m1.45-6.31c0 .24.09.43.26.59c.17.18.38.27.62.27h2.02c.23 0 .43-.08.6-.25s.25-.37.25-.61s-.08-.44-.25-.6s-.37-.25-.6-.25h-2.02c-.24 0-.44.08-.62.25s-.26.37-.26.6"/></svg>
Como usar o ícone Day Snow Wind
React
import { Icon } from "@iconify/react";
<Icon icon="wi:day-snow-wind" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:day-snow-wind" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:day-snow-wind" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--day-snow-wind]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:day-snow-wind"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:day-snow-wind"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/wi/day-snow-wind.svg" alt="Ícone Day Snow Wind" width="24" height="24">
Ícones relacionados em Weather Icons
Perguntas frequentes sobre Ícone Day Snow Wind
O ícone Day Snow Wind é grátis para uso comercial?
Sim. Weather Icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Day Snow Wind no React?
Instale @iconify/react e renderize <Icon icon="wi:day-snow-wind" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Day Snow Wind a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/wi/day-snow-wind.svg" alt="Ícone Day Snow Wind">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Weather Icons →
