hill rockslide icon

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

Name: hill-rockslide
Set: Font Awesome Solid
Style: Solid
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

Related icons in Font Awesome Solid

Use the hill rockslide icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m284.4 167.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.7M100.3 151C75.1 125.8 32 143.7 32 179.3V496c0 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.9zM224 128c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32m192 224c17.7 0 32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidHillRockslide(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="m284.4 167.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.7M100.3 151C75.1 125.8 32 143.7 32 179.3V496c0 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.9zM224 128c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32m192 224c17.7 0 32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m284.4 167.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.7M100.3 151C75.1 125.8 32 143.7 32 179.3V496c0 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.9zM224 128c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32m192 224c17.7 0 32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m284.4%20167.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.7M100.3%20151C75.1%20125.8%2032%20143.7%2032%20179.3V496c0%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.9zM224%20128c0-17.7-14.3-32-32-32s-32%2014.3-32%2032s14.3%2032%2032%2032s32-14.3%2032-32m192%20224c17.7%200%2032-14.3%2032-32s-14.3-32-32-32s-32%2014.3-32%2032s14.3%2032%2032%2032%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%22m284.4%20167.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.7M100.3%20151C75.1%20125.8%2032%20143.7%2032%20179.3V496c0%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.9zM224%20128c0-17.7-14.3-32-32-32s-32%2014.3-32%2032s14.3%2032%2032%2032s32-14.3%2032-32m192%20224c17.7%200%2032-14.3%2032-32s-14.3-32-32-32s-32%2014.3-32%2032s14.3%2032%2032%2032%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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