security worker icon

security-worker from Health Icons by Resolve to Save Lives · Filled · People · MIT Free for personal and commercial use.

Name
security-worker
Set
Health Icons
Style
Filled
Category
People
Viewbox
48×48
License
MIT

1 other variant in Health Icons

More people icons from Health Icons

Use the security worker icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M13.5 10.097C13.5 7.774 24 6 24 6s10.5 1.774 10.5 4.097c0 3.097-1.91 4.403-1.91 4.403H15.41s-1.91-1.306-1.91-4.403m12 .403a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m6.314 7.78c1.39-1.085 1.174-2.28 1.174-2.28H15.012s-.217 1.195 1.174 2.28a8 8 0 1 0 15.629 0M24 20c2.721 0 4.624-.314 5.952-.766q.047.376.048.766a6 6 0 1 1-11.952-.766c1.329.452 3.23.766 5.952.766m1.5 10a1 1 0 0 1 1 1v1.382a1 1 0 0 1-.553.894l-.447.224l.577 2.885l4.24-6.36q.436 0 .804.004C36.526 31.262 42 33.776 42 37.558V42H6v-4.442c0-3.782 5.714-6.325 11.118-7.558c-.019.004.184.007.555.01l4.284 6.425l.543-2.935l-.447-.224a1 1 0 0 1-.553-.894V31a1 1 0 0 1 1-1zm9.5 5.333s-1.333-.666-2-1.333c-.667.667-2 1.333-2 1.333S31.698 38 33 38s2-2.667 2-2.667" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function HealthiconsSecurityWorker(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fillRule="evenodd" d="M13.5 10.097C13.5 7.774 24 6 24 6s10.5 1.774 10.5 4.097c0 3.097-1.91 4.403-1.91 4.403H15.41s-1.91-1.306-1.91-4.403m12 .403a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m6.314 7.78c1.39-1.085 1.174-2.28 1.174-2.28H15.012s-.217 1.195 1.174 2.28a8 8 0 1 0 15.629 0M24 20c2.721 0 4.624-.314 5.952-.766q.047.376.048.766a6 6 0 1 1-11.952-.766c1.329.452 3.23.766 5.952.766m1.5 10a1 1 0 0 1 1 1v1.382a1 1 0 0 1-.553.894l-.447.224l.577 2.885l4.24-6.36q.436 0 .804.004C36.526 31.262 42 33.776 42 37.558V42H6v-4.442c0-3.782 5.714-6.325 11.118-7.558c-.019.004.184.007.555.01l4.284 6.425l.543-2.935l-.447-.224a1 1 0 0 1-.553-.894V31a1 1 0 0 1 1-1zm9.5 5.333s-1.333-.666-2-1.333c-.667.667-2 1.333-2 1.333S31.698 38 33 38s2-2.667 2-2.667" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M13.5 10.097C13.5 7.774 24 6 24 6s10.5 1.774 10.5 4.097c0 3.097-1.91 4.403-1.91 4.403H15.41s-1.91-1.306-1.91-4.403m12 .403a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m6.314 7.78c1.39-1.085 1.174-2.28 1.174-2.28H15.012s-.217 1.195 1.174 2.28a8 8 0 1 0 15.629 0M24 20c2.721 0 4.624-.314 5.952-.766q.047.376.048.766a6 6 0 1 1-11.952-.766c1.329.452 3.23.766 5.952.766m1.5 10a1 1 0 0 1 1 1v1.382a1 1 0 0 1-.553.894l-.447.224l.577 2.885l4.24-6.36q.436 0 .804.004C36.526 31.262 42 33.776 42 37.558V42H6v-4.442c0-3.782 5.714-6.325 11.118-7.558c-.019.004.184.007.555.01l4.284 6.425l.543-2.935l-.447-.224a1 1 0 0 1-.553-.894V31a1 1 0 0 1 1-1zm9.5 5.333s-1.333-.666-2-1.333c-.667.667-2 1.333-2 1.333S31.698 38 33 38s2-2.667 2-2.667" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-security-worker {
  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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.5%2010.097C13.5%207.774%2024%206%2024%206s10.5%201.774%2010.5%204.097c0%203.097-1.91%204.403-1.91%204.403H15.41s-1.91-1.306-1.91-4.403m12%20.403a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m6.314%207.78c1.39-1.085%201.174-2.28%201.174-2.28H15.012s-.217%201.195%201.174%202.28a8%208%200%201%200%2015.629%200M24%2020c2.721%200%204.624-.314%205.952-.766q.047.376.048.766a6%206%200%201%201-11.952-.766c1.329.452%203.23.766%205.952.766m1.5%2010a1%201%200%200%201%201%201v1.382a1%201%200%200%201-.553.894l-.447.224l.577%202.885l4.24-6.36q.436%200%20.804.004C36.526%2031.262%2042%2033.776%2042%2037.558V42H6v-4.442c0-3.782%205.714-6.325%2011.118-7.558c-.019.004.184.007.555.01l4.284%206.425l.543-2.935l-.447-.224a1%201%200%200%201-.553-.894V31a1%201%200%200%201%201-1zm9.5%205.333s-1.333-.666-2-1.333c-.667.667-2%201.333-2%201.333S31.698%2038%2033%2038s2-2.667%202-2.667%22%20clip-rule%3D%22evenodd%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.5%2010.097C13.5%207.774%2024%206%2024%206s10.5%201.774%2010.5%204.097c0%203.097-1.91%204.403-1.91%204.403H15.41s-1.91-1.306-1.91-4.403m12%20.403a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200m6.314%207.78c1.39-1.085%201.174-2.28%201.174-2.28H15.012s-.217%201.195%201.174%202.28a8%208%200%201%200%2015.629%200M24%2020c2.721%200%204.624-.314%205.952-.766q.047.376.048.766a6%206%200%201%201-11.952-.766c1.329.452%203.23.766%205.952.766m1.5%2010a1%201%200%200%201%201%201v1.382a1%201%200%200%201-.553.894l-.447.224l.577%202.885l4.24-6.36q.436%200%20.804.004C36.526%2031.262%2042%2033.776%2042%2037.558V42H6v-4.442c0-3.782%205.714-6.325%2011.118-7.558c-.019.004.184.007.555.01l4.284%206.425l.543-2.935l-.447-.224a1%201%200%200%201-.553-.894V31a1%201%200%200%201%201-1zm9.5%205.333s-1.333-.666-2-1.333c-.667.667-2%201.333-2%201.333S31.698%2038%2033%2038s2-2.667%202-2.667%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/security-worker.svg?color=%231a73e8&size=48