volcano icon

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

Name: volcano-rounded
Set: Material Symbols
Style: Rounded
Category: Social
Viewbox: 24×24
License: Apache 2.0

3 other variants in Material Symbols

volcano volcano-outline volcano-outline-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 Light volcanoMaterial Design Icons volcanoNoto Emoji volcanoOpenMoji volcanoTabler Icons volcanoTwitter Emoji

More social icons from Material Symbols

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="M19.35 22H5.075q-1.1 0-1.688-.9t-.137-1.9l2.225-5q.25-.55.738-.875T7.3 13H9l1.5-3.75q.225-.575.725-.912T12.35 8h4.15q.675 0 1.2.4t.725 1.05l2.85 10q.275.95-.325 1.75t-1.6.8M13 4V2q0-.425.288-.712T14 1t.713.288T15 2v2q0 .425-.288.713T14 5t-.712-.288T13 4m3.825.775L18.25 3.35q.275-.275.688-.275t.712.275q.3.3.3.7t-.3.7l-1.425 1.425q-.275.275-.688.288t-.712-.288q-.275-.275-.275-.7t.275-.7m-7.05 1.4L8.35 4.75q-.275-.275-.275-.687t.275-.713q.3-.3.7-.3t.7.3l1.425 1.425q.275.275.287.688t-.287.712q-.275.275-.7.275t-.7-.275"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsVolcanoRounded(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="M19.35 22H5.075q-1.1 0-1.688-.9t-.137-1.9l2.225-5q.25-.55.738-.875T7.3 13H9l1.5-3.75q.225-.575.725-.912T12.35 8h4.15q.675 0 1.2.4t.725 1.05l2.85 10q.275.95-.325 1.75t-1.6.8M13 4V2q0-.425.288-.712T14 1t.713.288T15 2v2q0 .425-.288.713T14 5t-.712-.288T13 4m3.825.775L18.25 3.35q.275-.275.688-.275t.712.275q.3.3.3.7t-.3.7l-1.425 1.425q-.275.275-.688.288t-.712-.288q-.275-.275-.275-.7t.275-.7m-7.05 1.4L8.35 4.75q-.275-.275-.275-.687t.275-.713q.3-.3.7-.3t.7.3l1.425 1.425q.275.275.287.688t-.287.712q-.275.275-.7.275t-.7-.275"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.35 22H5.075q-1.1 0-1.688-.9t-.137-1.9l2.225-5q.25-.55.738-.875T7.3 13H9l1.5-3.75q.225-.575.725-.912T12.35 8h4.15q.675 0 1.2.4t.725 1.05l2.85 10q.275.95-.325 1.75t-1.6.8M13 4V2q0-.425.288-.712T14 1t.713.288T15 2v2q0 .425-.288.713T14 5t-.712-.288T13 4m3.825.775L18.25 3.35q.275-.275.688-.275t.712.275q.3.3.3.7t-.3.7l-1.425 1.425q-.275.275-.688.288t-.712-.288q-.275-.275-.275-.7t.275-.7m-7.05 1.4L8.35 4.75q-.275-.275-.275-.687t.275-.713q.3-.3.7-.3t.7.3l1.425 1.425q.275.275.287.688t-.287.712q-.275.275-.7.275t-.7-.275"/></svg>
</template>

CSS

.icon-volcano-rounded {
  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%22M19.35%2022H5.075q-1.1%200-1.688-.9t-.137-1.9l2.225-5q.25-.55.738-.875T7.3%2013H9l1.5-3.75q.225-.575.725-.912T12.35%208h4.15q.675%200%201.2.4t.725%201.05l2.85%2010q.275.95-.325%201.75t-1.6.8M13%204V2q0-.425.288-.712T14%201t.713.288T15%202v2q0%20.425-.288.713T14%205t-.712-.288T13%204m3.825.775L18.25%203.35q.275-.275.688-.275t.712.275q.3.3.3.7t-.3.7l-1.425%201.425q-.275.275-.688.288t-.712-.288q-.275-.275-.275-.7t.275-.7m-7.05%201.4L8.35%204.75q-.275-.275-.275-.687t.275-.713q.3-.3.7-.3t.7.3l1.425%201.425q.275.275.287.688t-.287.712q-.275.275-.7.275t-.7-.275%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%22M19.35%2022H5.075q-1.1%200-1.688-.9t-.137-1.9l2.225-5q.25-.55.738-.875T7.3%2013H9l1.5-3.75q.225-.575.725-.912T12.35%208h4.15q.675%200%201.2.4t.725%201.05l2.85%2010q.275.95-.325%201.75t-1.6.8M13%204V2q0-.425.288-.712T14%201t.713.288T15%202v2q0%20.425-.288.713T14%205t-.712-.288T13%204m3.825.775L18.25%203.35q.275-.275.688-.275t.712.275q.3.3.3.7t-.3.7l-1.425%201.425q-.275.275-.688.288t-.712-.288q-.275-.275-.275-.7t.275-.7m-7.05%201.4L8.35%204.75q-.275-.275-.275-.687t.275-.713q.3-.3.7-.3t.7.3l1.425%201.425q.275.275.287.688t-.287.712q-.275.275-.7.275t-.7-.275%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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