Icono Tornado Bold
glyphs:tornado-bold
El icono Tornado Bold (glyphs:tornado-bold) es un icono SVG gratuito de la colección Glyphs de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs icons 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
- Glyphs
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- tornadobold
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><ellipse cx="40" cy="24" rx="32" ry="12"/><path fill-rule="evenodd" d="M61.836 32.772C56.118 34.775 48.44 36 40 36s-16.118-1.225-21.836-3.228C19.496 27.83 28.764 24 40 24s20.504 3.828 21.836 8.772" clip-rule="evenodd"/><path fill-rule="evenodd" d="M61.209 29.81C56.264 27.49 48.602 26 40 26s-16.265 1.49-21.209 3.81C24.144 31.75 31.621 33 40 33c8.38 0 15.856-1.25 21.209-3.19m5.302 4.285c-.897.43-1.844.83-2.83 1.2C57.474 37.621 49.1 39 40 39s-17.474-1.378-23.68-3.706a35 35 0 0 1-2.83-1.199A4.1 4.1 0 0 0 13 36c0 5.523 12.088 10 27 10s27-4.477 27-10c0-.651-.168-1.288-.49-1.905" clip-rule="evenodd"/><path fill-rule="evenodd" d="M56.18 40.883C52.35 39.708 47.403 39 42 39c-6.273 0-11.933.955-15.94 2.486C30.001 42.43 34.786 43 40 43c6.245 0 11.876-.817 16.18-2.117m6.848 3.758c-.91.454-1.88.868-2.894 1.243C54.836 47.847 47.717 49 40 49c-7.57 0-14.564-1.11-19.828-3.004A3.1 3.1 0 0 0 20 47c0 4.418 9.85 8 22 8s22-3.582 22-8c0-.821-.34-1.613-.972-2.359M28.126 56.326q-.125.331-.126.674c0 2.761 6.268 5 14 5s14-2.239 14-5q0-.342-.126-.674C51.906 57.396 47.105 58 42 58s-9.906-.603-13.874-1.674" clip-rule="evenodd"/><path fill-rule="evenodd" d="M43.342 58.976Q42.682 59 42 59c-2.634 0-5.017-.28-6.941-.727A15.6 15.6 0 0 1 38 58c2 0 3.848.362 5.342.975m3.081 5.789C45.14 66.655 41.853 68 38 68c-4.97 0-9-2.239-9-5q0-.264.048-.521c.648.338 1.338.63 2.044.882C34.026 64.409 37.883 65 42 65a41 41 0 0 0 4.423-.235" clip-rule="evenodd"/></g></svg>Cómo usar el icono Tornado Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:tornado-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:tornado-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:tornado-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--tornado-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:tornado-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:tornado-bold"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs/tornado-bold.svg" alt="Icono Tornado Bold" width="24" height="24">Iconos relacionados en Glyphs
El icono Tornado Bold en otras colecciones
Preguntas frecuentes sobre Icono Tornado Bold
¿El icono Tornado Bold es gratis para uso comercial?
Sí. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Tornado Bold en React?
Instala @iconify/react y renderiza <Icon icon="glyphs:tornado-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Tornado Bold a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs/tornado-bold.svg" alt="Icono Tornado Bold">, o pega el código SVG en línea para darle estilo con CSS.