locust icon

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

Name: locust
Set: Font Awesome 6 Solid
Style: Regular
Viewbox: 576×512
License: CC BY 4.0

The same icon in other sets

locustFont Awesome Solid locustSimple Icons

Use the locust icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M312 32c-13.3 0-24 10.7-24 24s10.7 24 24 24h16c98.7 0 180.6 71.4 197 165.4c-9-3.5-18.8-5.4-29-5.4h-64.2L390 142.5c-3.4-7.9-10.8-13.4-19.3-14.4s-17 2.7-22.1 9.6l-40.9 55.5l-21.7-50.7c-3.3-7.8-10.5-13.2-18.9-14.3s-16.7 2.3-22 8.9l-240 304c-8.2 10.4-6.4 25.5 4 33.7s25.5 6.4 33.7-4l79.4-100.5l43 16.4l-40.5 55c-7.9 10.7-5.6 25.7 5.1 33.6s25.7 5.6 33.6-5.1l51.7-70.2h74.5l-29.3 42.3c-7.5 10.9-4.8 25.8 6.1 33.4s25.8 4.8 33.4-6.1L348 400h80.4l38.8 67.9c6.6 11.5 21.2 15.5 32.7 8.9s15.5-21.2 8.9-32.7L483.6 400H496c44.1 0 79.8-35.7 80-79.7V280c0-137-111-248-248-248zm50.5 168l17.1 40H333zm-87.7 38.1l-1.4 1.9h-48.2l32.7-41.5l16.9 39.5zm-186 1.9C57.4 240 32 265.4 32 296.8c0 15.5 6.3 30 16.9 40.4l77.8-97.2zM496 288a16 16 0 1 1 0 32a16 16 0 1 1 0-32"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidLocust(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="M312 32c-13.3 0-24 10.7-24 24s10.7 24 24 24h16c98.7 0 180.6 71.4 197 165.4c-9-3.5-18.8-5.4-29-5.4h-64.2L390 142.5c-3.4-7.9-10.8-13.4-19.3-14.4s-17 2.7-22.1 9.6l-40.9 55.5l-21.7-50.7c-3.3-7.8-10.5-13.2-18.9-14.3s-16.7 2.3-22 8.9l-240 304c-8.2 10.4-6.4 25.5 4 33.7s25.5 6.4 33.7-4l79.4-100.5l43 16.4l-40.5 55c-7.9 10.7-5.6 25.7 5.1 33.6s25.7 5.6 33.6-5.1l51.7-70.2h74.5l-29.3 42.3c-7.5 10.9-4.8 25.8 6.1 33.4s25.8 4.8 33.4-6.1L348 400h80.4l38.8 67.9c6.6 11.5 21.2 15.5 32.7 8.9s15.5-21.2 8.9-32.7L483.6 400H496c44.1 0 79.8-35.7 80-79.7V280c0-137-111-248-248-248zm50.5 168l17.1 40H333zm-87.7 38.1l-1.4 1.9h-48.2l32.7-41.5l16.9 39.5zm-186 1.9C57.4 240 32 265.4 32 296.8c0 15.5 6.3 30 16.9 40.4l77.8-97.2zM496 288a16 16 0 1 1 0 32a16 16 0 1 1 0-32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M312 32c-13.3 0-24 10.7-24 24s10.7 24 24 24h16c98.7 0 180.6 71.4 197 165.4c-9-3.5-18.8-5.4-29-5.4h-64.2L390 142.5c-3.4-7.9-10.8-13.4-19.3-14.4s-17 2.7-22.1 9.6l-40.9 55.5l-21.7-50.7c-3.3-7.8-10.5-13.2-18.9-14.3s-16.7 2.3-22 8.9l-240 304c-8.2 10.4-6.4 25.5 4 33.7s25.5 6.4 33.7-4l79.4-100.5l43 16.4l-40.5 55c-7.9 10.7-5.6 25.7 5.1 33.6s25.7 5.6 33.6-5.1l51.7-70.2h74.5l-29.3 42.3c-7.5 10.9-4.8 25.8 6.1 33.4s25.8 4.8 33.4-6.1L348 400h80.4l38.8 67.9c6.6 11.5 21.2 15.5 32.7 8.9s15.5-21.2 8.9-32.7L483.6 400H496c44.1 0 79.8-35.7 80-79.7V280c0-137-111-248-248-248zm50.5 168l17.1 40H333zm-87.7 38.1l-1.4 1.9h-48.2l32.7-41.5l16.9 39.5zm-186 1.9C57.4 240 32 265.4 32 296.8c0 15.5 6.3 30 16.9 40.4l77.8-97.2zM496 288a16 16 0 1 1 0 32a16 16 0 1 1 0-32"/></svg>
</template>

