volcano icon

volcano from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name
volcano
Set
Font Awesome 6 Solid
Style
Regular
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

volcanoEmoji One (Colored)volcanoFont Awesome SolidvolcanoFluent EmojivolcanoFluent Emoji FlatvolcanoFluent Emoji High ContrastvolcanoFirefox OS EmojivolcanoMaterial SymbolsvolcanoMaterial Symbols LightvolcanoMaterial Design IconsvolcanoNoto EmojivolcanoOpenMojivolcanoTabler IconsvolcanoTwitter Emoji

Use the volcano icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M160 144c-35.3 0-64-28.7-64-64s28.7-64 64-64c15.7 0 30 5.6 41.2 15C212.4 12.4 232.7 0 256 0s43.6 12.4 54.8 31c11.2-9.4 25.5-15 41.2-15c35.3 0 64 28.7 64 64s-28.7 64-64 64c-14.7 0-28.3-5-39.1-13.3l-32 48C275.3 187 266 192 256 192s-19.3-5-24.9-13.3l-32-48C188.3 139 174.7 144 160 144m-16 208l48.4-24.2c10.2-5.1 21.6-7.8 33-7.8c19.6 0 38.4 7.8 52.2 21.6l32.5 32.5c6.3 6.3 14.9 9.9 23.8 9.9c11.3 0 21.8-5.6 28-15l9.7-14.6l-58.9-66.3c-9.1-10.2-22.2-16.1-35.9-16.1H235c-13.7 0-26.8 5.9-35.9 16.1l-59.9 67.4zm19.4-95.8c18.2-20.5 44.3-32.2 71.8-32.2H277c27.4 0 53.5 11.7 71.8 32.2l150.2 169c8.5 9.5 13.2 21.9 13.2 34.7c0 28.8-23.4 52.2-52.2 52.2L52.2 512C23.4 512 0 488.6 0 459.8c0-12.8 4.7-25.1 13.2-34.7l150.2-169z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidVolcano(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M160 144c-35.3 0-64-28.7-64-64s28.7-64 64-64c15.7 0 30 5.6 41.2 15C212.4 12.4 232.7 0 256 0s43.6 12.4 54.8 31c11.2-9.4 25.5-15 41.2-15c35.3 0 64 28.7 64 64s-28.7 64-64 64c-14.7 0-28.3-5-39.1-13.3l-32 48C275.3 187 266 192 256 192s-19.3-5-24.9-13.3l-32-48C188.3 139 174.7 144 160 144m-16 208l48.4-24.2c10.2-5.1 21.6-7.8 33-7.8c19.6 0 38.4 7.8 52.2 21.6l32.5 32.5c6.3 6.3 14.9 9.9 23.8 9.9c11.3 0 21.8-5.6 28-15l9.7-14.6l-58.9-66.3c-9.1-10.2-22.2-16.1-35.9-16.1H235c-13.7 0-26.8 5.9-35.9 16.1l-59.9 67.4zm19.4-95.8c18.2-20.5 44.3-32.2 71.8-32.2H277c27.4 0 53.5 11.7 71.8 32.2l150.2 169c8.5 9.5 13.2 21.9 13.2 34.7c0 28.8-23.4 52.2-52.2 52.2L52.2 512C23.4 512 0 488.6 0 459.8c0-12.8 4.7-25.1 13.2-34.7l150.2-169z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M160 144c-35.3 0-64-28.7-64-64s28.7-64 64-64c15.7 0 30 5.6 41.2 15C212.4 12.4 232.7 0 256 0s43.6 12.4 54.8 31c11.2-9.4 25.5-15 41.2-15c35.3 0 64 28.7 64 64s-28.7 64-64 64c-14.7 0-28.3-5-39.1-13.3l-32 48C275.3 187 266 192 256 192s-19.3-5-24.9-13.3l-32-48C188.3 139 174.7 144 160 144m-16 208l48.4-24.2c10.2-5.1 21.6-7.8 33-7.8c19.6 0 38.4 7.8 52.2 21.6l32.5 32.5c6.3 6.3 14.9 9.9 23.8 9.9c11.3 0 21.8-5.6 28-15l9.7-14.6l-58.9-66.3c-9.1-10.2-22.2-16.1-35.9-16.1H235c-13.7 0-26.8 5.9-35.9 16.1l-59.9 67.4zm19.4-95.8c18.2-20.5 44.3-32.2 71.8-32.2H277c27.4 0 53.5 11.7 71.8 32.2l150.2 169c8.5 9.5 13.2 21.9 13.2 34.7c0 28.8-23.4 52.2-52.2 52.2L52.2 512C23.4 512 0 488.6 0 459.8c0-12.8 4.7-25.1 13.2-34.7l150.2-169z"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160%20144c-35.3%200-64-28.7-64-64s28.7-64%2064-64c15.7%200%2030%205.6%2041.2%2015C212.4%2012.4%20232.7%200%20256%200s43.6%2012.4%2054.8%2031c11.2-9.4%2025.5-15%2041.2-15c35.3%200%2064%2028.7%2064%2064s-28.7%2064-64%2064c-14.7%200-28.3-5-39.1-13.3l-32%2048C275.3%20187%20266%20192%20256%20192s-19.3-5-24.9-13.3l-32-48C188.3%20139%20174.7%20144%20160%20144m-16%20208l48.4-24.2c10.2-5.1%2021.6-7.8%2033-7.8c19.6%200%2038.4%207.8%2052.2%2021.6l32.5%2032.5c6.3%206.3%2014.9%209.9%2023.8%209.9c11.3%200%2021.8-5.6%2028-15l9.7-14.6l-58.9-66.3c-9.1-10.2-22.2-16.1-35.9-16.1H235c-13.7%200-26.8%205.9-35.9%2016.1l-59.9%2067.4zm19.4-95.8c18.2-20.5%2044.3-32.2%2071.8-32.2H277c27.4%200%2053.5%2011.7%2071.8%2032.2l150.2%20169c8.5%209.5%2013.2%2021.9%2013.2%2034.7c0%2028.8-23.4%2052.2-52.2%2052.2L52.2%20512C23.4%20512%200%20488.6%200%20459.8c0-12.8%204.7-25.1%2013.2-34.7l150.2-169z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160%20144c-35.3%200-64-28.7-64-64s28.7-64%2064-64c15.7%200%2030%205.6%2041.2%2015C212.4%2012.4%20232.7%200%20256%200s43.6%2012.4%2054.8%2031c11.2-9.4%2025.5-15%2041.2-15c35.3%200%2064%2028.7%2064%2064s-28.7%2064-64%2064c-14.7%200-28.3-5-39.1-13.3l-32%2048C275.3%20187%20266%20192%20256%20192s-19.3-5-24.9-13.3l-32-48C188.3%20139%20174.7%20144%20160%20144m-16%20208l48.4-24.2c10.2-5.1%2021.6-7.8%2033-7.8c19.6%200%2038.4%207.8%2052.2%2021.6l32.5%2032.5c6.3%206.3%2014.9%209.9%2023.8%209.9c11.3%200%2021.8-5.6%2028-15l9.7-14.6l-58.9-66.3c-9.1-10.2-22.2-16.1-35.9-16.1H235c-13.7%200-26.8%205.9-35.9%2016.1l-59.9%2067.4zm19.4-95.8c18.2-20.5%2044.3-32.2%2071.8-32.2H277c27.4%200%2053.5%2011.7%2071.8%2032.2l150.2%20169c8.5%209.5%2013.2%2021.9%2013.2%2034.7c0%2028.8-23.4%2052.2-52.2%2052.2L52.2%20512C23.4%20512%200%20488.6%200%20459.8c0-12.8%204.7-25.1%2013.2-34.7l150.2-169z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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