Ícone Day Cloudy Gusts
wi:day-cloudy-gusts
O ícone Day Cloudy Gusts (wi:day-cloudy-gusts) é 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
- daycloudy, cloudygusts, daycloudygusts, gust, owm day 802, owm day 803, owm day 801
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M.35 21.01q0 .36.27.6c.17.17.37.25.61.25h5.88c.26 0 .48.09.68.28s.3.42.3.68s-.1.5-.3.69s-.42.29-.68.29s-.48-.1-.68-.3a.9.9 0 0 0-.61-.24q-.36 0-.6.24t-.24.6t.24.6c.53.53 1.16.8 1.89.8c.74 0 1.37-.26 1.88-.78q.78-.78.78-1.89c0-1.11-.26-1.37-.78-1.89c-.52-.53-1.15-.79-1.88-.79H1.23c-.24 0-.44.09-.62.26s-.26.37-.26.6m0-3.01q0 .33.27.57c.17.17.37.25.61.25H12.2q1.11 0 1.89-.78t.78-1.89c0-.74-.26-1.36-.78-1.88c-.52-.51-1.15-.77-1.89-.77c-.76 0-1.38.25-1.88.76c-.16.16-.23.37-.23.61s.08.44.23.6c.15.15.35.23.6.23c.24 0 .44-.08.62-.23c.19-.19.41-.28.67-.28s.49.09.68.28s.29.42.29.68c0 .27-.1.5-.29.69s-.42.29-.68.29H1.23a.87.87 0 0 0-.62.26c-.18.18-.26.38-.26.61M3 15.65c0 .08.06.12.17.12H4.6c.07 0 .13-.05.2-.14q.33-.81 1.05-1.35c.47-.35 1-.55 1.6-.6l.53-.07c.12 0 .19-.06.19-.17l.07-.52c.11-1.08.56-1.98 1.37-2.71s1.76-1.09 2.85-1.09c1.1 0 2.05.36 2.86 1.08s1.27 1.63 1.38 2.71l.07.58q0 .18.18.18h1.63c.9 0 1.67.31 2.3.94s.95 1.39.95 2.27c0 .89-.32 1.66-.95 2.29s-1.4.95-2.3.95h-6.9c-.13 0-.19.06-.19.18v1.37c0 .11.06.17.19.17h6.9c.89 0 1.72-.22 2.48-.67c.76-.44 1.36-1.05 1.8-1.81s.66-1.59.66-2.48c0-.74-.14-1.41-.42-2.03c.76-.99 1.13-2.1 1.13-3.31c0-.94-.24-1.81-.71-2.62S22.41 7.47 21.6 7s-1.68-.71-2.62-.71c-1.54 0-2.83.58-3.86 1.73c-.8-.41-1.69-.61-2.67-.61c-1.41 0-2.65.44-3.73 1.31s-1.77 1.99-2.06 3.34q-1.275.3-2.25 1.23c-.65.62-1.11 1.35-1.36 2.19v.04c-.04.07-.05.1-.05.13m8.18-11.03q0 .345.27.6l.61.65c.16.16.37.24.61.24c.25 0 .45-.08.61-.23q.24-.225.24-.6c0-.24-.07-.44-.23-.6l-.66-.65c-.16-.17-.35-.26-.59-.26s-.44.08-.61.25s-.25.37-.25.6m5.32 4.41c.72-.68 1.54-1.02 2.48-1.02c.97 0 1.8.35 2.51 1.05c.7.7 1.05 1.54 1.05 2.51c0 .65-.17 1.26-.52 1.83c-.96-.96-2.11-1.43-3.46-1.43h-.34c-.23-1.09-.81-2.07-1.72-2.94m1.62-5.24c0 .23.08.43.25.59q.255.24.6.24c.24 0 .44-.08.61-.24s.25-.35.25-.59V1.74c0-.24-.08-.44-.25-.61a.82.82 0 0 0-.61-.25c-.24 0-.44.08-.6.25s-.25.37-.25.61zm5.55 2.27c0 .24.08.44.23.6c.17.17.37.25.61.26s.43-.08.57-.26l1.46-1.43c.17-.17.25-.37.25-.61c0-.23-.08-.43-.25-.6s-.37-.25-.61-.25s-.44.07-.6.23L23.9 5.47c-.15.16-.23.35-.23.59m.77 11.83c0 .23.08.43.25.6l.64.65c.2.16.41.24.62.24c.19 0 .39-.08.59-.24c.17-.17.25-.37.25-.6a.9.9 0 0 0-.25-.61l-.64-.65a.8.8 0 0 0-.58-.24c-.25 0-.46.08-.63.25c-.17.16-.25.36-.25.6m1.51-6.32c0 .24.08.43.25.59c.15.18.34.26.57.26h2.02c.24 0 .44-.08.61-.25s.25-.37.25-.6s-.09-.43-.26-.6a.83.83 0 0 0-.6-.26h-2.02c-.24 0-.43.08-.59.25a.9.9 0 0 0-.23.61"/></svg>
Como usar o ícone Day Cloudy Gusts
React
import { Icon } from "@iconify/react";
<Icon icon="wi:day-cloudy-gusts" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:day-cloudy-gusts" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:day-cloudy-gusts" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--day-cloudy-gusts]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:day-cloudy-gusts"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:day-cloudy-gusts"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/wi/day-cloudy-gusts.svg" alt="Ícone Day Cloudy Gusts" width="24" height="24">
Ícones relacionados em Weather Icons
Perguntas frequentes sobre Ícone Day Cloudy Gusts
O ícone Day Cloudy Gusts é 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 Cloudy Gusts no React?
Instale @iconify/react e renderize <Icon icon="wi:day-cloudy-gusts" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Day Cloudy Gusts a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/wi/day-cloudy-gusts.svg" alt="Ícone Day Cloudy Gusts">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Weather Icons →
