volcano icon

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

Name
volcano
Set
Font Awesome Solid
Style
Solid
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

volcanoEmoji One (Colored)volcanoFont Awesome 6 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 640 640"><path fill="currentColor" d="M224 208c-35.3 0-64-28.7-64-64s28.7-64 64-64c15.7 0 30 5.6 41.2 15c11.2-18.6 31.6-31 54.8-31s43.6 12.4 54.8 31c11.1-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 48C339.3 251 330 256 320 256s-19.3-5-24.9-13.3l-32-48C252.3 203 238.7 208 224 208m-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-59-66.3c-9.1-10.2-22.2-16.1-35.9-16.1h-41.8c-13.7 0-26.8 5.9-35.9 16.1l-59.9 67.4l4.7-3.5zm19.4-95.8c18.2-20.5 44.3-32.2 71.8-32.2H341c27.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.2l-407.8-.1C87.4 576 64 552.6 64 523.8c0-12.7 4.7-25.1 13.2-34.6z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidVolcano(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M224 208c-35.3 0-64-28.7-64-64s28.7-64 64-64c15.7 0 30 5.6 41.2 15c11.2-18.6 31.6-31 54.8-31s43.6 12.4 54.8 31c11.1-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 48C339.3 251 330 256 320 256s-19.3-5-24.9-13.3l-32-48C252.3 203 238.7 208 224 208m-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-59-66.3c-9.1-10.2-22.2-16.1-35.9-16.1h-41.8c-13.7 0-26.8 5.9-35.9 16.1l-59.9 67.4l4.7-3.5zm19.4-95.8c18.2-20.5 44.3-32.2 71.8-32.2H341c27.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.2l-407.8-.1C87.4 576 64 552.6 64 523.8c0-12.7 4.7-25.1 13.2-34.6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M224 208c-35.3 0-64-28.7-64-64s28.7-64 64-64c15.7 0 30 5.6 41.2 15c11.2-18.6 31.6-31 54.8-31s43.6 12.4 54.8 31c11.1-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 48C339.3 251 330 256 320 256s-19.3-5-24.9-13.3l-32-48C252.3 203 238.7 208 224 208m-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-59-66.3c-9.1-10.2-22.2-16.1-35.9-16.1h-41.8c-13.7 0-26.8 5.9-35.9 16.1l-59.9 67.4l4.7-3.5zm19.4-95.8c18.2-20.5 44.3-32.2 71.8-32.2H341c27.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.2l-407.8-.1C87.4 576 64 552.6 64 523.8c0-12.7 4.7-25.1 13.2-34.6z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%20208c-35.3%200-64-28.7-64-64s28.7-64%2064-64c15.7%200%2030%205.6%2041.2%2015c11.2-18.6%2031.6-31%2054.8-31s43.6%2012.4%2054.8%2031c11.1-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%2048C339.3%20251%20330%20256%20320%20256s-19.3-5-24.9-13.3l-32-48C252.3%20203%20238.7%20208%20224%20208m-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-59-66.3c-9.1-10.2-22.2-16.1-35.9-16.1h-41.8c-13.7%200-26.8%205.9-35.9%2016.1l-59.9%2067.4l4.7-3.5zm19.4-95.8c18.2-20.5%2044.3-32.2%2071.8-32.2H341c27.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.2l-407.8-.1C87.4%20576%2064%20552.6%2064%20523.8c0-12.7%204.7-25.1%2013.2-34.6z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%20208c-35.3%200-64-28.7-64-64s28.7-64%2064-64c15.7%200%2030%205.6%2041.2%2015c11.2-18.6%2031.6-31%2054.8-31s43.6%2012.4%2054.8%2031c11.1-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%2048C339.3%20251%20330%20256%20320%20256s-19.3-5-24.9-13.3l-32-48C252.3%20203%20238.7%20208%20224%20208m-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-59-66.3c-9.1-10.2-22.2-16.1-35.9-16.1h-41.8c-13.7%200-26.8%205.9-35.9%2016.1l-59.9%2067.4l4.7-3.5zm19.4-95.8c18.2-20.5%2044.3-32.2%2071.8-32.2H341c27.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.2l-407.8-.1C87.4%20576%2064%20552.6%2064%20523.8c0-12.7%204.7-25.1%2013.2-34.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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