avalanche icon
avalanche from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- avalanche
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the avalanche icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M2 21h9.655c2.52 0 3.78 0 4.216-.83c.435-.829-.26-1.905-1.651-4.058L6.936 4.84C6.139 3.607 5.74 2.99 5.18 3C3.953 3.02 2.5 6 2 7"/><path d="M10 5c.602 1.214 1.15 2.015 2 3"/><path stroke-linejoin="round" d="M2 7c.2.59.327 1.503.756 1.967c.25.271.634.383.995.289c.542-.141.864-.72 1.376-.923c.24-.095.507-.095.746 0c.642.254 1.055 1.064 1.767 1.158c.684.09 1.026-.52 1.36-1.013m9.727 6.567a3.5 3.5 0 0 1-.287 1.084m.287-1.084C18.936 12.882 17.042 11 14.762 11c-.709 0-1.957.175-2.762.763m6.727 3.282C20.529 15.037 22 16.398 22 18.08c0 1.39-1.004 2.562-2.373 2.921"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsAvalanche(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path strokeLinejoin="round" d="M2 21h9.655c2.52 0 3.78 0 4.216-.83c.435-.829-.26-1.905-1.651-4.058L6.936 4.84C6.139 3.607 5.74 2.99 5.18 3C3.953 3.02 2.5 6 2 7"/><path d="M10 5c.602 1.214 1.15 2.015 2 3"/><path strokeLinejoin="round" d="M2 7c.2.59.327 1.503.756 1.967c.25.271.634.383.995.289c.542-.141.864-.72 1.376-.923c.24-.095.507-.095.746 0c.642.254 1.055 1.064 1.767 1.158c.684.09 1.026-.52 1.36-1.013m9.727 6.567a3.5 3.5 0 0 1-.287 1.084m.287-1.084C18.936 12.882 17.042 11 14.762 11c-.709 0-1.957.175-2.762.763m6.727 3.282C20.529 15.037 22 16.398 22 18.08c0 1.39-1.004 2.562-2.373 2.921"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M2 21h9.655c2.52 0 3.78 0 4.216-.83c.435-.829-.26-1.905-1.651-4.058L6.936 4.84C6.139 3.607 5.74 2.99 5.18 3C3.953 3.02 2.5 6 2 7"/><path d="M10 5c.602 1.214 1.15 2.015 2 3"/><path stroke-linejoin="round" d="M2 7c.2.59.327 1.503.756 1.967c.25.271.634.383.995.289c.542-.141.864-.72 1.376-.923c.24-.095.507-.095.746 0c.642.254 1.055 1.064 1.767 1.158c.684.09 1.026-.52 1.36-1.013m9.727 6.567a3.5 3.5 0 0 1-.287 1.084m.287-1.084C18.936 12.882 17.042 11 14.762 11c-.709 0-1.957.175-2.762.763m6.727 3.282C20.529 15.037 22 16.398 22 18.08c0 1.39-1.004 2.562-2.373 2.921"/></g></svg> </template>
CSS
.icon-avalanche {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M2%2021h9.655c2.52%200%203.78%200%204.216-.83c.435-.829-.26-1.905-1.651-4.058L6.936%204.84C6.139%203.607%205.74%202.99%205.18%203C3.953%203.02%202.5%206%202%207%22%2F%3E%3Cpath%20d%3D%22M10%205c.602%201.214%201.15%202.015%202%203%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M2%207c.2.59.327%201.503.756%201.967c.25.271.634.383.995.289c.542-.141.864-.72%201.376-.923c.24-.095.507-.095.746%200c.642.254%201.055%201.064%201.767%201.158c.684.09%201.026-.52%201.36-1.013m9.727%206.567a3.5%203.5%200%200%201-.287%201.084m.287-1.084C18.936%2012.882%2017.042%2011%2014.762%2011c-.709%200-1.957.175-2.762.763m6.727%203.282C20.529%2015.037%2022%2016.398%2022%2018.08c0%201.39-1.004%202.562-2.373%202.921%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M2%2021h9.655c2.52%200%203.78%200%204.216-.83c.435-.829-.26-1.905-1.651-4.058L6.936%204.84C6.139%203.607%205.74%202.99%205.18%203C3.953%203.02%202.5%206%202%207%22%2F%3E%3Cpath%20d%3D%22M10%205c.602%201.214%201.15%202.015%202%203%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M2%207c.2.59.327%201.503.756%201.967c.25.271.634.383.995.289c.542-.141.864-.72%201.376-.923c.24-.095.507-.095.746%200c.642.254%201.055%201.064%201.767%201.158c.684.09%201.026-.52%201.36-1.013m9.727%206.567a3.5%203.5%200%200%201-.287%201.084m.287-1.084C18.936%2012.882%2017.042%2011%2014.762%2011c-.709%200-1.957.175-2.762.763m6.727%203.282C20.529%2015.037%2022%2016.398%2022%2018.08c0%201.39-1.004%202.562-2.373%202.921%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/avalanche.svg?color=%231a73e8&size=48
