Icono Avalanche
thesvg-color:avalanche
El icono Avalanche (thesvg-color:avalanche) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 1503 × 1504. theSVG Color 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
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 1503 × 1504
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1503" height="1504" viewBox="0 0 1503 1504"><g fill="none"><path fill="#fff" d="M287 258h928v844H287z"/><path fill="#e84142" fill-rule="evenodd" d="M1502.5 752c0 414.77-336.23 751-751 751c-414.766 0-751-336.23-751-751C.5 337.234 336.734 1 751.5 1c414.77 0 751 336.234 751 751m-963.812 298.86H392.94c-30.626 0-45.754 0-54.978-5.9c-9.963-6.46-16.051-17.16-16.789-28.97c-.554-10.88 7.011-24.168 22.139-50.735l359.87-634.32c15.313-26.936 23.061-40.404 32.839-45.385c10.516-5.35 23.062-5.35 33.578 0c9.778 4.981 17.527 18.449 32.839 45.385l73.982 129.144l.377.659c16.539 28.897 24.926 43.551 28.588 58.931a109.56 109.56 0 0 1 0 51.289c-3.69 15.497-11.992 30.257-28.781 59.591L687.573 964.702l-.489.856c-16.648 29.135-25.085 43.902-36.778 55.042c-12.73 12.18-28.043 21.03-44.832 26.02c-15.313 4.24-32.47 4.24-66.786 4.24m368.062 0h208.84c30.81 0 46.31 0 55.54-6.08c9.96-6.46 16.23-17.35 16.79-29.15c.53-10.53-6.87-23.3-21.37-48.323c-.5-.852-1-1.719-1.51-2.601L1060.43 785.75l-1.19-2.015c-14.7-24.858-22.12-37.411-31.65-42.263a36.73 36.73 0 0 0-33.391 0c-9.594 4.981-17.342 18.08-32.655 44.462L857.306 964.891l-.357.616c-15.259 26.34-22.885 39.503-22.335 50.303c.738 11.81 6.826 22.69 16.788 29.15c9.041 5.9 24.538 5.9 55.348 5.9" clip-rule="evenodd"/></g></svg>Cómo usar el icono Avalanche
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:avalanche" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:avalanche" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:avalanche" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--avalanche]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:avalanche"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:avalanche"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/avalanche.svg" alt="Icono Avalanche" width="24" height="24">El icono Avalanche en otras colecciones
Preguntas frecuentes sobre Icono Avalanche
¿El icono Avalanche es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Avalanche en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:avalanche" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Avalanche a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/avalanche.svg" alt="Icono Avalanche">, o pega el código SVG en línea para darle estilo con CSS.