Gavel icon
fa:gavel
The Gavel icon (fa:gavel) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 1760 × 1760 grid. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Font Awesome 4
- Author
- Dave Gandy
- License
- OFL-1.1
- Size
- 1760 × 1760
- Tags
- legal
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1760" height="1760" viewBox="0 0 1760 1760"><path fill="currentColor" d="M1739 1504q0 53-37 90l-107 108q-39 37-91 37q-53 0-90-37l-363-364q-38-36-38-90q0-53 43-96L800 896l-126 126q-14 14-34 14t-34-14q2 2 12.5 12t12.5 13t10 11.5t10 13.5t6 13.5t5.5 16.5t1.5 18q0 38-28 68q-3 3-16.5 18t-19 20.5T582 1243t-22 15.5t-22 9t-26 4.5q-40 0-68-28L36 836Q8 808 8 768q0-13 4.5-26t9-22T37 698t16.5-18.5t20.5-19T92 644q30-28 68-28q10 0 18 1.5t16.5 5.5t13.5 6t13.5 10t11.5 10t13 12.5t12 12.5q-14-14-14-34t14-34l348-348q14-14 34-14t34 14q-2-2-12.5-12T649 233t-10-11.5t-10-13.5t-6-13.5t-5.5-16.5t-1.5-18q0-38 28-68q3-3 16.5-18t19-20.5T698 37t22-15.5t22-9T768 8q40 0 68 28l408 408q28 28 28 68q0 13-4.5 26t-9 22t-15.5 22t-16.5 18.5t-20.5 19t-18 16.5q-30 28-68 28q-10 0-18-1.5t-16.5-5.5t-13.5-6t-13.5-10t-11.5-10t-13-12.5t-12-12.5q14 14 14 34t-14 34L896 800l256 256q43-43 96-43q52 0 91 37l363 363q37 39 37 91"/></svg>
How to use the Gavel icon
React
import { Icon } from "@iconify/react";
<Icon icon="fa:gavel" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa:gavel" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa:gavel" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--gavel]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:gavel"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa:gavel"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fa/gavel.svg" alt="Gavel icon" width="24" height="24">
Gavel icon in other icon sets
Gavel icon FAQ
Is the Gavel icon free for commercial use?
Yes. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Gavel icon in React?
Install @iconify/react and render <Icon icon="fa:gavel" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Gavel icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa/gavel.svg" alt="Gavel icon">, or paste the SVG code inline to style it with CSS.
Browse all Font Awesome 4 icons →
ICONYZ
