gavel icon
gavel-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.
- Name
- gavel-32-regular
- Set
- Fluent UI System Icons
- Style
- 32 Regular
- Viewbox
- 32×32
- License
- MIT
7 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
Use the gavel icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18.778 3.628a3.5 3.5 0 0 0-5.346-.474L9.307 7.28a3.5 3.5 0 0 0 .675 5.476l2.955 1.773l-9.947 9.766a3.346 3.346 0 1 0 4.71 4.754l9.852-9.852l1.744 2.907a3.5 3.5 0 0 0 5.4.748l4.086-3.846a3.5 3.5 0 0 0-.285-5.338l-5.64-4.273a1 1 0 0 1-.217-.225zm-3.932.94a1.5 1.5 0 0 1 2.291.203l.69.989l-5.857 5.856l-.96-.576a1.5 1.5 0 0 1-.288-2.347zm-1.108 8.108l5.25-5.25l2.011 2.886a3 3 0 0 0 .65.676l2.531 1.918l-5.044 5.043l-1.52-2.535a3 3 0 0 0-1.03-1.029zm6.459 7.041l5.592-5.592l1.5 1.136a1.5 1.5 0 0 1 .122 2.288l-4.086 3.845a1.5 1.5 0 0 1-2.314-.32zm-3.706-2.289L6.286 27.634a1.346 1.346 0 1 1-1.895-1.913l10.318-10.13l.848.51c.14.084.259.201.343.342zM19 26a1 1 0 1 0 0 2h-2a1 1 0 1 0 0 2h11.333a1 1 0 1 0 0-2H26a1 1 0 1 0 0-2z"/></svg>
React
import type { SVGProps } from "react";
export function FluentGavel32Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18.778 3.628a3.5 3.5 0 0 0-5.346-.474L9.307 7.28a3.5 3.5 0 0 0 .675 5.476l2.955 1.773l-9.947 9.766a3.346 3.346 0 1 0 4.71 4.754l9.852-9.852l1.744 2.907a3.5 3.5 0 0 0 5.4.748l4.086-3.846a3.5 3.5 0 0 0-.285-5.338l-5.64-4.273a1 1 0 0 1-.217-.225zm-3.932.94a1.5 1.5 0 0 1 2.291.203l.69.989l-5.857 5.856l-.96-.576a1.5 1.5 0 0 1-.288-2.347zm-1.108 8.108l5.25-5.25l2.011 2.886a3 3 0 0 0 .65.676l2.531 1.918l-5.044 5.043l-1.52-2.535a3 3 0 0 0-1.03-1.029zm6.459 7.041l5.592-5.592l1.5 1.136a1.5 1.5 0 0 1 .122 2.288l-4.086 3.845a1.5 1.5 0 0 1-2.314-.32zm-3.706-2.289L6.286 27.634a1.346 1.346 0 1 1-1.895-1.913l10.318-10.13l.848.51c.14.084.259.201.343.342zM19 26a1 1 0 1 0 0 2h-2a1 1 0 1 0 0 2h11.333a1 1 0 1 0 0-2H26a1 1 0 1 0 0-2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18.778 3.628a3.5 3.5 0 0 0-5.346-.474L9.307 7.28a3.5 3.5 0 0 0 .675 5.476l2.955 1.773l-9.947 9.766a3.346 3.346 0 1 0 4.71 4.754l9.852-9.852l1.744 2.907a3.5 3.5 0 0 0 5.4.748l4.086-3.846a3.5 3.5 0 0 0-.285-5.338l-5.64-4.273a1 1 0 0 1-.217-.225zm-3.932.94a1.5 1.5 0 0 1 2.291.203l.69.989l-5.857 5.856l-.96-.576a1.5 1.5 0 0 1-.288-2.347zm-1.108 8.108l5.25-5.25l2.011 2.886a3 3 0 0 0 .65.676l2.531 1.918l-5.044 5.043l-1.52-2.535a3 3 0 0 0-1.03-1.029zm6.459 7.041l5.592-5.592l1.5 1.136a1.5 1.5 0 0 1 .122 2.288l-4.086 3.845a1.5 1.5 0 0 1-2.314-.32zm-3.706-2.289L6.286 27.634a1.346 1.346 0 1 1-1.895-1.913l10.318-10.13l.848.51c.14.084.259.201.343.342zM19 26a1 1 0 1 0 0 2h-2a1 1 0 1 0 0 2h11.333a1 1 0 1 0 0-2H26a1 1 0 1 0 0-2z"/></svg> </template>
CSS
.icon-gavel-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.778%203.628a3.5%203.5%200%200%200-5.346-.474L9.307%207.28a3.5%203.5%200%200%200%20.675%205.476l2.955%201.773l-9.947%209.766a3.346%203.346%200%201%200%204.71%204.754l9.852-9.852l1.744%202.907a3.5%203.5%200%200%200%205.4.748l4.086-3.846a3.5%203.5%200%200%200-.285-5.338l-5.64-4.273a1%201%200%200%201-.217-.225zm-3.932.94a1.5%201.5%200%200%201%202.291.203l.69.989l-5.857%205.856l-.96-.576a1.5%201.5%200%200%201-.288-2.347zm-1.108%208.108l5.25-5.25l2.011%202.886a3%203%200%200%200%20.65.676l2.531%201.918l-5.044%205.043l-1.52-2.535a3%203%200%200%200-1.03-1.029zm6.459%207.041l5.592-5.592l1.5%201.136a1.5%201.5%200%200%201%20.122%202.288l-4.086%203.845a1.5%201.5%200%200%201-2.314-.32zm-3.706-2.289L6.286%2027.634a1.346%201.346%200%201%201-1.895-1.913l10.318-10.13l.848.51c.14.084.259.201.343.342zM19%2026a1%201%200%201%200%200%202h-2a1%201%200%201%200%200%202h11.333a1%201%200%201%200%200-2H26a1%201%200%201%200%200-2z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.778%203.628a3.5%203.5%200%200%200-5.346-.474L9.307%207.28a3.5%203.5%200%200%200%20.675%205.476l2.955%201.773l-9.947%209.766a3.346%203.346%200%201%200%204.71%204.754l9.852-9.852l1.744%202.907a3.5%203.5%200%200%200%205.4.748l4.086-3.846a3.5%203.5%200%200%200-.285-5.338l-5.64-4.273a1%201%200%200%201-.217-.225zm-3.932.94a1.5%201.5%200%200%201%202.291.203l.69.989l-5.857%205.856l-.96-.576a1.5%201.5%200%200%201-.288-2.347zm-1.108%208.108l5.25-5.25l2.011%202.886a3%203%200%200%200%20.65.676l2.531%201.918l-5.044%205.043l-1.52-2.535a3%203%200%200%200-1.03-1.029zm6.459%207.041l5.592-5.592l1.5%201.136a1.5%201.5%200%200%201%20.122%202.288l-4.086%203.845a1.5%201.5%200%200%201-2.314-.32zm-3.706-2.289L6.286%2027.634a1.346%201.346%200%201%201-1.895-1.913l10.318-10.13l.848.51c.14.084.259.201.343.342zM19%2026a1%201%200%201%200%200%202h-2a1%201%200%201%200%200%202h11.333a1%201%200%201%200%200-2H26a1%201%200%201%200%200-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/gavel-32-regular.svg?color=%231a73e8&size=48
