judge icon
judge from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- judge
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the judge icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="m16.658 13l2.772 2.38c.583.501.875.751 1.12 1.034c.39.451.697.967.903 1.522c.128.346.205.715.358 1.454c.154.744.189 2.11.189 2.61M7.342 13L4.57 15.38c-.583.501-.874.751-1.119 1.034a5 5 0 0 0-.903 1.522c-.129.346-.205.715-.358 1.454C2.036 20.134 2 21.5 2 22"/><path stroke-linejoin="round" d="M16.5 11c0 2.762-2.015 5-4.5 5s-4.5-2.239-4.5-5m0 0v1a2 2 0 1 1-3.16-1.63A2.5 2.5 0 0 1 6 6c0-2.21 2.5-4 6-4s6 1.79 6 4a2.5 2.5 0 0 1 1.66 4.37A2 2 0 1 1 16.5 12v-1c0-2.058-.783-4.592-2.5-4.592c-.783 0-1 1.092-2 1.092s-1.217-1.092-2-1.092c-1.717 0-2.5 2.534-2.5 4.592Z"/><path stroke-linecap="round" d="m14.03 16l1.138 3.367c.71 2.098.376 2.633-1.925 2.633h-2.486c-2.301 0-2.634-.535-1.925-2.633L9.971 16"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsJudge(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="round" d="m16.658 13l2.772 2.38c.583.501.875.751 1.12 1.034c.39.451.697.967.903 1.522c.128.346.205.715.358 1.454c.154.744.189 2.11.189 2.61M7.342 13L4.57 15.38c-.583.501-.874.751-1.119 1.034a5 5 0 0 0-.903 1.522c-.129.346-.205.715-.358 1.454C2.036 20.134 2 21.5 2 22"/><path strokeLinejoin="round" d="M16.5 11c0 2.762-2.015 5-4.5 5s-4.5-2.239-4.5-5m0 0v1a2 2 0 1 1-3.16-1.63A2.5 2.5 0 0 1 6 6c0-2.21 2.5-4 6-4s6 1.79 6 4a2.5 2.5 0 0 1 1.66 4.37A2 2 0 1 1 16.5 12v-1c0-2.058-.783-4.592-2.5-4.592c-.783 0-1 1.092-2 1.092s-1.217-1.092-2-1.092c-1.717 0-2.5 2.534-2.5 4.592Z"/><path strokeLinecap="round" d="m14.03 16l1.138 3.367c.71 2.098.376 2.633-1.925 2.633h-2.486c-2.301 0-2.634-.535-1.925-2.633L9.971 16"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="m16.658 13l2.772 2.38c.583.501.875.751 1.12 1.034c.39.451.697.967.903 1.522c.128.346.205.715.358 1.454c.154.744.189 2.11.189 2.61M7.342 13L4.57 15.38c-.583.501-.874.751-1.119 1.034a5 5 0 0 0-.903 1.522c-.129.346-.205.715-.358 1.454C2.036 20.134 2 21.5 2 22"/><path stroke-linejoin="round" d="M16.5 11c0 2.762-2.015 5-4.5 5s-4.5-2.239-4.5-5m0 0v1a2 2 0 1 1-3.16-1.63A2.5 2.5 0 0 1 6 6c0-2.21 2.5-4 6-4s6 1.79 6 4a2.5 2.5 0 0 1 1.66 4.37A2 2 0 1 1 16.5 12v-1c0-2.058-.783-4.592-2.5-4.592c-.783 0-1 1.092-2 1.092s-1.217-1.092-2-1.092c-1.717 0-2.5 2.534-2.5 4.592Z"/><path stroke-linecap="round" d="m14.03 16l1.138 3.367c.71 2.098.376 2.633-1.925 2.633h-2.486c-2.301 0-2.634-.535-1.925-2.633L9.971 16"/></g></svg> </template>
CSS
.icon-judge {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m16.658%2013l2.772%202.38c.583.501.875.751%201.12%201.034c.39.451.697.967.903%201.522c.128.346.205.715.358%201.454c.154.744.189%202.11.189%202.61M7.342%2013L4.57%2015.38c-.583.501-.874.751-1.119%201.034a5%205%200%200%200-.903%201.522c-.129.346-.205.715-.358%201.454C2.036%2020.134%202%2021.5%202%2022%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M16.5%2011c0%202.762-2.015%205-4.5%205s-4.5-2.239-4.5-5m0%200v1a2%202%200%201%201-3.16-1.63A2.5%202.5%200%200%201%206%206c0-2.21%202.5-4%206-4s6%201.79%206%204a2.5%202.5%200%200%201%201.66%204.37A2%202%200%201%201%2016.5%2012v-1c0-2.058-.783-4.592-2.5-4.592c-.783%200-1%201.092-2%201.092s-1.217-1.092-2-1.092c-1.717%200-2.5%202.534-2.5%204.592Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m14.03%2016l1.138%203.367c.71%202.098.376%202.633-1.925%202.633h-2.486c-2.301%200-2.634-.535-1.925-2.633L9.971%2016%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m16.658%2013l2.772%202.38c.583.501.875.751%201.12%201.034c.39.451.697.967.903%201.522c.128.346.205.715.358%201.454c.154.744.189%202.11.189%202.61M7.342%2013L4.57%2015.38c-.583.501-.874.751-1.119%201.034a5%205%200%200%200-.903%201.522c-.129.346-.205.715-.358%201.454C2.036%2020.134%202%2021.5%202%2022%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M16.5%2011c0%202.762-2.015%205-4.5%205s-4.5-2.239-4.5-5m0%200v1a2%202%200%201%201-3.16-1.63A2.5%202.5%200%200%201%206%206c0-2.21%202.5-4%206-4s6%201.79%206%204a2.5%202.5%200%200%201%201.66%204.37A2%202%200%201%201%2016.5%2012v-1c0-2.058-.783-4.592-2.5-4.592c-.783%200-1%201.092-2%201.092s-1.217-1.092-2-1.092c-1.717%200-2.5%202.534-2.5%204.592Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m14.03%2016l1.138%203.367c.71%202.098.376%202.633-1.925%202.633h-2.486c-2.301%200-2.634-.535-1.925-2.633L9.971%2016%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/judge.svg?color=%231a73e8&size=48
