city worker negative icon
city-worker-negative from Health Icons by Resolve to Save Lives · Filled · MIT Free for personal and commercial use.
- Name
- city-worker-negative
- Set
- Health Icons
- Style
- Filled
- Viewbox
- 48×48
- License
- MIT
Related icons in Health Icons
Use the city worker negative icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g clip-path="url(#healthiconsCityWorkerNegative)"><path fill="currentColor" fill-rule="evenodd" d="M0 0h48v48H0zm29.96 29.262A.48.48 0 0 1 30.5 29c.359.087.744.178 1.147.272c2.263.53 5.059 1.184 6.545 2.16C39.955 32.589 41 33.953 41 35.5V42H7v-6.5c0-1.547 1.045-2.91 2.808-4.068c1.486-.976 4.282-1.63 6.544-2.16c.404-.094.79-.184 1.148-.272a.48.48 0 0 1 .54.262L22 39.696V37l.575-4.021a1 1 0 0 1-.764-.736l-.5-2A1 1 0 0 1 22.28 29h3.438a1 1 0 0 1 .97 1.242l-.5 2a1 1 0 0 1-.764.737L26 37v3.572zM32 16a8 8 0 1 1-16 0a8 8 0 0 1 16 0m2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10S18.477 6 24 6s10 4.477 10 10" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsCityWorkerNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsCityWorkerNegative(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 clipPath="url(#healthiconsCityWorkerNegative)"><path fill="currentColor" fillRule="evenodd" d="M0 0h48v48H0zm29.96 29.262A.48.48 0 0 1 30.5 29c.359.087.744.178 1.147.272c2.263.53 5.059 1.184 6.545 2.16C39.955 32.589 41 33.953 41 35.5V42H7v-6.5c0-1.547 1.045-2.91 2.808-4.068c1.486-.976 4.282-1.63 6.544-2.16c.404-.094.79-.184 1.148-.272a.48.48 0 0 1 .54.262L22 39.696V37l.575-4.021a1 1 0 0 1-.764-.736l-.5-2A1 1 0 0 1 22.28 29h3.438a1 1 0 0 1 .97 1.242l-.5 2a1 1 0 0 1-.764.737L26 37v3.572zM32 16a8 8 0 1 1-16 0a8 8 0 0 1 16 0m2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10S18.477 6 24 6s10 4.477 10 10" clipRule="evenodd"/></g><defs><clipPath id="healthiconsCityWorkerNegative"><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 clip-path="url(#healthiconsCityWorkerNegative)"><path fill="currentColor" fill-rule="evenodd" d="M0 0h48v48H0zm29.96 29.262A.48.48 0 0 1 30.5 29c.359.087.744.178 1.147.272c2.263.53 5.059 1.184 6.545 2.16C39.955 32.589 41 33.953 41 35.5V42H7v-6.5c0-1.547 1.045-2.91 2.808-4.068c1.486-.976 4.282-1.63 6.544-2.16c.404-.094.79-.184 1.148-.272a.48.48 0 0 1 .54.262L22 39.696V37l.575-4.021a1 1 0 0 1-.764-.736l-.5-2A1 1 0 0 1 22.28 29h3.438a1 1 0 0 1 .97 1.242l-.5 2a1 1 0 0 1-.764.737L26 37v3.572zM32 16a8 8 0 1 1-16 0a8 8 0 0 1 16 0m2 0c0 5.523-4.477 10-10 10s-10-4.477-10-10S18.477 6 24 6s10 4.477 10 10" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsCityWorkerNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-city-worker-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%20clip-path%3D%22url(%23healthiconsCityWorkerNegative)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h48v48H0zm29.96%2029.262A.48.48%200%200%201%2030.5%2029c.359.087.744.178%201.147.272c2.263.53%205.059%201.184%206.545%202.16C39.955%2032.589%2041%2033.953%2041%2035.5V42H7v-6.5c0-1.547%201.045-2.91%202.808-4.068c1.486-.976%204.282-1.63%206.544-2.16c.404-.094.79-.184%201.148-.272a.48.48%200%200%201%20.54.262L22%2039.696V37l.575-4.021a1%201%200%200%201-.764-.736l-.5-2A1%201%200%200%201%2022.28%2029h3.438a1%201%200%200%201%20.97%201.242l-.5%202a1%201%200%200%201-.764.737L26%2037v3.572zM32%2016a8%208%200%201%201-16%200a8%208%200%200%201%2016%200m2%200c0%205.523-4.477%2010-10%2010s-10-4.477-10-10S18.477%206%2024%206s10%204.477%2010%2010%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsCityWorkerNegative%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%20clip-path%3D%22url(%23healthiconsCityWorkerNegative)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h48v48H0zm29.96%2029.262A.48.48%200%200%201%2030.5%2029c.359.087.744.178%201.147.272c2.263.53%205.059%201.184%206.545%202.16C39.955%2032.589%2041%2033.953%2041%2035.5V42H7v-6.5c0-1.547%201.045-2.91%202.808-4.068c1.486-.976%204.282-1.63%206.544-2.16c.404-.094.79-.184%201.148-.272a.48.48%200%200%201%20.54.262L22%2039.696V37l.575-4.021a1%201%200%200%201-.764-.736l-.5-2A1%201%200%200%201%2022.28%2029h3.438a1%201%200%200%201%20.97%201.242l-.5%202a1%201%200%200%201-.764.737L26%2037v3.572zM32%2016a8%208%200%201%201-16%200a8%208%200%200%201%2016%200m2%200c0%205.523-4.477%2010-10%2010s-10-4.477-10-10S18.477%206%2024%206s10%204.477%2010%2010%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsCityWorkerNegative%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/city-worker-negative.svg?color=%231a73e8&size=48
