Gentleface › People & accounts › hair
hair icon
hairHair: hair. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.
Code line-round
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M2.421 5.291C2.726 4.521 3.172 3.843 3.757 3.257C4.343 2.672 5.021 2.226 5.791 1.921C6.501 1.64 7.237 1.5 8 1.5C8.763 1.5 9.499 1.64 10.209 1.921C10.979 2.226 11.657 2.672 12.243 3.257C12.828 3.843 13.274 4.521 13.579 5.291C13.86 6.001 14 6.737 14 7.5L14 13.5C14 13.691 13.965 13.875 13.895 14.052C13.818 14.245 13.707 14.414 13.561 14.561C13.414 14.707 13.245 14.818 13.052 14.895C12.875 14.965 12.691 15 12.5 15C12.309 15 12.125 14.965 11.948 14.895C11.755 14.818 11.586 14.707 11.439 14.561C11.293 14.414 11.182 14.245 11.105 14.052C11.035 13.875 11 13.691 11 13.5L11 9C11 8.412 10.806 7.868 10.418 7.369C10.132 7.001 9.699 6.609 9.12 6.191C8.128 7.478 6.755 8.376 5 8.883L5 13.5C5 13.691 4.965 13.875 4.895 14.052C4.818 14.245 4.707 14.414 4.561 14.561C4.414 14.707 4.245 14.818 4.052 14.895C3.875 14.965 3.691 15 3.5 15C3.309 15 3.125 14.965 2.948 14.895C2.755 14.818 2.586 14.707 2.439 14.561C2.293 14.414 2.182 14.245 2.105 14.052C2.035 13.875 2 13.691 2 13.5L2 7.5C2 6.737 2.14 6.001 2.421 5.291ZM4.105 8.191C4.175 8.102 4.266 8.043 4.379 8.015C6.254 7.546 7.655 6.615 8.584 5.223C8.662 5.105 8.768 5.033 8.901 5.007C9.035 4.98 9.16 5.006 9.277 5.084C10.149 5.665 10.793 6.222 11.207 6.756C11.736 7.435 12 8.183 12 9L12 13.5C12 13.638 12.049 13.756 12.146 13.854C12.244 13.951 12.362 14 12.5 14C12.638 14 12.756 13.951 12.854 13.854C12.951 13.756 13 13.638 13 13.5L13 7.5C13 6.864 12.883 6.251 12.649 5.66C12.395 5.018 12.024 4.453 11.536 3.964C11.047 3.476 10.482 3.105 9.84 2.851C9.249 2.617 8.636 2.5 8 2.5C7.364 2.5 6.751 2.617 6.16 2.851C5.518 3.105 4.953 3.476 4.464 3.964C3.976 4.453 3.605 5.018 3.351 5.66C3.117 6.251 3 6.864 3 7.5L3 13.5C3 13.638 3.049 13.756 3.146 13.854C3.244 13.951 3.362 14 3.5 14C3.638 14 3.756 13.951 3.854 13.854C3.951 13.756 4 13.638 4 13.5L4 8.5C4 8.384 4.035 8.281 4.105 8.191Z"/></svg>
// Gentleface "hair" (line-round), MIT. https://gentleface.com/icons/hair
import type { SVGProps } from 'react';
export function HairIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
<path d="M2.421 5.291C2.726 4.521 3.172 3.843 3.757 3.257C4.343 2.672 5.021 2.226 5.791 1.921C6.501 1.64 7.237 1.5 8 1.5C8.763 1.5 9.499 1.64 10.209 1.921C10.979 2.226 11.657 2.672 12.243 3.257C12.828 3.843 13.274 4.521 13.579 5.291C13.86 6.001 14 6.737 14 7.5L14 13.5C14 13.691 13.965 13.875 13.895 14.052C13.818 14.245 13.707 14.414 13.561 14.561C13.414 14.707 13.245 14.818 13.052 14.895C12.875 14.965 12.691 15 12.5 15C12.309 15 12.125 14.965 11.948 14.895C11.755 14.818 11.586 14.707 11.439 14.561C11.293 14.414 11.182 14.245 11.105 14.052C11.035 13.875 11 13.691 11 13.5L11 9C11 8.412 10.806 7.868 10.418 7.369C10.132 7.001 9.699 6.609 9.12 6.191C8.128 7.478 6.755 8.376 5 8.883L5 13.5C5 13.691 4.965 13.875 4.895 14.052C4.818 14.245 4.707 14.414 4.561 14.561C4.414 14.707 4.245 14.818 4.052 14.895C3.875 14.965 3.691 15 3.5 15C3.309 15 3.125 14.965 2.948 14.895C2.755 14.818 2.586 14.707 2.439 14.561C2.293 14.414 2.182 14.245 2.105 14.052C2.035 13.875 2 13.691 2 13.5L2 7.5C2 6.737 2.14 6.001 2.421 5.291ZM4.105 8.191C4.175 8.102 4.266 8.043 4.379 8.015C6.254 7.546 7.655 6.615 8.584 5.223C8.662 5.105 8.768 5.033 8.901 5.007C9.035 4.98 9.16 5.006 9.277 5.084C10.149 5.665 10.793 6.222 11.207 6.756C11.736 7.435 12 8.183 12 9L12 13.5C12 13.638 12.049 13.756 12.146 13.854C12.244 13.951 12.362 14 12.5 14C12.638 14 12.756 13.951 12.854 13.854C12.951 13.756 13 13.638 13 13.5L13 7.5C13 6.864 12.883 6.251 12.649 5.66C12.395 5.018 12.024 4.453 11.536 3.964C11.047 3.476 10.482 3.105 9.84 2.851C9.249 2.617 8.636 2.5 8 2.5C7.364 2.5 6.751 2.617 6.16 2.851C5.518 3.105 4.953 3.476 4.464 3.964C3.976 4.453 3.605 5.018 3.351 5.66C3.117 6.251 3 6.864 3 7.5L3 13.5C3 13.638 3.049 13.756 3.146 13.854C3.244 13.951 3.362 14 3.5 14C3.638 14 3.756 13.951 3.854 13.854C3.951 13.756 4 13.638 4 13.5L4 8.5C4 8.384 4.035 8.281 4.105 8.191Z" />
</svg>
);
}Vue: see /icons/hair.md
Svelte: see /icons/hair.md
HTML img: see /icons/hair.md
CSS: see /icons/hair.md
Data URL: see /icons/hair.md
Sprite: see /icons/hair.md
SwiftUI: see /icons/hair.md
Compose: see /icons/hair.md
Android XML: see /icons/hair.md
Flutter: see /icons/hair.md
Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.
Meaning
- Use it for
- hair
- Tags
- hair, hairstyle, haircut, salon, barber, head, beauty
- Category
- People & accounts
- Component name
HairIcon- History
- 20 px drawn, 24 px drawn, added
More people & accounts icons
address-book address-book-off baby baby-bottle baby-carriage baby-carriage-off coffin contact-card contact-card-link couple diaper diversity elderly family family-outline family-tree · all people & accounts icons
For agents
Metadata: /icons/hair.json · Markdown: /icons/hair.md · SVG: https://gentleface.com/svg/{style}/16/hair.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/hair.png