CSS

.icon-locust {
  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%22M312%2032c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h16c98.7%200%20180.6%2071.4%20197%20165.4c-9-3.5-18.8-5.4-29-5.4h-64.2L390%20142.5c-3.4-7.9-10.8-13.4-19.3-14.4s-17%202.7-22.1%209.6l-40.9%2055.5l-21.7-50.7c-3.3-7.8-10.5-13.2-18.9-14.3s-16.7%202.3-22%208.9l-240%20304c-8.2%2010.4-6.4%2025.5%204%2033.7s25.5%206.4%2033.7-4l79.4-100.5l43%2016.4l-40.5%2055c-7.9%2010.7-5.6%2025.7%205.1%2033.6s25.7%205.6%2033.6-5.1l51.7-70.2h74.5l-29.3%2042.3c-7.5%2010.9-4.8%2025.8%206.1%2033.4s25.8%204.8%2033.4-6.1L348%20400h80.4l38.8%2067.9c6.6%2011.5%2021.2%2015.5%2032.7%208.9s15.5-21.2%208.9-32.7L483.6%20400H496c44.1%200%2079.8-35.7%2080-79.7V280c0-137-111-248-248-248zm50.5%20168l17.1%2040H333zm-87.7%2038.1l-1.4%201.9h-48.2l32.7-41.5l16.9%2039.5zm-186%201.9C57.4%20240%2032%20265.4%2032%20296.8c0%2015.5%206.3%2030%2016.9%2040.4l77.8-97.2zM496%20288a16%2016%200%201%201%200%2032a16%2016%200%201%201%200-32%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%22M312%2032c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h16c98.7%200%20180.6%2071.4%20197%20165.4c-9-3.5-18.8-5.4-29-5.4h-64.2L390%20142.5c-3.4-7.9-10.8-13.4-19.3-14.4s-17%202.7-22.1%209.6l-40.9%2055.5l-21.7-50.7c-3.3-7.8-10.5-13.2-18.9-14.3s-16.7%202.3-22%208.9l-240%20304c-8.2%2010.4-6.4%2025.5%204%2033.7s25.5%206.4%2033.7-4l79.4-100.5l43%2016.4l-40.5%2055c-7.9%2010.7-5.6%2025.7%205.1%2033.6s25.7%205.6%2033.6-5.1l51.7-70.2h74.5l-29.3%2042.3c-7.5%2010.9-4.8%2025.8%206.1%2033.4s25.8%204.8%2033.4-6.1L348%20400h80.4l38.8%2067.9c6.6%2011.5%2021.2%2015.5%2032.7%208.9s15.5-21.2%208.9-32.7L483.6%20400H496c44.1%200%2079.8-35.7%2080-79.7V280c0-137-111-248-248-248zm50.5%20168l17.1%2040H333zm-87.7%2038.1l-1.4%201.9h-48.2l32.7-41.5l16.9%2039.5zm-186%201.9C57.4%20240%2032%20265.4%2032%20296.8c0%2015.5%206.3%2030%2016.9%2040.4l77.8-97.2zM496%20288a16%2016%200%201%201%200%2032a16%2016%200%201%201%200-32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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