volcano emoji
volcano from Fluent Emoji High Contrast by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- volcano
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More travel & places icons from Fluent Emoji High Contrast
Use the volcano emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18.17 3.998a1 1 0 0 0-2 0l-.002.998h-1.495l-.51.004a1 1 0 0 0-.993 1v1H11a1 1 0 0 0 0 2h1.533c.377 0 .77.132 1.065.439c.164.17.271.367.333.568c1.104-.011 2.208-.001 3.312-.002A1.46 1.46 0 0 1 18.638 9h2.532a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-.998-1l-.999-.002v-.002h-.001zM18.637 10a.5.5 0 0 0-.163.028c.264.027.536.09.805.236c.425.234.726.588.978.974l.04.06l1.586 3.55l5.98 13.022a1.5 1.5 0 0 1-1.36 2.13h-21a1.5 1.5 0 0 1-1.36-2.133l5.848-12.57a3 3 0 0 1 .136-.327a12 12 0 0 0 .274-.595l.022-.052l.009-.03h.005l.004-.01l.124-.268c.076-.165.18-.391.29-.636c.226-.494.476-1.046.596-1.33c.07-.164.185-.436.342-.713c.153-.27.38-.61.704-.878q.208-.17.43-.263c-.077-.12-.212-.195-.394-.195H11a2 2 0 0 1 0-4h1.17a2 2 0 0 1 1.985-2v-.004h1.015a2 2 0 0 1 4 0h.003V4a2 2 0 0 1 1.997 2a2 2 0 1 1 0 4zm2.99 6.692l-.004.002l-2.202-4.908c-.32-.634-.758-.785-1.414-.79c-1.305-.01-2.61.004-3.914 0c-.286-.002-.674-.004-.958.232c-.38.315-.624.882-.764 1.212c-.252.595-1.022 2.262-1.022 2.262s-.195.45-.328.715c-.132.265-.37.995.085 1.333l.105.078c.173.126.338.248.472.389c.203.169.317.434.317.783v8a.997.997 0 0 0 1 1q.104 0 .201-.02A1 1 0 0 0 14 26v-7a1 1 0 0 1 2 0v1a.997.997 0 0 0 1 1a1 1 0 0 0 1-1v-2a1 1 0 0 1 1-1h.012q.202.004.377.079A1 1 0 0 1 20 18a.996.996 0 0 0 1 1q.105 0 .202-.02A1 1 0 0 0 22 18v-.03c0-.476-.377-1.276-.377-1.276l.006-.001z"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastVolcano(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18.17 3.998a1 1 0 0 0-2 0l-.002.998h-1.495l-.51.004a1 1 0 0 0-.993 1v1H11a1 1 0 0 0 0 2h1.533c.377 0 .77.132 1.065.439c.164.17.271.367.333.568c1.104-.011 2.208-.001 3.312-.002A1.46 1.46 0 0 1 18.638 9h2.532a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-.998-1l-.999-.002v-.002h-.001zM18.637 10a.5.5 0 0 0-.163.028c.264.027.536.09.805.236c.425.234.726.588.978.974l.04.06l1.586 3.55l5.98 13.022a1.5 1.5 0 0 1-1.36 2.13h-21a1.5 1.5 0 0 1-1.36-2.133l5.848-12.57a3 3 0 0 1 .136-.327a12 12 0 0 0 .274-.595l.022-.052l.009-.03h.005l.004-.01l.124-.268c.076-.165.18-.391.29-.636c.226-.494.476-1.046.596-1.33c.07-.164.185-.436.342-.713c.153-.27.38-.61.704-.878q.208-.17.43-.263c-.077-.12-.212-.195-.394-.195H11a2 2 0 0 1 0-4h1.17a2 2 0 0 1 1.985-2v-.004h1.015a2 2 0 0 1 4 0h.003V4a2 2 0 0 1 1.997 2a2 2 0 1 1 0 4zm2.99 6.692l-.004.002l-2.202-4.908c-.32-.634-.758-.785-1.414-.79c-1.305-.01-2.61.004-3.914 0c-.286-.002-.674-.004-.958.232c-.38.315-.624.882-.764 1.212c-.252.595-1.022 2.262-1.022 2.262s-.195.45-.328.715c-.132.265-.37.995.085 1.333l.105.078c.173.126.338.248.472.389c.203.169.317.434.317.783v8a.997.997 0 0 0 1 1q.104 0 .201-.02A1 1 0 0 0 14 26v-7a1 1 0 0 1 2 0v1a.997.997 0 0 0 1 1a1 1 0 0 0 1-1v-2a1 1 0 0 1 1-1h.012q.202.004.377.079A1 1 0 0 1 20 18a.996.996 0 0 0 1 1q.105 0 .202-.02A1 1 0 0 0 22 18v-.03c0-.476-.377-1.276-.377-1.276l.006-.001z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18.17 3.998a1 1 0 0 0-2 0l-.002.998h-1.495l-.51.004a1 1 0 0 0-.993 1v1H11a1 1 0 0 0 0 2h1.533c.377 0 .77.132 1.065.439c.164.17.271.367.333.568c1.104-.011 2.208-.001 3.312-.002A1.46 1.46 0 0 1 18.638 9h2.532a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-.998-1l-.999-.002v-.002h-.001zM18.637 10a.5.5 0 0 0-.163.028c.264.027.536.09.805.236c.425.234.726.588.978.974l.04.06l1.586 3.55l5.98 13.022a1.5 1.5 0 0 1-1.36 2.13h-21a1.5 1.5 0 0 1-1.36-2.133l5.848-12.57a3 3 0 0 1 .136-.327a12 12 0 0 0 .274-.595l.022-.052l.009-.03h.005l.004-.01l.124-.268c.076-.165.18-.391.29-.636c.226-.494.476-1.046.596-1.33c.07-.164.185-.436.342-.713c.153-.27.38-.61.704-.878q.208-.17.43-.263c-.077-.12-.212-.195-.394-.195H11a2 2 0 0 1 0-4h1.17a2 2 0 0 1 1.985-2v-.004h1.015a2 2 0 0 1 4 0h.003V4a2 2 0 0 1 1.997 2a2 2 0 1 1 0 4zm2.99 6.692l-.004.002l-2.202-4.908c-.32-.634-.758-.785-1.414-.79c-1.305-.01-2.61.004-3.914 0c-.286-.002-.674-.004-.958.232c-.38.315-.624.882-.764 1.212c-.252.595-1.022 2.262-1.022 2.262s-.195.45-.328.715c-.132.265-.37.995.085 1.333l.105.078c.173.126.338.248.472.389c.203.169.317.434.317.783v8a.997.997 0 0 0 1 1q.104 0 .201-.02A1 1 0 0 0 14 26v-7a1 1 0 0 1 2 0v1a.997.997 0 0 0 1 1a1 1 0 0 0 1-1v-2a1 1 0 0 1 1-1h.012q.202.004.377.079A1 1 0 0 1 20 18a.996.996 0 0 0 1 1q.105 0 .202-.02A1 1 0 0 0 22 18v-.03c0-.476-.377-1.276-.377-1.276l.006-.001z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.17%203.998a1%201%200%200%200-2%200l-.002.998h-1.495l-.51.004a1%201%200%200%200-.993%201v1H11a1%201%200%200%200%200%202h1.533c.377%200%20.77.132%201.065.439c.164.17.271.367.333.568c1.104-.011%202.208-.001%203.312-.002A1.46%201.46%200%200%201%2018.638%209h2.532a1%201%200%201%200%200-2h-1V6a1%201%200%200%200-.998-1l-.999-.002v-.002h-.001zM18.637%2010a.5.5%200%200%200-.163.028c.264.027.536.09.805.236c.425.234.726.588.978.974l.04.06l1.586%203.55l5.98%2013.022a1.5%201.5%200%200%201-1.36%202.13h-21a1.5%201.5%200%200%201-1.36-2.133l5.848-12.57a3%203%200%200%201%20.136-.327a12%2012%200%200%200%20.274-.595l.022-.052l.009-.03h.005l.004-.01l.124-.268c.076-.165.18-.391.29-.636c.226-.494.476-1.046.596-1.33c.07-.164.185-.436.342-.713c.153-.27.38-.61.704-.878q.208-.17.43-.263c-.077-.12-.212-.195-.394-.195H11a2%202%200%200%201%200-4h1.17a2%202%200%200%201%201.985-2v-.004h1.015a2%202%200%200%201%204%200h.003V4a2%202%200%200%201%201.997%202a2%202%200%201%201%200%204zm2.99%206.692l-.004.002l-2.202-4.908c-.32-.634-.758-.785-1.414-.79c-1.305-.01-2.61.004-3.914%200c-.286-.002-.674-.004-.958.232c-.38.315-.624.882-.764%201.212c-.252.595-1.022%202.262-1.022%202.262s-.195.45-.328.715c-.132.265-.37.995.085%201.333l.105.078c.173.126.338.248.472.389c.203.169.317.434.317.783v8a.997.997%200%200%200%201%201q.104%200%20.201-.02A1%201%200%200%200%2014%2026v-7a1%201%200%200%201%202%200v1a.997.997%200%200%200%201%201a1%201%200%200%200%201-1v-2a1%201%200%200%201%201-1h.012q.202.004.377.079A1%201%200%200%201%2020%2018a.996.996%200%200%200%201%201q.105%200%20.202-.02A1%201%200%200%200%2022%2018v-.03c0-.476-.377-1.276-.377-1.276l.006-.001z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.17%203.998a1%201%200%200%200-2%200l-.002.998h-1.495l-.51.004a1%201%200%200%200-.993%201v1H11a1%201%200%200%200%200%202h1.533c.377%200%20.77.132%201.065.439c.164.17.271.367.333.568c1.104-.011%202.208-.001%203.312-.002A1.46%201.46%200%200%201%2018.638%209h2.532a1%201%200%201%200%200-2h-1V6a1%201%200%200%200-.998-1l-.999-.002v-.002h-.001zM18.637%2010a.5.5%200%200%200-.163.028c.264.027.536.09.805.236c.425.234.726.588.978.974l.04.06l1.586%203.55l5.98%2013.022a1.5%201.5%200%200%201-1.36%202.13h-21a1.5%201.5%200%200%201-1.36-2.133l5.848-12.57a3%203%200%200%201%20.136-.327a12%2012%200%200%200%20.274-.595l.022-.052l.009-.03h.005l.004-.01l.124-.268c.076-.165.18-.391.29-.636c.226-.494.476-1.046.596-1.33c.07-.164.185-.436.342-.713c.153-.27.38-.61.704-.878q.208-.17.43-.263c-.077-.12-.212-.195-.394-.195H11a2%202%200%200%201%200-4h1.17a2%202%200%200%201%201.985-2v-.004h1.015a2%202%200%200%201%204%200h.003V4a2%202%200%200%201%201.997%202a2%202%200%201%201%200%204zm2.99%206.692l-.004.002l-2.202-4.908c-.32-.634-.758-.785-1.414-.79c-1.305-.01-2.61.004-3.914%200c-.286-.002-.674-.004-.958.232c-.38.315-.624.882-.764%201.212c-.252.595-1.022%202.262-1.022%202.262s-.195.45-.328.715c-.132.265-.37.995.085%201.333l.105.078c.173.126.338.248.472.389c.203.169.317.434.317.783v8a.997.997%200%200%200%201%201q.104%200%20.201-.02A1%201%200%200%200%2014%2026v-7a1%201%200%200%201%202%200v1a.997.997%200%200%200%201%201a1%201%200%200%200%201-1v-2a1%201%200%200%201%201-1h.012q.202.004.377.079A1%201%200%200%201%2020%2018a.996.996%200%200%200%201%201q.105%200%20.202-.02A1%201%200%200%200%2022%2018v-.03c0-.476-.377-1.276-.377-1.276l.006-.001z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/volcano.svg?color=%231a73e8&size=48
