gavel icon
gavel-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- gavel-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" d="M10.729 2.712a2.25 2.25 0 0 1 3.41.267l.32.44l-6.473 6.474l-.38-.253a2.25 2.25 0 0 1-.342-3.463zm-1.47 8.03l2.562 1.707q.131.088.216.222l1.234 1.938l6.011-6.012l-2.15-1.563a.8.8 0 0 1-.165-.166l-1.614-2.22zm5.105 5.584l-.268-.42L20.51 9.49l.51.372a2.25 2.25 0 0 1 .268 3.41l-3.436 3.437a2.25 2.25 0 0 1-3.49-.383M9.34 12.299l-6.073 5.958a1.76 1.76 0 1 0 2.476 2.5l6.085-6.085l-.79-1.241zM14.75 19a.75.75 0 1 0 0 1.5h-2a.75.75 0 1 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-2a.75.75 0 0 0 0-1.5z"/></svg>
React
import type { SVGProps } from "react";
export function FluentGavel24Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.729 2.712a2.25 2.25 0 0 1 3.41.267l.32.44l-6.473 6.474l-.38-.253a2.25 2.25 0 0 1-.342-3.463zm-1.47 8.03l2.562 1.707q.131.088.216.222l1.234 1.938l6.011-6.012l-2.15-1.563a.8.8 0 0 1-.165-.166l-1.614-2.22zm5.105 5.584l-.268-.42L20.51 9.49l.51.372a2.25 2.25 0 0 1 .268 3.41l-3.436 3.437a2.25 2.25 0 0 1-3.49-.383M9.34 12.299l-6.073 5.958a1.76 1.76 0 1 0 2.476 2.5l6.085-6.085l-.79-1.241zM14.75 19a.75.75 0 1 0 0 1.5h-2a.75.75 0 1 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-2a.75.75 0 0 0 0-1.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.729 2.712a2.25 2.25 0 0 1 3.41.267l.32.44l-6.473 6.474l-.38-.253a2.25 2.25 0 0 1-.342-3.463zm-1.47 8.03l2.562 1.707q.131.088.216.222l1.234 1.938l6.011-6.012l-2.15-1.563a.8.8 0 0 1-.165-.166l-1.614-2.22zm5.105 5.584l-.268-.42L20.51 9.49l.51.372a2.25 2.25 0 0 1 .268 3.41l-3.436 3.437a2.25 2.25 0 0 1-3.49-.383M9.34 12.299l-6.073 5.958a1.76 1.76 0 1 0 2.476 2.5l6.085-6.085l-.79-1.241zM14.75 19a.75.75 0 1 0 0 1.5h-2a.75.75 0 1 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-2a.75.75 0 0 0 0-1.5z"/></svg> </template>
CSS
.icon-gavel-24-filled {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.729%202.712a2.25%202.25%200%200%201%203.41.267l.32.44l-6.473%206.474l-.38-.253a2.25%202.25%200%200%201-.342-3.463zm-1.47%208.03l2.562%201.707q.131.088.216.222l1.234%201.938l6.011-6.012l-2.15-1.563a.8.8%200%200%201-.165-.166l-1.614-2.22zm5.105%205.584l-.268-.42L20.51%209.49l.51.372a2.25%202.25%200%200%201%20.268%203.41l-3.436%203.437a2.25%202.25%200%200%201-3.49-.383M9.34%2012.299l-6.073%205.958a1.76%201.76%200%201%200%202.476%202.5l6.085-6.085l-.79-1.241zM14.75%2019a.75.75%200%201%200%200%201.5h-2a.75.75%200%201%200%200%201.5h8.5a.75.75%200%200%200%200-1.5h-2a.75.75%200%200%200%200-1.5z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.729%202.712a2.25%202.25%200%200%201%203.41.267l.32.44l-6.473%206.474l-.38-.253a2.25%202.25%200%200%201-.342-3.463zm-1.47%208.03l2.562%201.707q.131.088.216.222l1.234%201.938l6.011-6.012l-2.15-1.563a.8.8%200%200%201-.165-.166l-1.614-2.22zm5.105%205.584l-.268-.42L20.51%209.49l.51.372a2.25%202.25%200%200%201%20.268%203.41l-3.436%203.437a2.25%202.25%200%200%201-3.49-.383M9.34%2012.299l-6.073%205.958a1.76%201.76%200%201%200%202.476%202.5l6.085-6.085l-.79-1.241zM14.75%2019a.75.75%200%201%200%200%201.5h-2a.75.75%200%201%200%200%201.5h8.5a.75.75%200%200%200%200-1.5h-2a.75.75%200%200%200%200-1.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/gavel-24-filled.svg?color=%231a73e8&size=48
