hill rockslide icon

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

Name
hill-rockslide
Set
Font Awesome 6 Solid
Style
Regular
Viewbox
576×512
License
CC BY 4.0

The same icon in other sets

hill-rockslideFont Awesome Solid

Related icons in Font Awesome 6 Solid

hill-avalanche

Use the hill rockslide icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="m252.4 103.8l27 48c2.8 5 8.2 8.2 13.9 8.2h53.3c5.8 0 11.1-3.1 13.9-8.2l27-48c2.7-4.9 2.7-10.8 0-15.7l-27-48c-2.8-5-8.2-8.2-13.9-8.2h-53.3c-5.8 0-11.1 3.1-13.9 8.2l-27 48c-2.7 4.9-2.7 10.8 0 15.7M68.3 87C43.1 61.8 0 79.7 0 115.3V432c0 44.2 35.8 80 80 80h316.7c35.6 0 53.5-43.1 28.3-68.3zm435.9 316.6c4.9 2.7 10.8 2.7 15.7 0l48-27c5-2.8 8.2-8.2 8.2-13.9v-53.3c0-5.8-3.1-11.1-8.2-13.9l-48-27c-4.9-2.7-10.8-2.7-15.7 0l-48 27c-5 2.8-8.2 8.2-8.2 13.9v53.3c0 5.8 3.1 11.1 8.2 13.9zM192 64a32 32 0 1 0-64 0a32 32 0 1 0 64 0m192 224a32 32 0 1 0 0-64a32 32 0 1 0 0 64"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidHillRockslide(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="m252.4 103.8l27 48c2.8 5 8.2 8.2 13.9 8.2h53.3c5.8 0 11.1-3.1 13.9-8.2l27-48c2.7-4.9 2.7-10.8 0-15.7l-27-48c-2.8-5-8.2-8.2-13.9-8.2h-53.3c-5.8 0-11.1 3.1-13.9 8.2l-27 48c-2.7 4.9-2.7 10.8 0 15.7M68.3 87C43.1 61.8 0 79.7 0 115.3V432c0 44.2 35.8 80 80 80h316.7c35.6 0 53.5-43.1 28.3-68.3zm435.9 316.6c4.9 2.7 10.8 2.7 15.7 0l48-27c5-2.8 8.2-8.2 8.2-13.9v-53.3c0-5.8-3.1-11.1-8.2-13.9l-48-27c-4.9-2.7-10.8-2.7-15.7 0l-48 27c-5 2.8-8.2 8.2-8.2 13.9v53.3c0 5.8 3.1 11.1 8.2 13.9zM192 64a32 32 0 1 0-64 0a32 32 0 1 0 64 0m192 224a32 32 0 1 0 0-64a32 32 0 1 0 0 64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="m252.4 103.8l27 48c2.8 5 8.2 8.2 13.9 8.2h53.3c5.8 0 11.1-3.1 13.9-8.2l27-48c2.7-4.9 2.7-10.8 0-15.7l-27-48c-2.8-5-8.2-8.2-13.9-8.2h-53.3c-5.8 0-11.1 3.1-13.9 8.2l-27 48c-2.7 4.9-2.7 10.8 0 15.7M68.3 87C43.1 61.8 0 79.7 0 115.3V432c0 44.2 35.8 80 80 80h316.7c35.6 0 53.5-43.1 28.3-68.3zm435.9 316.6c4.9 2.7 10.8 2.7 15.7 0l48-27c5-2.8 8.2-8.2 8.2-13.9v-53.3c0-5.8-3.1-11.1-8.2-13.9l-48-27c-4.9-2.7-10.8-2.7-15.7 0l-48 27c-5 2.8-8.2 8.2-8.2 13.9v53.3c0 5.8 3.1 11.1 8.2 13.9zM192 64a32 32 0 1 0-64 0a32 32 0 1 0 64 0m192 224a32 32 0 1 0 0-64a32 32 0 1 0 0 64"/></svg>
</template>

CSS

.icon-hill-rockslide {
  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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m252.4%20103.8l27%2048c2.8%205%208.2%208.2%2013.9%208.2h53.3c5.8%200%2011.1-3.1%2013.9-8.2l27-48c2.7-4.9%202.7-10.8%200-15.7l-27-48c-2.8-5-8.2-8.2-13.9-8.2h-53.3c-5.8%200-11.1%203.1-13.9%208.2l-27%2048c-2.7%204.9-2.7%2010.8%200%2015.7M68.3%2087C43.1%2061.8%200%2079.7%200%20115.3V432c0%2044.2%2035.8%2080%2080%2080h316.7c35.6%200%2053.5-43.1%2028.3-68.3zm435.9%20316.6c4.9%202.7%2010.8%202.7%2015.7%200l48-27c5-2.8%208.2-8.2%208.2-13.9v-53.3c0-5.8-3.1-11.1-8.2-13.9l-48-27c-4.9-2.7-10.8-2.7-15.7%200l-48%2027c-5%202.8-8.2%208.2-8.2%2013.9v53.3c0%205.8%203.1%2011.1%208.2%2013.9zM192%2064a32%2032%200%201%200-64%200a32%2032%200%201%200%2064%200m192%20224a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m252.4%20103.8l27%2048c2.8%205%208.2%208.2%2013.9%208.2h53.3c5.8%200%2011.1-3.1%2013.9-8.2l27-48c2.7-4.9%202.7-10.8%200-15.7l-27-48c-2.8-5-8.2-8.2-13.9-8.2h-53.3c-5.8%200-11.1%203.1-13.9%208.2l-27%2048c-2.7%204.9-2.7%2010.8%200%2015.7M68.3%2087C43.1%2061.8%200%2079.7%200%20115.3V432c0%2044.2%2035.8%2080%2080%2080h316.7c35.6%200%2053.5-43.1%2028.3-68.3zm435.9%20316.6c4.9%202.7%2010.8%202.7%2015.7%200l48-27c5-2.8%208.2-8.2%208.2-13.9v-53.3c0-5.8-3.1-11.1-8.2-13.9l-48-27c-4.9-2.7-10.8-2.7-15.7%200l-48%2027c-5%202.8-8.2%208.2-8.2%2013.9v53.3c0%205.8%203.1%2011.1%208.2%2013.9zM192%2064a32%2032%200%201%200-64%200a32%2032%200%201%200%2064%200m192%20224a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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