Ícone Night Alt Rain

wi:night-alt-rain

O ícone Night Alt Rain (wi:night-alt-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: nightalt, altrain, nightaltrain, owm night 313, owm night 302, owm night 502, owm night 501, owm night 314, owm night 310, owm night 311, owm night 312, owm night 504, owm night 503

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.07 16.9c0 1.33.47 2.48 1.4 3.44s2.07 1.47 3.4 1.53c.12 0 .18-.06.18-.17v-1.34c0-.11-.06-.17-.18-.17a3.15 3.15 0 0 1-2.19-1.03c-.6-.64-.9-1.39-.9-2.26c0-.83.28-1.55.85-2.17s1.27-.97 2.1-1.07l.53-.04c.13 0 .2-.06.2-.17l.07-.54c.11-1.08.57-1.99 1.38-2.72a4.15 4.15 0 0 1 2.86-1.1c1.09 0 2.04.37 2.86 1.1s1.28 1.64 1.4 2.72l.08.57c0 .12.06.18.17.18h1.62c.89 0 1.67.32 2.32.96s.98 1.4.98 2.28c0 .87-.3 1.62-.9 2.26s-1.33.98-2.19 1.03c-.14 0-.21.06-.21.17v1.34c0 .11.07.17.21.17c1.33-.04 2.46-.55 3.38-1.51c.93-.97 1.39-2.12 1.39-3.45c0-.88-.23-1.7-.68-2.46c.81-.73 1.33-1.6 1.58-2.62l.14-.72c.01-.01.02-.03.02-.07c0-.07-.05-.13-.16-.16l-.56-.18c-.57-.16-1.06-.44-1.46-.83q-.615-.585-.87-1.23c-.17-.43-.26-.86-.26-1.28c-.02-.22.01-.5.08-.82l.14-.61c.04-.1 0-.18-.14-.24l-.79-.24c-.45-.1-.87-.15-1.27-.15c-.38 0-.76.04-1.14.13c-.39.09-.79.22-1.2.41c-.41.18-.81.45-1.2.8s-.72.75-1 1.22c-.82-.3-1.6-.45-2.33-.45c-1.41 0-2.67.44-3.76 1.32s-1.8 2-2.11 3.37c-1.11.26-2.02.83-2.74 1.73c-.74.89-1.1 1.92-1.1 3.07m5.56 6.84c0 .17.05.33.16.49s.27.27.49.33c.23.07.45.05.64-.04c.2-.1.33-.28.4-.56l1.43-5.87c.06-.25.03-.48-.08-.67a.77.77 0 0 0-.52-.37a.74.74 0 0 0-.63.07c-.2.11-.34.28-.41.51l-1.44 5.9c0 .01-.01.04-.02.09s-.02.09-.02.12m2.61 3.07c0 .16.05.31.15.46s.25.25.45.31c.11.03.19.04.24.04c.44 0 .71-.2.82-.59l2.25-8.93c.06-.24.04-.46-.07-.65a.86.86 0 0 0-.5-.39c-.23-.07-.45-.05-.66.07s-.34.28-.39.5l-2.26 8.92c0 .01 0 .05-.01.12c-.02.06-.02.11-.02.14m4.16-2.99c0 .36.21.6.63.74q.21.06.3.06c.11 0 .23-.02.35-.07c.21-.08.34-.28.39-.58l1.43-5.87c.06-.24.04-.45-.08-.65a.85.85 0 0 0-.51-.39a.8.8 0 0 0-.66.07c-.21.11-.33.28-.38.51l-1.43 5.9c-.02.16-.04.26-.04.28m1.18-15.05c.32-.58.75-1.02 1.31-1.33c.55-.3 1.14-.45 1.76-.44c.12 0 .21 0 .27.01v.3c-.01.97.24 1.88.77 2.75c.52.86 1.26 1.52 2.21 1.97c-.22.46-.49.81-.79 1.07c-.92-.76-1.99-1.13-3.23-1.13h-.31c-.27-1.27-.93-2.33-1.99-3.2"/></svg>

Como usar o ícone Night Alt Rain

React

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

<Icon icon="wi:night-alt-rain" width="24" />

Vue

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

<template>
  <Icon icon="wi:night-alt-rain" width="24" />
</template>

Svelte

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

<Icon icon="wi:night-alt-rain" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--night-alt-rain]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:night-alt-rain"></div>

Web component

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

<iconify-icon icon="wi:night-alt-rain"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/wi/night-alt-rain.svg" alt="Ícone Night Alt Rain" width="24" height="24">

Ícones relacionados em Weather Icons

O ícone Night Alt Rain em outras coleções

Perguntas frequentes sobre Ícone Night Alt Rain

O ícone Night Alt 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 Night Alt Rain no React?

Instale @iconify/react e renderize <Icon icon="wi:night-alt-rain" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Night Alt Rain a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/wi/night-alt-rain.svg" alt="Ícone Night Alt Rain">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Weather Icons →