Icono Thunderstorm

ion:thunderstorm

El icono Thunderstorm (ion:thunderstorm) es un icono SVG gratuito de la colección IonIcons de Ben Sperry. Está dibujado en una cuadrícula de 512 × 512. IonIcons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: IonIcons
Autor: Ben Sperry
Licencia: MIT
Tamaño: 512 × 512

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M96 416a16 16 0 0 1-14.3-23.16l24-48a16 16 0 0 1 28.62 14.32l-24 48A16 16 0 0 1 96 416m24 64a16 16 0 0 1-14.3-23.16l16-32a16 16 0 0 1 28.62 14.32l-16 32A16 16 0 0 1 120 480m256-64a16 16 0 0 1-14.3-23.16l24-48a16 16 0 0 1 28.62 14.32l-24 48A16 16 0 0 1 376 416m24 64a16 16 0 0 1-14.3-23.16l16-32a16 16 0 0 1 28.62 14.32l-16 32A16 16 0 0 1 400 480"/><path fill="currentColor" d="M405.84 136.9a151.25 151.25 0 0 0-47.6-81.9a153 153 0 0 0-241.81 51.86C60.5 110.16 16 156.65 16 213.33C16 272.15 63.91 320 122.8 320h66.31l-12.89 77.37A16 16 0 0 0 192 416h32v64a16 16 0 0 0 29 9.3l80-112a16 16 0 0 0-13-25.3h-27.51l8-32h103.84a91.56 91.56 0 0 0 1.51-183.1"/></svg>

Cómo usar el icono Thunderstorm

React

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

<Icon icon="ion:thunderstorm" width="24" />

Vue

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

<template>
  <Icon icon="ion:thunderstorm" width="24" />
</template>

Svelte

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

<Icon icon="ion:thunderstorm" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ion--thunderstorm]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ion -->
<div class="i-ion:thunderstorm"></div>

Web component

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

<iconify-icon icon="ion:thunderstorm"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/ion/thunderstorm.svg" alt="Icono Thunderstorm" width="24" height="24">

Iconos relacionados en IonIcons

El icono Thunderstorm en otras colecciones

Preguntas frecuentes sobre Icono Thunderstorm

¿El icono Thunderstorm es gratis para uso comercial?

Sí. IonIcons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Thunderstorm en React?

Instala @iconify/react y renderiza <Icon icon="ion:thunderstorm" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Thunderstorm a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ion/thunderstorm.svg" alt="Icono Thunderstorm">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los IonIcons →