Ícone Day Rain
wi:day-rain
O ícone Day Rain (wi:day-rain) é 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
- dayrain, owm day 310, owm day 502, owm day 312, owm day 311, owm day 504, owm day 501, owm day 302, owm day 314, owm day 503, owm day 313
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.51 16.89c0 1.33.46 2.48 1.39 3.44s2.06 1.47 3.41 1.53c.11 0 .17-.06.17-.17v-1.34c0-.11-.06-.17-.17-.17c-.86-.04-1.59-.39-2.19-1.03s-.9-1.4-.9-2.26c0-.82.28-1.54.85-2.16s1.27-.97 2.1-1.07l.53-.05c.13 0 .2-.06.2-.17l.07-.54c.11-1.08.56-1.99 1.37-2.72s1.76-1.1 2.85-1.1s2.04.37 2.86 1.1s1.28 1.64 1.4 2.72l.07.57c0 .12.06.19.17.19h1.62c.89 0 1.65.32 2.3.96s.97 1.39.97 2.27c0 .87-.3 1.62-.9 2.26s-1.33.98-2.18 1.03c-.12 0-.19.06-.19.17v1.34c0 .11.06.17.19.17c1.33-.04 2.46-.55 3.39-1.51c.93-.97 1.39-2.12 1.39-3.45q0-1.08-.42-2.01c.78-.97 1.17-2.07 1.17-3.31c0-.95-.24-1.83-.71-2.64q-.705-1.215-1.92-1.92c-1.215-.705-1.68-.7-2.62-.7c-1.56 0-2.85.58-3.88 1.74c-.82-.44-1.72-.66-2.71-.66c-1.41 0-2.67.44-3.76 1.32s-1.79 2-2.1 3.36c-1.11.26-2.02.84-2.74 1.74s-1.08 1.92-1.08 3.07m5.4 6.86c0 .17.05.33.16.49s.27.27.49.33c.11.02.2.04.27.04c.39 0 .65-.21.77-.64l1.58-5.88c.07-.24.04-.46-.08-.67a.77.77 0 0 0-.53-.38a.74.74 0 0 0-.63.07c-.2.11-.34.28-.41.51l-1.58 5.91c-.02.13-.04.2-.04.22m2.61 3.08c0 .19.05.36.15.52s.27.26.52.3c.11.02.2.04.26.04c.16 0 .31-.06.45-.17q.21-.18.27-.48l2.4-8.93c.06-.23.04-.45-.07-.64s-.28-.33-.5-.4a.78.78 0 0 0-.65.07c-.2.11-.34.28-.4.51l-2.4 8.93c-.02.15-.03.24-.03.25M9.94 4.6c0 .24.08.44.25.61l.65.66c.19.15.4.22.62.22c.21 0 .41-.08.58-.23c.17-.16.26-.35.26-.59s-.08-.46-.24-.64l-.64-.65a.854.854 0 0 0-1.22.01c-.17.17-.26.38-.26.61m3.73 19.17a.82.82 0 0 0 .61.79c.11.02.2.04.25.04c.17 0 .34-.05.49-.15s.25-.26.3-.49l1.58-5.88a.835.835 0 0 0-.57-1.04a.77.77 0 0 0-.65.07a.78.78 0 0 0-.39.51l-1.58 5.91c-.02.15-.04.23-.04.24M15.3 9.03c.71-.67 1.53-1 2.48-1c.98 0 1.82.35 2.5 1.04c.69.69 1.03 1.53 1.03 2.52c0 .62-.17 1.24-.52 1.85c-.97-.97-2.13-1.45-3.49-1.45h-.33a5.76 5.76 0 0 0-1.67-2.96m1.62-5.25c0 .23.08.43.25.59s.37.24.61.24c.23 0 .43-.08.59-.23c.16-.16.24-.35.24-.59V1.73c0-.26-.08-.47-.23-.63a.8.8 0 0 0-.59-.24c-.25 0-.46.08-.62.25s-.24.37-.24.62v2.05zm5.53 2.28c0 .24.09.44.27.59c.14.16.32.24.55.26s.44-.07.62-.26l1.44-1.43c.18-.17.26-.38.26-.63c0-.24-.08-.45-.25-.61a.85.85 0 0 0-.61-.24c-.21 0-.4.08-.58.25l-1.43 1.44q-.27.255-.27.63m.81 11.85q0 .36.24.63l.65.63q.27.21.6.21l.02.02c.23 0 .42-.08.58-.24s.24-.37.24-.61s-.09-.43-.26-.58l-.62-.66c-.18-.16-.39-.24-.62-.24s-.43.08-.59.25s-.24.35-.24.59m1.46-6.33c0 .24.09.43.26.59c.18.18.38.26.62.26h2.03c.24 0 .44-.08.61-.25s.25-.37.25-.6c0-.24-.08-.44-.25-.61s-.37-.26-.61-.26H25.6a.87.87 0 0 0-.62.26c-.18.17-.26.37-.26.61"/></svg>
Como usar o ícone Day Rain
React
import { Icon } from "@iconify/react";
<Icon icon="wi:day-rain" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:day-rain" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:day-rain" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--day-rain]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:day-rain"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:day-rain"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/wi/day-rain.svg" alt="Ícone Day Rain" width="24" height="24">
Ícones relacionados em Weather Icons
O ícone Day Rain em outras coleções
Perguntas frequentes sobre Ícone Day Rain
O ícone Day Rain é 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 Rain no React?
Instale @iconify/react e renderize <Icon icon="wi:day-rain" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Day Rain a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/wi/day-rain.svg" alt="Ícone Day Rain">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Weather Icons →
