Ícone Night Lightning

wi:night-lightning

O ícone Night Lightning (wi:night-lightning) é 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: nightlightning

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.29 16.93c0 .66.12 1.28.38 1.88s.59 1.11 1.02 1.55s.94.79 1.52 1.05s1.21.42 1.87.45c.12 0 .18-.06.18-.17v-1.34c0-.11-.06-.17-.18-.17c-.87-.06-1.6-.41-2.19-1.03A3.13 3.13 0 0 1 6 16.93c0-.84.28-1.57.85-2.18c.57-.62 1.26-.97 2.1-1.04l.52-.06c.12 0 .19-.06.19-.18l.08-.52c.07-.71.3-1.36.69-1.94s.9-1.04 1.52-1.36s1.29-.49 2.02-.49q1.635 0 2.85 1.08c.81.72 1.27 1.62 1.39 2.69l.07.58c0 .11.06.17.19.17h1.6c.9 0 1.67.32 2.32.96c.64.64.97 1.4.97 2.29c0 .86-.3 1.6-.89 2.22s-1.33.97-2.19 1.03c-.13 0-.2.06-.2.17v1.34c0 .11.07.17.2.17c1.34-.06 2.47-.57 3.38-1.51c.88-.95 1.34-2.09 1.34-3.42c0-.64-.16-1.32-.47-2.06c.79-.99 1.19-2.08 1.19-3.27c0-.95-.24-1.83-.71-2.63c-.47-.81-1.11-1.44-1.91-1.91s-1.68-.7-2.62-.7c-1.59 0-2.88.58-3.87 1.73c-.81-.43-1.7-.64-2.66-.64q-2.115 0-3.75 1.32c-1.635 1.32-1.79 2-2.1 3.37c-1.12.26-2.03.83-2.74 1.72c-.72.89-1.07 1.91-1.07 3.07m7.65 4.62c-.02.14.02.21.14.21h2.17l-1.32 4.17h.29l4.18-5.58c.04-.04.05-.09.02-.14s-.07-.07-.14-.07H15.1l2.3-4.24c.07-.14.03-.22-.14-.22h-2.94c-.08 0-.14.05-.21.14zM18 9.05c.67-.66 1.49-.99 2.47-.99s1.81.34 2.5 1.03c.69.68 1.03 1.52 1.03 2.51c0 .59-.17 1.19-.52 1.8c-.97-.93-2.12-1.4-3.45-1.4h-.31c-.28-1.19-.86-2.17-1.72-2.95"/></svg>

Como usar o ícone Night Lightning

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="wi:night-lightning"></iconify-icon>

Imagem HTML

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

Ícones relacionados em Weather Icons

Perguntas frequentes sobre Ícone Night Lightning

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

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

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

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

Ver todos os Weather Icons →