ICONYZ
Português (Brasil)
Ícone Day Rain de Fontisto

Ícone Day Rain

fontisto:day-rain

O ícone Day Rain (fontisto:day-rain) é um ícone SVG gratuito da coleção Fontisto de Kenan Gündoğan. Ele é desenhado em uma grade de 25 × 24. Fontisto 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
Fontisto
Autor
Kenan Gündoğan
Licença
MIT
Tamanho
25 × 24
Categoria
Clima
Tags
dayrain
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24"><path fill="currentColor" d="M3.75 23.818a.617.617 0 0 1 0-.876l3.205-3.205a.618.618 0 0 1 1.066.428a.62.62 0 0 1-.191.447l-3.206 3.205a.62.62 0 0 1-.876 0zm6.521-3.033a.617.617 0 0 1 0-.876l2.354-2.354H6.084l-3.23 3.23a.618.618 0 1 1-.876-.875l2.366-2.367a4.465 4.465 0 1 1 .246-8.924h-.006q.104.002.207.009c1.054-1.858 3.016-3.093 5.268-3.099h.01c.947 0 1.843.22 2.639.611l-.035-.016a4.4 4.4 0 0 1 1.477-1.046l.028-.011a4.347 4.347 0 0 1 3.778 7.818l-.023.011a3.033 3.033 0 0 1-2.563 4.654h-.993l-3.23 3.23a.617.617 0 0 1-.876 0zm-8.915-7.698a3.23 3.23 0 0 0 3.228 3.229h10.779a1.8 1.8 0 1 0-1.164-3.173l.003-.002a.619.619 0 0 1-.801-.944l.001-.001a3 3 0 0 1 1.426-.671l.018-.003a4.785 4.785 0 0 0-8.744-2.655l-.011.017c.492.178.917.42 1.292.721l-.009-.007a.62.62 0 1 1-.774.967l.001.001a3.17 3.17 0 0 0-2.005-.707h-.009a3.233 3.233 0 0 0-3.231 3.229zM14.658 6.21c-.348.152-.647.35-.905.593l.002-.002a6.01 6.01 0 0 1 2.331 4.755v.011c.351.087.66.225.937.406l-.011-.007a3.12 3.12 0 0 0 1.96-2.889a3.11 3.11 0 0 0-2.932-3.105h-.008q-.085-.004-.17-.004h-.008c-.432 0-.843.089-1.216.249zm6.399 9.587l-1.479-1.647a.619.619 0 1 1 .921-.828l.001.001l1.479 1.648a.619.619 0 1 1-.921.828zm3.23-5.642l-2.212-.12a.62.62 0 0 1 .033-1.237l.035.001h-.002l2.211.12a.62.62 0 0 1-.033 1.237zm-4.229-4.84a.617.617 0 0 1 .047-.874h.001l1.648-1.479a.619.619 0 1 1 .828.921l-.001.001l-1.648 1.479a.617.617 0 0 1-.874-.047v-.001zm-8.834-.479L9.745 3.187a.619.619 0 1 1 .923-.828v.001l1.478 1.649a.621.621 0 0 1-.925.829l-.001-.001zm4.944-1.385a.62.62 0 0 1-.585-.654v.002l.12-2.212A.62.62 0 0 1 16.94.62l-.001.035V.653l-.12 2.212a.62.62 0 0 1-.618.586z"/></svg>

Como usar o ícone Day Rain

React

import { Icon } from "@iconify/react";

<Icon icon="fontisto:day-rain" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fontisto:day-rain" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fontisto:day-rain" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--day-rain]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:day-rain"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fontisto:day-rain"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/fontisto/day-rain.svg" alt="Ícone Day Rain" width="24" height="24">

Ícones relacionados em Fontisto

O ícone Day Rain em outras coleções

Perguntas frequentes sobre Ícone Day Rain

O ícone Day Rain é grátis para uso comercial?

Sim. Fontisto icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Day Rain no React?

Instale @iconify/react e renderize <Icon icon="fontisto: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/fontisto/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 Ícones Fontisto →