head icon
head-outline-24px from Health Icons by Resolve to Save Lives · Outline 24px · Body · MIT Free for personal and commercial use.
- Name
- head-outline-24px
- Set
- Health Icons
- Style
- Outline 24px
- Category
- Body
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health Icons
The same icon in other sets
More body icons from Health Icons
Use the head icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.054 5.39c1.285-1.412 3.31-2.385 6.226-2.385c1.432 0 2.532.172 3.459.54c.94.373 1.593.905 2.159 1.421l.125.113l.04.037c.34.304.878.787 1.158 1.522c.533 1.401 1.508 3.47 2.164 4.823c.607 1.252-.011 2.685-1.193 3.184v1.353a2.333 2.333 0 0 1-2.332 2.332h-1.29v2.666h-2V16.33h3.289a.333.333 0 0 0 .332-.332v-3.171h1.088a.343.343 0 0 0 .305-.493c-.653-1.348-1.664-3.49-2.233-4.984c-.094-.247-.283-.438-.667-.784h-.001l-.135-.123c-.496-.454-.938-.797-1.547-1.039c-.615-.244-1.443-.4-2.722-.4c-2.441 0-3.897.798-4.747 1.732c-.865.95-1.154 2.099-1.154 2.861c0 2.148 1.228 3.87 1.97 4.672l.268.287v6.44h-2v-5.668c-.912-1.075-2.238-3.12-2.238-5.73c0-1.19.43-2.84 1.675-4.208" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsHeadOutline24px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M5.054 5.39c1.285-1.412 3.31-2.385 6.226-2.385c1.432 0 2.532.172 3.459.54c.94.373 1.593.905 2.159 1.421l.125.113l.04.037c.34.304.878.787 1.158 1.522c.533 1.401 1.508 3.47 2.164 4.823c.607 1.252-.011 2.685-1.193 3.184v1.353a2.333 2.333 0 0 1-2.332 2.332h-1.29v2.666h-2V16.33h3.289a.333.333 0 0 0 .332-.332v-3.171h1.088a.343.343 0 0 0 .305-.493c-.653-1.348-1.664-3.49-2.233-4.984c-.094-.247-.283-.438-.667-.784h-.001l-.135-.123c-.496-.454-.938-.797-1.547-1.039c-.615-.244-1.443-.4-2.722-.4c-2.441 0-3.897.798-4.747 1.732c-.865.95-1.154 2.099-1.154 2.861c0 2.148 1.228 3.87 1.97 4.672l.268.287v6.44h-2v-5.668c-.912-1.075-2.238-3.12-2.238-5.73c0-1.19.43-2.84 1.675-4.208" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.054 5.39c1.285-1.412 3.31-2.385 6.226-2.385c1.432 0 2.532.172 3.459.54c.94.373 1.593.905 2.159 1.421l.125.113l.04.037c.34.304.878.787 1.158 1.522c.533 1.401 1.508 3.47 2.164 4.823c.607 1.252-.011 2.685-1.193 3.184v1.353a2.333 2.333 0 0 1-2.332 2.332h-1.29v2.666h-2V16.33h3.289a.333.333 0 0 0 .332-.332v-3.171h1.088a.343.343 0 0 0 .305-.493c-.653-1.348-1.664-3.49-2.233-4.984c-.094-.247-.283-.438-.667-.784h-.001l-.135-.123c-.496-.454-.938-.797-1.547-1.039c-.615-.244-1.443-.4-2.722-.4c-2.441 0-3.897.798-4.747 1.732c-.865.95-1.154 2.099-1.154 2.861c0 2.148 1.228 3.87 1.97 4.672l.268.287v6.44h-2v-5.668c-.912-1.075-2.238-3.12-2.238-5.73c0-1.19.43-2.84 1.675-4.208" clip-rule="evenodd"/></svg> </template>
CSS
.icon-head-outline-24px {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.054%205.39c1.285-1.412%203.31-2.385%206.226-2.385c1.432%200%202.532.172%203.459.54c.94.373%201.593.905%202.159%201.421l.125.113l.04.037c.34.304.878.787%201.158%201.522c.533%201.401%201.508%203.47%202.164%204.823c.607%201.252-.011%202.685-1.193%203.184v1.353a2.333%202.333%200%200%201-2.332%202.332h-1.29v2.666h-2V16.33h3.289a.333.333%200%200%200%20.332-.332v-3.171h1.088a.343.343%200%200%200%20.305-.493c-.653-1.348-1.664-3.49-2.233-4.984c-.094-.247-.283-.438-.667-.784h-.001l-.135-.123c-.496-.454-.938-.797-1.547-1.039c-.615-.244-1.443-.4-2.722-.4c-2.441%200-3.897.798-4.747%201.732c-.865.95-1.154%202.099-1.154%202.861c0%202.148%201.228%203.87%201.97%204.672l.268.287v6.44h-2v-5.668c-.912-1.075-2.238-3.12-2.238-5.73c0-1.19.43-2.84%201.675-4.208%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.054%205.39c1.285-1.412%203.31-2.385%206.226-2.385c1.432%200%202.532.172%203.459.54c.94.373%201.593.905%202.159%201.421l.125.113l.04.037c.34.304.878.787%201.158%201.522c.533%201.401%201.508%203.47%202.164%204.823c.607%201.252-.011%202.685-1.193%203.184v1.353a2.333%202.333%200%200%201-2.332%202.332h-1.29v2.666h-2V16.33h3.289a.333.333%200%200%200%20.332-.332v-3.171h1.088a.343.343%200%200%200%20.305-.493c-.653-1.348-1.664-3.49-2.233-4.984c-.094-.247-.283-.438-.667-.784h-.001l-.135-.123c-.496-.454-.938-.797-1.547-1.039c-.615-.244-1.443-.4-2.722-.4c-2.441%200-3.897.798-4.747%201.732c-.865.95-1.154%202.099-1.154%202.861c0%202.148%201.228%203.87%201.97%204.672l.268.287v6.44h-2v-5.668c-.912-1.075-2.238-3.12-2.238-5.73c0-1.19.43-2.84%201.675-4.208%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/head-outline-24px.svg?color=%231a73e8&size=48
