gavel icon

gavel-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.

Name: gavel-16-regular
Set: Fluent UI System Icons
Style: 16 Regular
Viewbox: 16×16
License: MIT

7 other variants in Fluent UI System Icons

gavel-16-filled gavel-20-filled gavel-20-regular gavel-24-filled gavel-24-regular gavel-32-filled gavel-32-regular

The same icon in other sets

gavelFont Awesome 6 Solid gavelFont Awesome Solid gavelHuge Icons gavelIconPark gavelIconPark Outline gavelIconPark Solid gavelIconPark TwoTone gavelLine Awesome gavelLucide gavelMaterial Symbols gavelMaterial Symbols Light gavelMaterial Design Icons gavelPhosphor gavelTabler Icons

Related icons in Fluent UI System Icons

gavel-prohibited-16-filled

Use the gavel icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7.473 2.207a.5.5 0 0 1 .773.083l.297.46L5.75 5.543l-.46-.297a.5.5 0 0 1-.083-.773zm-.863 3.89L9.097 3.61l1.116 1.73a1.5 1.5 0 0 0 .448.447l1.73 1.116L9.902 9.39L8.787 7.66a1.5 1.5 0 0 0-.448-.447zm6.64 1.36l.46.296a.5.5 0 0 1 .083.774l-2.266 2.266a.5.5 0 0 1-.774-.083l-.296-.46zm-4.163-5.71A1.5 1.5 0 0 0 6.765 1.5L4.5 3.766a1.5 1.5 0 0 0 .248 2.32l1.423.918l-4.585 4.586a2 2 0 1 0 2.828 2.828L9 9.834l.914 1.418a1.5 1.5 0 0 0 2.321.248L14.5 9.234a1.5 1.5 0 0 0-.248-2.321l-3.05-1.966a.5.5 0 0 1-.149-.15zm-.643 7.227L3.707 13.71a1 1 0 0 1-1.414-1.414L7.03 7.559l.767.494a.5.5 0 0 1 .149.15zM8 14.5a.5.5 0 0 1 .5-.5H10a.5.5 0 0 1 0-1h3a.5.5 0 1 1 0 1h1.5a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5"/></svg>

React

import type { SVGProps } from "react";

export function FluentGavel16Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7.473 2.207a.5.5 0 0 1 .773.083l.297.46L5.75 5.543l-.46-.297a.5.5 0 0 1-.083-.773zm-.863 3.89L9.097 3.61l1.116 1.73a1.5 1.5 0 0 0 .448.447l1.73 1.116L9.902 9.39L8.787 7.66a1.5 1.5 0 0 0-.448-.447zm6.64 1.36l.46.296a.5.5 0 0 1 .083.774l-2.266 2.266a.5.5 0 0 1-.774-.083l-.296-.46zm-4.163-5.71A1.5 1.5 0 0 0 6.765 1.5L4.5 3.766a1.5 1.5 0 0 0 .248 2.32l1.423.918l-4.585 4.586a2 2 0 1 0 2.828 2.828L9 9.834l.914 1.418a1.5 1.5 0 0 0 2.321.248L14.5 9.234a1.5 1.5 0 0 0-.248-2.321l-3.05-1.966a.5.5 0 0 1-.149-.15zm-.643 7.227L3.707 13.71a1 1 0 0 1-1.414-1.414L7.03 7.559l.767.494a.5.5 0 0 1 .149.15zM8 14.5a.5.5 0 0 1 .5-.5H10a.5.5 0 0 1 0-1h3a.5.5 0 1 1 0 1h1.5a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7.473 2.207a.5.5 0 0 1 .773.083l.297.46L5.75 5.543l-.46-.297a.5.5 0 0 1-.083-.773zm-.863 3.89L9.097 3.61l1.116 1.73a1.5 1.5 0 0 0 .448.447l1.73 1.116L9.902 9.39L8.787 7.66a1.5 1.5 0 0 0-.448-.447zm6.64 1.36l.46.296a.5.5 0 0 1 .083.774l-2.266 2.266a.5.5 0 0 1-.774-.083l-.296-.46zm-4.163-5.71A1.5 1.5 0 0 0 6.765 1.5L4.5 3.766a1.5 1.5 0 0 0 .248 2.32l1.423.918l-4.585 4.586a2 2 0 1 0 2.828 2.828L9 9.834l.914 1.418a1.5 1.5 0 0 0 2.321.248L14.5 9.234a1.5 1.5 0 0 0-.248-2.321l-3.05-1.966a.5.5 0 0 1-.149-.15zm-.643 7.227L3.707 13.71a1 1 0 0 1-1.414-1.414L7.03 7.559l.767.494a.5.5 0 0 1 .149.15zM8 14.5a.5.5 0 0 1 .5-.5H10a.5.5 0 0 1 0-1h3a.5.5 0 1 1 0 1h1.5a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5"/></svg>
</template>

