volcano icon

volcano from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: volcano
Set: Material Symbols Light
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: volcano-sharp

3 other variants in Material Symbols Light

volcano-outline volcano-outline-rounded volcano-rounded

The same icon in other sets

volcanoEmoji One (Colored)volcanoFont Awesome 6 Solid volcanoFont Awesome Solid volcanoFluent Emoji volcanoFluent Emoji Flat volcanoFluent Emoji High Contrast volcanoFirefox OS Emoji volcanoMaterial Symbols volcanoMaterial Design Icons volcanoNoto Emoji volcanoOpenMoji volcanoTabler Icons volcanoTwitter Emoji

More social icons from Material Symbols Light

Use the volcano icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m3.539 21l3.115-7h3.019l2-5h5.577l3.423 12zM13.885 5.27v-3h1v3zm4.024 1.663l-.688-.689l2.114-2.113l.713.688zm-7.05 0L8.747 4.819l.688-.713l2.114 2.138z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightVolcano(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m3.539 21l3.115-7h3.019l2-5h5.577l3.423 12zM13.885 5.27v-3h1v3zm4.024 1.663l-.688-.689l2.114-2.113l.713.688zm-7.05 0L8.747 4.819l.688-.713l2.114 2.138z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m3.539 21l3.115-7h3.019l2-5h5.577l3.423 12zM13.885 5.27v-3h1v3zm4.024 1.663l-.688-.689l2.114-2.113l.713.688zm-7.05 0L8.747 4.819l.688-.713l2.114 2.138z"/></svg>
</template>

CSS

.icon-volcano {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.539%2021l3.115-7h3.019l2-5h5.577l3.423%2012zM13.885%205.27v-3h1v3zm4.024%201.663l-.688-.689l2.114-2.113l.713.688zm-7.05%200L8.747%204.819l.688-.713l2.114%202.138z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.539%2021l3.115-7h3.019l2-5h5.577l3.423%2012zM13.885%205.27v-3h1v3zm4.024%201.663l-.688-.689l2.114-2.113l.713.688zm-7.05%200L8.747%204.819l.688-.713l2.114%202.138z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/volcano.svg?color=%231a73e8&size=48