gavel icon

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

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

The same icon in other sets

gavelFont Awesome 6 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 Solid

Use the gavel icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m201.6 217.4l-18.7-18.7c-12.5-12.5-12.5-32.8 0-45.3L297.6 38.6c12.5-12.5 32.8-12.5 45.3 0l18.7 18.8c12.5 12.5 12.5 32.8 0 45.3L246.9 217.4c-12.5 12.5-32.8 12.5-45.3 0M308 275.7l-31.4-31.4l112-112L508 251.7l-112 112l-31.4-31.4l-232 232c-15.6 15.6-40.9 15.6-56.6 0s-15.6-40.9 0-56.6zm114.9 162.9c-12.5-12.5-12.5-32.8 0-45.3l114.7-114.7c12.5-12.5 32.8-12.5 45.3 0l18.7 18.7c12.5 12.5 12.5 32.8 0 45.3L486.9 457.4c-12.5 12.5-32.8 12.5-45.3 0l-18.7-18.7z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidGavel(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="m201.6 217.4l-18.7-18.7c-12.5-12.5-12.5-32.8 0-45.3L297.6 38.6c12.5-12.5 32.8-12.5 45.3 0l18.7 18.8c12.5 12.5 12.5 32.8 0 45.3L246.9 217.4c-12.5 12.5-32.8 12.5-45.3 0M308 275.7l-31.4-31.4l112-112L508 251.7l-112 112l-31.4-31.4l-232 232c-15.6 15.6-40.9 15.6-56.6 0s-15.6-40.9 0-56.6zm114.9 162.9c-12.5-12.5-12.5-32.8 0-45.3l114.7-114.7c12.5-12.5 32.8-12.5 45.3 0l18.7 18.7c12.5 12.5 12.5 32.8 0 45.3L486.9 457.4c-12.5 12.5-32.8 12.5-45.3 0l-18.7-18.7z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m201.6 217.4l-18.7-18.7c-12.5-12.5-12.5-32.8 0-45.3L297.6 38.6c12.5-12.5 32.8-12.5 45.3 0l18.7 18.8c12.5 12.5 12.5 32.8 0 45.3L246.9 217.4c-12.5 12.5-32.8 12.5-45.3 0M308 275.7l-31.4-31.4l112-112L508 251.7l-112 112l-31.4-31.4l-232 232c-15.6 15.6-40.9 15.6-56.6 0s-15.6-40.9 0-56.6zm114.9 162.9c-12.5-12.5-12.5-32.8 0-45.3l114.7-114.7c12.5-12.5 32.8-12.5 45.3 0l18.7 18.7c12.5 12.5 12.5 32.8 0 45.3L486.9 457.4c-12.5 12.5-32.8 12.5-45.3 0l-18.7-18.7z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m201.6%20217.4l-18.7-18.7c-12.5-12.5-12.5-32.8%200-45.3L297.6%2038.6c12.5-12.5%2032.8-12.5%2045.3%200l18.7%2018.8c12.5%2012.5%2012.5%2032.8%200%2045.3L246.9%20217.4c-12.5%2012.5-32.8%2012.5-45.3%200M308%20275.7l-31.4-31.4l112-112L508%20251.7l-112%20112l-31.4-31.4l-232%20232c-15.6%2015.6-40.9%2015.6-56.6%200s-15.6-40.9%200-56.6zm114.9%20162.9c-12.5-12.5-12.5-32.8%200-45.3l114.7-114.7c12.5-12.5%2032.8-12.5%2045.3%200l18.7%2018.7c12.5%2012.5%2012.5%2032.8%200%2045.3L486.9%20457.4c-12.5%2012.5-32.8%2012.5-45.3%200l-18.7-18.7z%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%22m201.6%20217.4l-18.7-18.7c-12.5-12.5-12.5-32.8%200-45.3L297.6%2038.6c12.5-12.5%2032.8-12.5%2045.3%200l18.7%2018.8c12.5%2012.5%2012.5%2032.8%200%2045.3L246.9%20217.4c-12.5%2012.5-32.8%2012.5-45.3%200M308%20275.7l-31.4-31.4l112-112L508%20251.7l-112%20112l-31.4-31.4l-232%20232c-15.6%2015.6-40.9%2015.6-56.6%200s-15.6-40.9%200-56.6zm114.9%20162.9c-12.5-12.5-12.5-32.8%200-45.3l114.7-114.7c12.5-12.5%2032.8-12.5%2045.3%200l18.7%2018.7c12.5%2012.5%2012.5%2032.8%200%2045.3L486.9%20457.4c-12.5%2012.5-32.8%2012.5-45.3%200l-18.7-18.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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