gavel icon

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

Name: gavel
Set: Font Awesome 6 Solid
Style: Regular
Category: Maps
Viewbox: 512×512
License: CC BY 4.0

The same icon in other sets

gavelFont Awesome Solid gavel-16-filledFluent UI System Icons gavelHuge Icons gavelIconPark gavelIconPark Outline gavelIconPark Solid gavelIconPark TwoTone gavelLine Awesome gavelLucide gavelMaterial Symbols gavelMaterial Symbols Light gavelMaterial Design Icons gavelPhosphor gavelTabler Icons

More maps icons from Font Awesome 6 Solid

anchor bomb bookmark helicopter life-ring magnet map-pin newspaper plane plane-slash restroom road rocket ship snowplow street-view traffic-light train umbrella vest vest-patches

Use the gavel icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M318.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-120 120c-12.5 12.5-12.5 32.8 0 45.3l16 16c12.5 12.5 32.8 12.5 45.3 0l4-4l106.8 106.7l-4 4c-12.5 12.5-12.5 32.8 0 45.3l16 16c12.5 12.5 32.8 12.5 45.3 0l120-120c12.5-12.5 12.5-32.8 0-45.3l-16-16c-12.5-12.5-32.8-12.5-45.3 0l-4 4L330.6 74.6l4-4c12.5-12.5 12.5-32.8 0-45.3l-16-16zm-152 288c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l48 48c12.5 12.5 32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-1.4-1.4l58.8-58.7l-45.3-45.3l-58.7 58.7l-1.4-1.4z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidGavel(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="M318.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-120 120c-12.5 12.5-12.5 32.8 0 45.3l16 16c12.5 12.5 32.8 12.5 45.3 0l4-4l106.8 106.7l-4 4c-12.5 12.5-12.5 32.8 0 45.3l16 16c12.5 12.5 32.8 12.5 45.3 0l120-120c12.5-12.5 12.5-32.8 0-45.3l-16-16c-12.5-12.5-32.8-12.5-45.3 0l-4 4L330.6 74.6l4-4c12.5-12.5 12.5-32.8 0-45.3l-16-16zm-152 288c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l48 48c12.5 12.5 32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-1.4-1.4l58.8-58.7l-45.3-45.3l-58.7 58.7l-1.4-1.4z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M318.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-120 120c-12.5 12.5-12.5 32.8 0 45.3l16 16c12.5 12.5 32.8 12.5 45.3 0l4-4l106.8 106.7l-4 4c-12.5 12.5-12.5 32.8 0 45.3l16 16c12.5 12.5 32.8 12.5 45.3 0l120-120c12.5-12.5 12.5-32.8 0-45.3l-16-16c-12.5-12.5-32.8-12.5-45.3 0l-4 4L330.6 74.6l4-4c12.5-12.5 12.5-32.8 0-45.3l-16-16zm-152 288c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l48 48c12.5 12.5 32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-1.4-1.4l58.8-58.7l-45.3-45.3l-58.7 58.7l-1.4-1.4z"/></svg>
</template>

CSS

.icon-gavel {
  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%22M318.6%209.4c-12.5-12.5-32.8-12.5-45.3%200l-120%20120c-12.5%2012.5-12.5%2032.8%200%2045.3l16%2016c12.5%2012.5%2032.8%2012.5%2045.3%200l4-4l106.8%20106.7l-4%204c-12.5%2012.5-12.5%2032.8%200%2045.3l16%2016c12.5%2012.5%2032.8%2012.5%2045.3%200l120-120c12.5-12.5%2012.5-32.8%200-45.3l-16-16c-12.5-12.5-32.8-12.5-45.3%200l-4%204L330.6%2074.6l4-4c12.5-12.5%2012.5-32.8%200-45.3l-16-16zm-152%20288c-12.5-12.5-32.8-12.5-45.3%200l-112%20112c-12.5%2012.5-12.5%2032.8%200%2045.3l48%2048c12.5%2012.5%2032.8%2012.5%2045.3%200l112-112c12.5-12.5%2012.5-32.8%200-45.3l-1.4-1.4l58.8-58.7l-45.3-45.3l-58.7%2058.7l-1.4-1.4z%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%22M318.6%209.4c-12.5-12.5-32.8-12.5-45.3%200l-120%20120c-12.5%2012.5-12.5%2032.8%200%2045.3l16%2016c12.5%2012.5%2032.8%2012.5%2045.3%200l4-4l106.8%20106.7l-4%204c-12.5%2012.5-12.5%2032.8%200%2045.3l16%2016c12.5%2012.5%2032.8%2012.5%2045.3%200l120-120c12.5-12.5%2012.5-32.8%200-45.3l-16-16c-12.5-12.5-32.8-12.5-45.3%200l-4%204L330.6%2074.6l4-4c12.5-12.5%2012.5-32.8%200-45.3l-16-16zm-152%20288c-12.5-12.5-32.8-12.5-45.3%200l-112%20112c-12.5%2012.5-12.5%2032.8%200%2045.3l48%2048c12.5%2012.5%2032.8%2012.5%2045.3%200l112-112c12.5-12.5%2012.5-32.8%200-45.3l-1.4-1.4l58.8-58.7l-45.3-45.3l-58.7%2058.7l-1.4-1.4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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