Ícone Night Alt Lightning
wi:night-alt-lightning
O ícone Night Alt Lightning (wi:night-alt-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
- nightalt, altlightning, nightaltlightning, owm night 211, owm night 221, owm night 210, owm night 212
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.12 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-.84.28-1.57.85-2.19s1.26-.97 2.1-1.04l.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.27 1.63 1.39 2.72l.07.58q0 .18.18.18h1.61c.91 0 1.68.32 2.32.95q.96.945.96 2.28c0 .85-.3 1.59-.89 2.21s-1.32.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.51s1.38-2.11 1.38-3.45c0-.89-.23-1.72-.68-2.48c.8-.72 1.32-1.58 1.55-2.58l.15-.72c.01-.01.01-.03.01-.07c0-.07-.05-.13-.16-.16l-.58-.17c-.57-.16-1.05-.44-1.45-.82c-.4-.39-.68-.8-.85-1.23a3.56 3.56 0 0 1-.16-2.11l.14-.62c.03-.09-.02-.17-.14-.22l-.79-.24a4.94 4.94 0 0 0-2.37-.03c-.38.09-.78.22-1.19.41c-.41.18-.81.45-1.2.8s-.72.75-1 1.22c-.71-.3-1.48-.45-2.33-.45c-1.41 0-2.66.44-3.75 1.31a5.83 5.83 0 0 0-2.1 3.35q-1.65.39-2.73 1.74c-.75.89-1.11 1.91-1.11 3.06m7.67 4.65c-.05.14 0 .22.14.22h2.16l-1.31 4.14h.3l4.17-5.59c.04-.04.05-.09.03-.14s-.06-.07-.13-.07h-2.2l2.31-4.21c.07-.14.02-.22-.14-.22h-2.94c-.08 0-.15.05-.22.14zM17.6 8.81c.33-.57.77-1 1.33-1.3c.55-.3 1.13-.45 1.72-.45c.13 0 .22.01.27.02v.31q0 1.44.78 2.73a5.03 5.03 0 0 0 2.17 1.96c-.16.37-.41.73-.75 1.07c-.92-.79-1.99-1.18-3.22-1.18h-.32c-.29-1.26-.95-2.31-1.98-3.16"/></svg>
Como usar o ícone Night Alt Lightning
React
import { Icon } from "@iconify/react";
<Icon icon="wi:night-alt-lightning" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:night-alt-lightning" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:night-alt-lightning" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--night-alt-lightning]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:night-alt-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-alt-lightning"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/wi/night-alt-lightning.svg" alt="Ícone Night Alt Lightning" width="24" height="24">
Ícones relacionados em Weather Icons
O ícone Night Alt Lightning em outras coleções
Perguntas frequentes sobre Ícone Night Alt Lightning
O ícone Night Alt 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 Alt Lightning no React?
Instale @iconify/react e renderize <Icon icon="wi:night-alt-lightning" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Night Alt 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-alt-lightning.svg" alt="Ícone Night Alt Lightning">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Weather Icons →
