Ícone Storm Showers
wi:storm-showers
O ícone Storm Showers (wi:storm-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
- stormshowers, shower, owm 531, wmo4680 84, owm 901, wmo4680 91
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.63 16.91q0 1.665.99 2.97c.99 1.305 1.51 1.47 2.56 1.79l-.65 1.68c-.03.14.02.22.14.22H9.8l-1.04 3.78h.28l3.97-5.22c.04-.04.04-.09.02-.14s-.07-.07-.14-.07h-2.18l2.48-4.64c.06-.14.02-.21-.14-.21h-2.94a.25.25 0 0 0-.22.14L8.8 20.08c-.71-.18-1.3-.57-1.77-1.16s-.7-1.26-.7-2.01q0-1.245.84-2.16c.84-.915 1.26-.96 2.1-1.06l.52-.07c.13 0 .2-.06.2-.17l.07-.52c.1-1.08.55-1.99 1.36-2.72s1.76-1.1 2.85-1.1s2.04.37 2.85 1.1c.82.73 1.28 1.64 1.4 2.72l.06.58c0 .12.06.18.19.18h1.61c.91 0 1.68.32 2.32.95q.96.945.96 2.28c0 .85-.3 1.59-.89 2.21s-1.32.96-2.19 1.03c-.13 0-.2.06-.2.19v1.37c0 .11.07.17.2.17c.65-.02 1.27-.17 1.86-.44s1.1-.63 1.52-1.07s.76-.96 1.01-1.57c.25-.6.38-1.23.38-1.88c0-.9-.22-1.73-.67-2.49a4.96 4.96 0 0 0-4.29-2.46h-.32c-.33-1.33-1.03-2.42-2.11-3.26s-2.3-1.27-3.68-1.27c-1.41 0-2.67.44-3.76 1.31s-1.79 1.99-2.1 3.36c-1.1.26-2.01.83-2.73 1.73s-1.06 1.91-1.06 3.06m8.16 9.86a.82.82 0 0 0 .61.78c.14.03.22.05.25.05c.09 0 .21-.03.38-.1c.21-.09.35-.27.42-.52l.28-1.05c.06-.22.04-.43-.08-.63s-.29-.33-.53-.4a.78.78 0 0 0-.63.08c-.2.12-.34.29-.41.53l-.27 1c-.01.17-.02.26-.02.26M14.13 22c0 .14.05.29.15.44q.15.225.45.33c.22.07.44.06.64-.05s.33-.28.4-.52l.3-1.04c.06-.22.03-.43-.08-.63c-.12-.2-.3-.34-.53-.41c-.23-.06-.44-.04-.65.08s-.34.29-.41.52l-.24 1.01q-.03.255-.03.27m2.82 1.65c0 .17.05.34.16.51s.27.28.47.35c.02 0 .06.01.12.02c.05.01.09.02.12.02c.13 0 .26-.02.38-.08c.19-.07.33-.26.41-.57l.25-1.01q.105-.345-.06-.66a.83.83 0 0 0-.5-.42a.93.93 0 0 0-.68.08c-.2.12-.33.3-.37.53l-.27 1.03c-.02.06-.03.13-.03.2m1.36-4.79c-.01.16.04.31.15.47s.27.28.49.38c.08.04.16.06.26.06c.11 0 .22-.03.34-.08c.21-.1.35-.29.44-.57l.29-1.03c.02-.13.03-.2.03-.22c0-.17-.05-.33-.16-.49s-.27-.27-.49-.33c-.02 0-.06-.01-.11-.02c-.06-.03-.1-.03-.13-.03c-.17 0-.33.05-.49.15q-.24.15-.33.48l-.27 1.01c-.01.08-.02.15-.02.22"/></svg>Como usar o ícone Storm Showers
React
import { Icon } from "@iconify/react";
<Icon icon="wi:storm-showers" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:storm-showers" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:storm-showers" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--storm-showers]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:storm-showers"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:storm-showers"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/wi/storm-showers.svg" alt="Ícone Storm Showers" width="24" height="24">Ícones relacionados em Weather Icons
Perguntas frequentes sobre Ícone Storm Showers
O ícone Storm 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 Storm Showers no React?
Instale @iconify/react e renderize <Icon icon="wi:storm-showers" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Storm Showers a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/wi/storm-showers.svg" alt="Ícone Storm Showers">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.