Ícone Night Alt Showers

wi:night-alt-showers

O ícone Night Alt Showers (wi:night-alt-showers) é 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, altshowers, nightaltshowers, shower, owm night 521, owm night 520, owm night 701, owm night 522

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.91c0 1.33.46 2.48 1.39 3.43s2.06 1.47 3.4 1.53c.11 0 .17-.06.17-.17v-1.37c0-.12-.06-.18-.17-.18c-.87-.07-1.6-.41-2.19-1.04c-.59-.62-.89-1.36-.89-2.21c0-.83.28-1.54.84-2.16s1.26-.97 2.1-1.07l.53-.07c.13 0 .2-.06.2-.17l.07-.52c.11-1.08.56-1.99 1.37-2.71c.81-.73 1.76-1.09 2.85-1.09s2.04.36 2.85 1.09c.81.72 1.28 1.63 1.39 2.72l.08.58q0 .18.18.18h1.61c.9 0 1.67.32 2.32.95c.64.63.97 1.39.97 2.28c0 .85-.3 1.59-.89 2.21s-1.33.97-2.19 1.04c-.13 0-.2.06-.2.18v1.37c0 .11.07.17.2.17c1.33-.04 2.46-.55 3.38-1.51q1.38-1.44 1.38-3.45c0-.87-.22-1.68-.65-2.43c.81-.73 1.34-1.6 1.58-2.62v-.13l.19-.79l-.76-.21c-.81-.24-1.44-.7-1.89-1.35c-.45-.66-.67-1.34-.67-2.03c0-.26.03-.52.08-.78l.2-.8l-.85-.25l-.15-.04a6.7 6.7 0 0 0-1.25-.14c-.38 0-.76.04-1.14.13c-.39.09-.79.22-1.2.41c-.42.19-.82.45-1.2.8s-.72.76-1 1.23c-.74-.33-1.53-.49-2.36-.49c-1.41 0-2.66.44-3.75 1.31s-1.77 1.99-2.07 3.36c-1.12.26-2.05.83-2.77 1.72c-.73.91-1.09 1.94-1.09 3.09m5.4 6.77q0 .225.15.45t.45.33c.22.07.43.06.64-.05s.34-.28.41-.51l.28-1.06c.07-.21.05-.41-.07-.62a.86.86 0 0 0-.51-.41c-.23-.06-.45-.03-.65.08s-.34.3-.42.53l-.23.99c-.03.16-.05.25-.05.27m1.3-4.73c0 .11.03.23.1.36c.07.17.25.3.53.38q.36.09.66-.06c.19-.1.33-.28.4-.52l.28-1.03c.07-.23.05-.45-.07-.64a.83.83 0 0 0-.51-.39a.9.9 0 0 0-.67.07a.82.82 0 0 0-.4.52l-.27 1.01c-.03.13-.05.23-.05.3m1.25 7.85c0 .17.05.33.15.49q.15.24.45.33c.11.03.18.05.23.05c.09 0 .21-.03.38-.1c.2-.08.34-.27.43-.55l.3-1.05c.07-.21.05-.42-.07-.63a.86.86 0 0 0-1.18-.33c-.2.12-.34.29-.41.53l-.25 1.01c-.02.08-.03.17-.03.25m1.33-4.77q0 .225.15.45c.15.225.25.26.46.33c.22.07.44.05.64-.06s.33-.28.4-.52l.27-1.04c.07-.21.05-.42-.06-.62a.83.83 0 0 0-.49-.41c-.24-.06-.47-.03-.68.08s-.35.3-.42.53l-.24 1zm2.81 1.76c0 .38.21.62.64.75q.135.03.24.03c.15 0 .27-.02.37-.07c.21-.08.36-.27.44-.57l.27-1.02c.06-.25.04-.47-.08-.67s-.29-.32-.53-.37c-.23-.07-.45-.05-.64.07s-.33.29-.4.51l-.27 1.04c0 .02-.01.07-.02.15c-.02.07-.02.12-.02.15m1.39-4.81a.82.82 0 0 0 .61.78c.14.03.22.05.23.05c.09 0 .21-.03.38-.1c.21-.08.35-.27.44-.55l.28-1.04c.06-.22.03-.43-.08-.63s-.3-.33-.53-.4c-.22-.07-.43-.05-.63.07s-.33.29-.4.52l-.26 1.06c-.03.09-.04.18-.04.24m.03-10.17c.32-.56.76-1 1.33-1.31a3.7 3.7 0 0 1 1.81-.47h.21c-.01.09-.01.21-.01.38c0 .95.26 1.85.78 2.71s1.25 1.51 2.17 1.96c-.22.43-.48.8-.78 1.1c-.93-.81-2.02-1.21-3.25-1.21h-.32c-.25-1.19-.89-2.24-1.94-3.16"/></svg>

Como usar o ícone Night Alt Showers

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:night-alt-showers"></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-showers"></iconify-icon>

Imagem HTML

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

Ícones relacionados em Weather Icons

Perguntas frequentes sobre Ícone Night Alt Showers

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

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

Como adiciono o ícone Night Alt Showers 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-showers.svg" alt="Ícone Night Alt Showers">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Weather Icons →