Gavel icon
Download the Gavel icon as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- judge
- law
- court
- legal
- justice
- auction
- hammer
- verdict
- bid
Size
Stroke
Color
- Category
- general
- Styles
- Outline
- Component
- IconGavel
- License
- MIT · Paweł Kuna
- Files
-
outline/gavel.svg
Code
Copy it the way you use it
gavel.svg
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M13 10l7.383 7.418c.823 .82 .823 2.148 0 2.967a2.11 2.11 0 0 1 -2.976 0l-7.407 -7.385" />
<path d="M6 9l4 4" />
<path d="M13 10l-4 -4" />
<path d="M3 21h7" />
<path d="M6.793 15.793l-3.586 -3.586a1 1 0 0 1 0 -1.414l2.293 -2.293l.5 .5l3 -3l-.5 -.5l2.293 -2.293a1 1 0 0 1 1.414 0l3.586 3.586a1 1 0 0 1 0 1.414l-2.293 2.293l-.5 -.5l-3 3l.5 .5l-2.293 2.293a1 1 0 0 1 -1.414 0" />
</svg>Use the Gavel icon
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconGavel } from '@tabler/icons-react';
<IconGavel size={24} stroke={2} />Vue example
import { IconGavel } from '@tabler/icons-vue';
<IconGavel :size="24" :stroke="2" />Svelte 5 example
import { IconGavel } from '@tabler/icons-svelte-runes';
<IconGavel size={24} stroke={2} />Related