CSS

.icon-gavel-16-regular {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.473%202.207a.5.5%200%200%201%20.773.083l.297.46L5.75%205.543l-.46-.297a.5.5%200%200%201-.083-.773zm-.863%203.89L9.097%203.61l1.116%201.73a1.5%201.5%200%200%200%20.448.447l1.73%201.116L9.902%209.39L8.787%207.66a1.5%201.5%200%200%200-.448-.447zm6.64%201.36l.46.296a.5.5%200%200%201%20.083.774l-2.266%202.266a.5.5%200%200%201-.774-.083l-.296-.46zm-4.163-5.71A1.5%201.5%200%200%200%206.765%201.5L4.5%203.766a1.5%201.5%200%200%200%20.248%202.32l1.423.918l-4.585%204.586a2%202%200%201%200%202.828%202.828L9%209.834l.914%201.418a1.5%201.5%200%200%200%202.321.248L14.5%209.234a1.5%201.5%200%200%200-.248-2.321l-3.05-1.966a.5.5%200%200%201-.149-.15zm-.643%207.227L3.707%2013.71a1%201%200%200%201-1.414-1.414L7.03%207.559l.767.494a.5.5%200%200%201%20.149.15zM8%2014.5a.5.5%200%200%201%20.5-.5H10a.5.5%200%200%201%200-1h3a.5.5%200%201%201%200%201h1.5a.5.5%200%201%201%200%201h-6a.5.5%200%200%201-.5-.5%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.473%202.207a.5.5%200%200%201%20.773.083l.297.46L5.75%205.543l-.46-.297a.5.5%200%200%201-.083-.773zm-.863%203.89L9.097%203.61l1.116%201.73a1.5%201.5%200%200%200%20.448.447l1.73%201.116L9.902%209.39L8.787%207.66a1.5%201.5%200%200%200-.448-.447zm6.64%201.36l.46.296a.5.5%200%200%201%20.083.774l-2.266%202.266a.5.5%200%200%201-.774-.083l-.296-.46zm-4.163-5.71A1.5%201.5%200%200%200%206.765%201.5L4.5%203.766a1.5%201.5%200%200%200%20.248%202.32l1.423.918l-4.585%204.586a2%202%200%201%200%202.828%202.828L9%209.834l.914%201.418a1.5%201.5%200%200%200%202.321.248L14.5%209.234a1.5%201.5%200%200%200-.248-2.321l-3.05-1.966a.5.5%200%200%201-.149-.15zm-.643%207.227L3.707%2013.71a1%201%200%200%201-1.414-1.414L7.03%207.559l.767.494a.5.5%200%200%201%20.149.15zM8%2014.5a.5.5%200%200%201%20.5-.5H10a.5.5%200%200%201%200-1h3a.5.5%200%201%201%200%201h1.5a.5.5%200%201%201%200%201h-6a.5.5%200%200%201-.5-.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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