Avalanche icon
thesvg-color:avalanche
The Avalanche icon (thesvg-color:avalanche) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1503 × 1504 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 1503 × 1504
SVG code
<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>How to use the Avalanche icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/avalanche.svg" alt="Avalanche icon" width="24" height="24">Avalanche icon in other icon sets
Avalanche icon FAQ
Is the Avalanche icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Avalanche icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:avalanche" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Avalanche icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/avalanche.svg" alt="Avalanche icon">, or paste the SVG code inline to style it with CSS.