hair 2 icon

hair-2-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name: hair-2-fill
Set: MingCute Icon
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

Use the hair 2 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2.5c2.52 0 4.916 1.388 6.8 3.9c1.401 1.868 3.24 4.435 3.54 7.125c.155 1.397-.101 2.832-1.009 4.194c-.894 1.341-2.372 2.54-4.537 3.585c-1.26.608-2.619-.264-2.778-1.532c.404-.27.802-.607 1.165-1.002c1.013-1.105 1.82-2.723 1.82-4.77q0-.548-.06-1.057a.5.5 0 0 0-.491-.443a5 5 0 0 1-4.916-4.42a.5.5 0 0 0-.635-.424C8.769 8.266 7 10.572 7 14c0 2.047.806 3.665 1.819 4.77a6.4 6.4 0 0 0 1.16 1c-.176 1.264-1.548 2.13-2.808 1.484c-2.046-1.048-3.453-2.249-4.314-3.581c-.872-1.348-1.14-2.765-1.019-4.149C2.074 10.841 3.783 8.29 5.2 6.4C7.084 3.888 9.48 2.5 12 2.5"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteHair2Fill(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" d="M12 2.5c2.52 0 4.916 1.388 6.8 3.9c1.401 1.868 3.24 4.435 3.54 7.125c.155 1.397-.101 2.832-1.009 4.194c-.894 1.341-2.372 2.54-4.537 3.585c-1.26.608-2.619-.264-2.778-1.532c.404-.27.802-.607 1.165-1.002c1.013-1.105 1.82-2.723 1.82-4.77q0-.548-.06-1.057a.5.5 0 0 0-.491-.443a5 5 0 0 1-4.916-4.42a.5.5 0 0 0-.635-.424C8.769 8.266 7 10.572 7 14c0 2.047.806 3.665 1.819 4.77a6.4 6.4 0 0 0 1.16 1c-.176 1.264-1.548 2.13-2.808 1.484c-2.046-1.048-3.453-2.249-4.314-3.581c-.872-1.348-1.14-2.765-1.019-4.149C2.074 10.841 3.783 8.29 5.2 6.4C7.084 3.888 9.48 2.5 12 2.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2.5c2.52 0 4.916 1.388 6.8 3.9c1.401 1.868 3.24 4.435 3.54 7.125c.155 1.397-.101 2.832-1.009 4.194c-.894 1.341-2.372 2.54-4.537 3.585c-1.26.608-2.619-.264-2.778-1.532c.404-.27.802-.607 1.165-1.002c1.013-1.105 1.82-2.723 1.82-4.77q0-.548-.06-1.057a.5.5 0 0 0-.491-.443a5 5 0 0 1-4.916-4.42a.5.5 0 0 0-.635-.424C8.769 8.266 7 10.572 7 14c0 2.047.806 3.665 1.819 4.77a6.4 6.4 0 0 0 1.16 1c-.176 1.264-1.548 2.13-2.808 1.484c-2.046-1.048-3.453-2.249-4.314-3.581c-.872-1.348-1.14-2.765-1.019-4.149C2.074 10.841 3.783 8.29 5.2 6.4C7.084 3.888 9.48 2.5 12 2.5"/></svg>
</template>

CSS

.icon-hair-2-fill {
  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%20d%3D%22M12%202.5c2.52%200%204.916%201.388%206.8%203.9c1.401%201.868%203.24%204.435%203.54%207.125c.155%201.397-.101%202.832-1.009%204.194c-.894%201.341-2.372%202.54-4.537%203.585c-1.26.608-2.619-.264-2.778-1.532c.404-.27.802-.607%201.165-1.002c1.013-1.105%201.82-2.723%201.82-4.77q0-.548-.06-1.057a.5.5%200%200%200-.491-.443a5%205%200%200%201-4.916-4.42a.5.5%200%200%200-.635-.424C8.769%208.266%207%2010.572%207%2014c0%202.047.806%203.665%201.819%204.77a6.4%206.4%200%200%200%201.16%201c-.176%201.264-1.548%202.13-2.808%201.484c-2.046-1.048-3.453-2.249-4.314-3.581c-.872-1.348-1.14-2.765-1.019-4.149C2.074%2010.841%203.783%208.29%205.2%206.4C7.084%203.888%209.48%202.5%2012%202.5%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%20d%3D%22M12%202.5c2.52%200%204.916%201.388%206.8%203.9c1.401%201.868%203.24%204.435%203.54%207.125c.155%201.397-.101%202.832-1.009%204.194c-.894%201.341-2.372%202.54-4.537%203.585c-1.26.608-2.619-.264-2.778-1.532c.404-.27.802-.607%201.165-1.002c1.013-1.105%201.82-2.723%201.82-4.77q0-.548-.06-1.057a.5.5%200%200%200-.491-.443a5%205%200%200%201-4.916-4.42a.5.5%200%200%200-.635-.424C8.769%208.266%207%2010.572%207%2014c0%202.047.806%203.665%201.819%204.77a6.4%206.4%200%200%200%201.16%201c-.176%201.264-1.548%202.13-2.808%201.484c-2.046-1.048-3.453-2.249-4.314-3.581c-.872-1.348-1.14-2.765-1.019-4.149C2.074%2010.841%203.783%208.29%205.2%206.4C7.084%203.888%209.48%202.5%2012%202.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/hair-2-fill.svg?color=%231a73e8&size=48