mountain icon
mountain from Font Awesome 6 Solid by Dave Gandy · Regular · Autumn · CC-BY-4.0 Attribution required.
- Name
- mountain
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Category
- Autumn
- Viewbox
- 512×512
- License
- CC BY 4.0
The same icon in other sets
More autumn icons from Font Awesome 6 Solid
Use the mountain icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 32c12.5 0 24.1 6.4 30.8 17l216.6 345.4c5.6 8.9 8.6 19.2 8.6 29.7c0 30.9-25 55.9-55.9 55.9H55.9C25 480 0 455 0 424.1c0-10.5 3-20.8 8.6-29.7L225.2 49c6.6-10.6 18.3-17 30.8-17m65 192l-65-103.6l-79.1 126.1l18.3 24.4c6.4 8.5 19.2 8.5 25.6 0l25.6-34.1c6-8.1 15.5-12.8 25.6-12.8z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidMountain(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="M256 32c12.5 0 24.1 6.4 30.8 17l216.6 345.4c5.6 8.9 8.6 19.2 8.6 29.7c0 30.9-25 55.9-55.9 55.9H55.9C25 480 0 455 0 424.1c0-10.5 3-20.8 8.6-29.7L225.2 49c6.6-10.6 18.3-17 30.8-17m65 192l-65-103.6l-79.1 126.1l18.3 24.4c6.4 8.5 19.2 8.5 25.6 0l25.6-34.1c6-8.1 15.5-12.8 25.6-12.8z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 32c12.5 0 24.1 6.4 30.8 17l216.6 345.4c5.6 8.9 8.6 19.2 8.6 29.7c0 30.9-25 55.9-55.9 55.9H55.9C25 480 0 455 0 424.1c0-10.5 3-20.8 8.6-29.7L225.2 49c6.6-10.6 18.3-17 30.8-17m65 192l-65-103.6l-79.1 126.1l18.3 24.4c6.4 8.5 19.2 8.5 25.6 0l25.6-34.1c6-8.1 15.5-12.8 25.6-12.8z"/></svg> </template>
CSS
.icon-mountain {
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%22M256%2032c12.5%200%2024.1%206.4%2030.8%2017l216.6%20345.4c5.6%208.9%208.6%2019.2%208.6%2029.7c0%2030.9-25%2055.9-55.9%2055.9H55.9C25%20480%200%20455%200%20424.1c0-10.5%203-20.8%208.6-29.7L225.2%2049c6.6-10.6%2018.3-17%2030.8-17m65%20192l-65-103.6l-79.1%20126.1l18.3%2024.4c6.4%208.5%2019.2%208.5%2025.6%200l25.6-34.1c6-8.1%2015.5-12.8%2025.6-12.8z%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%22M256%2032c12.5%200%2024.1%206.4%2030.8%2017l216.6%20345.4c5.6%208.9%208.6%2019.2%208.6%2029.7c0%2030.9-25%2055.9-55.9%2055.9H55.9C25%20480%200%20455%200%20424.1c0-10.5%203-20.8%208.6-29.7L225.2%2049c6.6-10.6%2018.3-17%2030.8-17m65%20192l-65-103.6l-79.1%20126.1l18.3%2024.4c6.4%208.5%2019.2%208.5%2025.6%200l25.6-34.1c6-8.1%2015.5-12.8%2025.6-12.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/mountain.svg?color=%231a73e8&size=48
