gavel icon

gavel-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: gavel-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

gavel gavel-duotone gavel-fill gavel-light gavel-thin

The same icon in other sets

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

Use the gavel icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m246.14 113.86l-16-16a20 20 0 0 0-23.06-3.75l-45.2-45.2a20 20 0 0 0-3.74-23.06l-16-16a20 20 0 0 0-28.28 0l-64 64a20 20 0 0 0 0 28.28l16 16a20 20 0 0 0 23 3.79l-59.5 59.46a32 32 0 0 0 45.26 45.26L134 167.21a20 20 0 0 0 3.81 22.94l16 16a20 20 0 0 0 28.29 0l64-64a20 20 0 0 0 0-28.29ZM80 98.34L69.64 88L128 29.65L138.34 40ZM57.64 209.67a8 8 0 0 1-11.31-11.32l59.52-59.52l11.31 11.32Zm92.7-60.29l-43.72-43.72l39-39l43.72 43.72Zm17.65 37L157.65 176L216 117.66L226.34 128Z"/></svg>

React

import type { SVGProps } from "react";

export function PhGavelBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m246.14 113.86l-16-16a20 20 0 0 0-23.06-3.75l-45.2-45.2a20 20 0 0 0-3.74-23.06l-16-16a20 20 0 0 0-28.28 0l-64 64a20 20 0 0 0 0 28.28l16 16a20 20 0 0 0 23 3.79l-59.5 59.46a32 32 0 0 0 45.26 45.26L134 167.21a20 20 0 0 0 3.81 22.94l16 16a20 20 0 0 0 28.29 0l64-64a20 20 0 0 0 0-28.29ZM80 98.34L69.64 88L128 29.65L138.34 40ZM57.64 209.67a8 8 0 0 1-11.31-11.32l59.52-59.52l11.31 11.32Zm92.7-60.29l-43.72-43.72l39-39l43.72 43.72Zm17.65 37L157.65 176L216 117.66L226.34 128Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m246.14 113.86l-16-16a20 20 0 0 0-23.06-3.75l-45.2-45.2a20 20 0 0 0-3.74-23.06l-16-16a20 20 0 0 0-28.28 0l-64 64a20 20 0 0 0 0 28.28l16 16a20 20 0 0 0 23 3.79l-59.5 59.46a32 32 0 0 0 45.26 45.26L134 167.21a20 20 0 0 0 3.81 22.94l16 16a20 20 0 0 0 28.29 0l64-64a20 20 0 0 0 0-28.29ZM80 98.34L69.64 88L128 29.65L138.34 40ZM57.64 209.67a8 8 0 0 1-11.31-11.32l59.52-59.52l11.31 11.32Zm92.7-60.29l-43.72-43.72l39-39l43.72 43.72Zm17.65 37L157.65 176L216 117.66L226.34 128Z"/></svg>
</template>

CSS

.icon-gavel-bold {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m246.14%20113.86l-16-16a20%2020%200%200%200-23.06-3.75l-45.2-45.2a20%2020%200%200%200-3.74-23.06l-16-16a20%2020%200%200%200-28.28%200l-64%2064a20%2020%200%200%200%200%2028.28l16%2016a20%2020%200%200%200%2023%203.79l-59.5%2059.46a32%2032%200%200%200%2045.26%2045.26L134%20167.21a20%2020%200%200%200%203.81%2022.94l16%2016a20%2020%200%200%200%2028.29%200l64-64a20%2020%200%200%200%200-28.29ZM80%2098.34L69.64%2088L128%2029.65L138.34%2040ZM57.64%20209.67a8%208%200%200%201-11.31-11.32l59.52-59.52l11.31%2011.32Zm92.7-60.29l-43.72-43.72l39-39l43.72%2043.72Zm17.65%2037L157.65%20176L216%20117.66L226.34%20128Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m246.14%20113.86l-16-16a20%2020%200%200%200-23.06-3.75l-45.2-45.2a20%2020%200%200%200-3.74-23.06l-16-16a20%2020%200%200%200-28.28%200l-64%2064a20%2020%200%200%200%200%2028.28l16%2016a20%2020%200%200%200%2023%203.79l-59.5%2059.46a32%2032%200%200%200%2045.26%2045.26L134%20167.21a20%2020%200%200%200%203.81%2022.94l16%2016a20%2020%200%200%200%2028.29%200l64-64a20%2020%200%200%200%200-28.29ZM80%2098.34L69.64%2088L128%2029.65L138.34%2040ZM57.64%20209.67a8%208%200%200%201-11.31-11.32l59.52-59.52l11.31%2011.32Zm92.7-60.29l-43.72-43.72l39-39l43.72%2043.72Zm17.65%2037L157.65%20176L216%20117.66L226.34%20128Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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