officer icon
officer from Health Icons by Resolve to Save Lives · Filled · People · MIT Free for personal and commercial use.
- Name
- officer
- Set
- Health Icons
- Style
- Filled
- Category
- People
- Viewbox
- 48×48
- License
- MIT
1 other variant in Health Icons
More people icons from Health Icons
agricultureagriculture-workeragriculture-worker-altancvasthmababy-0203-altbaby-0203mbaby-0306mbaby-female-0203m-altbaby-female-0306mbaby-female-0609mbaby-male-0203m-altbaby-male-0306mbaby-male-0609mboy-0105yboy-1015ycall-centrechild-carechild-cognitionchild-programcity-workerclean-handscommunity-healthworkerconstruction-worker
Use the officer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path 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.5-.53s-1.467-.534-2-1.067c-.533.533-2 1.067-2 1.067s.4 2.933 2 2.933s2-2.933 2-2.933m5.814 8.713c1.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.766"/><path d="m16.879 28l6.477 5.457a1 1 0 0 0 1.288 0L31.121 28S42 31.393 42 35.467V42H6v-6.533C6 31.393 16.879 28 16.879 28m-4.154 9.207a1 1 0 0 1-.725-.961V35h7v1.246a1 1 0 0 1-.725.961l-2.5.715a1 1 0 0 1-.55 0zm20.94-4.082a.17.17 0 0 0-.33 0l-.471 1.52a.174.174 0 0 1-.165.126h-1.526c-.167 0-.237.225-.101.328l1.234.94c.06.046.086.128.063.202l-.471 1.52c-.052.168.13.307.266.204l1.234-.94a.166.166 0 0 1 .204 0l1.234.94c.136.103.318-.036.267-.203l-.472-1.52a.19.19 0 0 1 .063-.203l1.234-.94c.136-.103.066-.328-.101-.328H34.3a.174.174 0 0 1-.165-.125z"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsOfficer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fillRule="evenodd" clipRule="evenodd"><path 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.5-.53s-1.467-.534-2-1.067c-.533.533-2 1.067-2 1.067s.4 2.933 2 2.933s2-2.933 2-2.933m5.814 8.713c1.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.766"/><path d="m16.879 28l6.477 5.457a1 1 0 0 0 1.288 0L31.121 28S42 31.393 42 35.467V42H6v-6.533C6 31.393 16.879 28 16.879 28m-4.154 9.207a1 1 0 0 1-.725-.961V35h7v1.246a1 1 0 0 1-.725.961l-2.5.715a1 1 0 0 1-.55 0zm20.94-4.082a.17.17 0 0 0-.33 0l-.471 1.52a.174.174 0 0 1-.165.126h-1.526c-.167 0-.237.225-.101.328l1.234.94c.06.046.086.128.063.202l-.471 1.52c-.052.168.13.307.266.204l1.234-.94a.166.166 0 0 1 .204 0l1.234.94c.136.103.318-.036.267-.203l-.472-1.52a.19.19 0 0 1 .063-.203l1.234-.94c.136-.103.066-.328-.101-.328H34.3a.174.174 0 0 1-.165-.125z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path 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.5-.53s-1.467-.534-2-1.067c-.533.533-2 1.067-2 1.067s.4 2.933 2 2.933s2-2.933 2-2.933m5.814 8.713c1.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.766"/><path d="m16.879 28l6.477 5.457a1 1 0 0 0 1.288 0L31.121 28S42 31.393 42 35.467V42H6v-6.533C6 31.393 16.879 28 16.879 28m-4.154 9.207a1 1 0 0 1-.725-.961V35h7v1.246a1 1 0 0 1-.725.961l-2.5.715a1 1 0 0 1-.55 0zm20.94-4.082a.17.17 0 0 0-.33 0l-.471 1.52a.174.174 0 0 1-.165.126h-1.526c-.167 0-.237.225-.101.328l1.234.94c.06.046.086.128.063.202l-.471 1.52c-.052.168.13.307.266.204l1.234-.94a.166.166 0 0 1 .204 0l1.234.94c.136.103.318-.036.267-.203l-.472-1.52a.19.19 0 0 1 .063-.203l1.234-.94c.136-.103.066-.328-.101-.328H34.3a.174.174 0 0 1-.165-.125z"/></g></svg> </template>
CSS
.icon-officer {
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%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%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.5-.53s-1.467-.534-2-1.067c-.533.533-2%201.067-2%201.067s.4%202.933%202%202.933s2-2.933%202-2.933m5.814%208.713c1.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.766%22%2F%3E%3Cpath%20d%3D%22m16.879%2028l6.477%205.457a1%201%200%200%200%201.288%200L31.121%2028S42%2031.393%2042%2035.467V42H6v-6.533C6%2031.393%2016.879%2028%2016.879%2028m-4.154%209.207a1%201%200%200%201-.725-.961V35h7v1.246a1%201%200%200%201-.725.961l-2.5.715a1%201%200%200%201-.55%200zm20.94-4.082a.17.17%200%200%200-.33%200l-.471%201.52a.174.174%200%200%201-.165.126h-1.526c-.167%200-.237.225-.101.328l1.234.94c.06.046.086.128.063.202l-.471%201.52c-.052.168.13.307.266.204l1.234-.94a.166.166%200%200%201%20.204%200l1.234.94c.136.103.318-.036.267-.203l-.472-1.52a.19.19%200%200%201%20.063-.203l1.234-.94c.136-.103.066-.328-.101-.328H34.3a.174.174%200%200%201-.165-.125z%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%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.5-.53s-1.467-.534-2-1.067c-.533.533-2%201.067-2%201.067s.4%202.933%202%202.933s2-2.933%202-2.933m5.814%208.713c1.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.766%22%2F%3E%3Cpath%20d%3D%22m16.879%2028l6.477%205.457a1%201%200%200%200%201.288%200L31.121%2028S42%2031.393%2042%2035.467V42H6v-6.533C6%2031.393%2016.879%2028%2016.879%2028m-4.154%209.207a1%201%200%200%201-.725-.961V35h7v1.246a1%201%200%200%201-.725.961l-2.5.715a1%201%200%200%201-.55%200zm20.94-4.082a.17.17%200%200%200-.33%200l-.471%201.52a.174.174%200%200%201-.165.126h-1.526c-.167%200-.237.225-.101.328l1.234.94c.06.046.086.128.063.202l-.471%201.52c-.052.168.13.307.266.204l1.234-.94a.166.166%200%200%201%20.204%200l1.234.94c.136.103.318-.036.267-.203l-.472-1.52a.19.19%200%200%201%20.063-.203l1.234-.94c.136-.103.066-.328-.101-.328H34.3a.174.174%200%200%201-.165-.125z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/officer.svg?color=%231a73e8&size=48
