justice negative icon
justice-negative from Health Icons by Resolve to Save Lives · Filled · MIT Free for personal and commercial use.
- Name
- justice-negative
- Set
- Health Icons
- Style
- Filled
- Viewbox
- 48×48
- License
- MIT
Use the justice negative icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g fill="currentColor" clip-path="url(#healthiconsJusticeNegative)"><path d="m37.696 17l-3.236-5.177L30.901 17zm-19.893 6.218l-3.839-5.933l-4.188 5.933z"/><path fill-rule="evenodd" d="M48 0H0v48h48zM32.14 11.669l-.464.124l2.565-2.759l.05-.012a.995.995 0 0 1 1.069.467L40.054 17H42c0 4.418-3.358 8-7.5 8S27 21.418 27 17h1.474zM13.62 31.218c4.142 0 7.5-3.582 7.5-8h-.935l-4.6-7.108l5.842-1.567A3 3 0 0 0 23 15.829V38h-3v2h-6v2h20v-2h-6v-2h-3V15.83a3 3 0 0 0 2-2.782l4.672-1.254l2.564-2.758l-7.875 2.112A3 3 0 0 0 25 10.171V6h-2v4.17a3 3 0 0 0-1.97 2.409l-7.29 1.955a1 1 0 0 0-.557.39l-5.855 8.294H6.12c0 4.418 3.358 8 7.5 8" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsJusticeNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsJusticeNegative(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g fill="currentColor" clipPath="url(#healthiconsJusticeNegative)"><path d="m37.696 17l-3.236-5.177L30.901 17zm-19.893 6.218l-3.839-5.933l-4.188 5.933z"/><path fillRule="evenodd" d="M48 0H0v48h48zM32.14 11.669l-.464.124l2.565-2.759l.05-.012a.995.995 0 0 1 1.069.467L40.054 17H42c0 4.418-3.358 8-7.5 8S27 21.418 27 17h1.474zM13.62 31.218c4.142 0 7.5-3.582 7.5-8h-.935l-4.6-7.108l5.842-1.567A3 3 0 0 0 23 15.829V38h-3v2h-6v2h20v-2h-6v-2h-3V15.83a3 3 0 0 0 2-2.782l4.672-1.254l2.564-2.758l-7.875 2.112A3 3 0 0 0 25 10.171V6h-2v4.17a3 3 0 0 0-1.97 2.409l-7.29 1.955a1 1 0 0 0-.557.39l-5.855 8.294H6.12c0 4.418 3.358 8 7.5 8" clipRule="evenodd"/></g><defs><clipPath id="healthiconsJusticeNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g fill="currentColor" clip-path="url(#healthiconsJusticeNegative)"><path d="m37.696 17l-3.236-5.177L30.901 17zm-19.893 6.218l-3.839-5.933l-4.188 5.933z"/><path fill-rule="evenodd" d="M48 0H0v48h48zM32.14 11.669l-.464.124l2.565-2.759l.05-.012a.995.995 0 0 1 1.069.467L40.054 17H42c0 4.418-3.358 8-7.5 8S27 21.418 27 17h1.474zM13.62 31.218c4.142 0 7.5-3.582 7.5-8h-.935l-4.6-7.108l5.842-1.567A3 3 0 0 0 23 15.829V38h-3v2h-6v2h20v-2h-6v-2h-3V15.83a3 3 0 0 0 2-2.782l4.672-1.254l2.564-2.758l-7.875 2.112A3 3 0 0 0 25 10.171V6h-2v4.17a3 3 0 0 0-1.97 2.409l-7.29 1.955a1 1 0 0 0-.557.39l-5.855 8.294H6.12c0 4.418 3.358 8 7.5 8" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsJusticeNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-justice-negative {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23healthiconsJusticeNegative)%22%3E%3Cpath%20d%3D%22m37.696%2017l-3.236-5.177L30.901%2017zm-19.893%206.218l-3.839-5.933l-4.188%205.933z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M48%200H0v48h48zM32.14%2011.669l-.464.124l2.565-2.759l.05-.012a.995.995%200%200%201%201.069.467L40.054%2017H42c0%204.418-3.358%208-7.5%208S27%2021.418%2027%2017h1.474zM13.62%2031.218c4.142%200%207.5-3.582%207.5-8h-.935l-4.6-7.108l5.842-1.567A3%203%200%200%200%2023%2015.829V38h-3v2h-6v2h20v-2h-6v-2h-3V15.83a3%203%200%200%200%202-2.782l4.672-1.254l2.564-2.758l-7.875%202.112A3%203%200%200%200%2025%2010.171V6h-2v4.17a3%203%200%200%200-1.97%202.409l-7.29%201.955a1%201%200%200%200-.557.39l-5.855%208.294H6.12c0%204.418%203.358%208%207.5%208%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsJusticeNegative%22%3E%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23healthiconsJusticeNegative)%22%3E%3Cpath%20d%3D%22m37.696%2017l-3.236-5.177L30.901%2017zm-19.893%206.218l-3.839-5.933l-4.188%205.933z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M48%200H0v48h48zM32.14%2011.669l-.464.124l2.565-2.759l.05-.012a.995.995%200%200%201%201.069.467L40.054%2017H42c0%204.418-3.358%208-7.5%208S27%2021.418%2027%2017h1.474zM13.62%2031.218c4.142%200%207.5-3.582%207.5-8h-.935l-4.6-7.108l5.842-1.567A3%203%200%200%200%2023%2015.829V38h-3v2h-6v2h20v-2h-6v-2h-3V15.83a3%203%200%200%200%202-2.782l4.672-1.254l2.564-2.758l-7.875%202.112A3%203%200%200%200%2025%2010.171V6h-2v4.17a3%203%200%200%200-1.97%202.409l-7.29%201.955a1%201%200%200%200-.557.39l-5.855%208.294H6.12c0%204.418%203.358%208%207.5%208%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsJusticeNegative%22%3E%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/justice-negative.svg?color=%231a73e8&size=48
