hair dryer icon

hair-dryer-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: hair-dryer-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

hair-dryer hair-dryer-bold hair-dryer-duotone hair-dryer-fill hair-dryer-light

The same icon in other sets

hair-dryerHuge Icons hair-dryerIconPark hair-dryerIconPark Outline hair-dryerIconPark Solid hair-dryerIconPark TwoTone hair-dryerMaterial Design Icons

Use the hair dryer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M196 88a28 28 0 1 0-28 28a28 28 0 0 0 28-28m-28 20a20 20 0 1 1 20-20a20 20 0 0 1-20 20m-5.15 104a12 12 0 0 0 10.92-7l32-70.39A60 60 0 0 0 168 28a5 5 0 0 0-.66.05L30 50.94a12 12 0 0 0-10 11.84v50.44a12 12 0 0 0 10 11.84l102 17V200a12 12 0 0 0 12 12h4v4a36 36 0 0 0 36 36h16a4 4 0 0 0 0-8h-16a28 28 0 0 1-28-28v-4ZM28 113.22V62.78a4 4 0 0 1 3.34-4L168.33 36a52 52 0 0 1 0 104l-137-22.83a4 4 0 0 1-3.33-3.95M140 200v-56.61l27.34 4.61a5 5 0 0 0 .66.05a59.6 59.6 0 0 0 25.46-5.69l-27 59.34a4 4 0 0 1-3.64 2.35H144a4 4 0 0 1-4-4.05"/></svg>

React

import type { SVGProps } from "react";

export function PhHairDryerThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M196 88a28 28 0 1 0-28 28a28 28 0 0 0 28-28m-28 20a20 20 0 1 1 20-20a20 20 0 0 1-20 20m-5.15 104a12 12 0 0 0 10.92-7l32-70.39A60 60 0 0 0 168 28a5 5 0 0 0-.66.05L30 50.94a12 12 0 0 0-10 11.84v50.44a12 12 0 0 0 10 11.84l102 17V200a12 12 0 0 0 12 12h4v4a36 36 0 0 0 36 36h16a4 4 0 0 0 0-8h-16a28 28 0 0 1-28-28v-4ZM28 113.22V62.78a4 4 0 0 1 3.34-4L168.33 36a52 52 0 0 1 0 104l-137-22.83a4 4 0 0 1-3.33-3.95M140 200v-56.61l27.34 4.61a5 5 0 0 0 .66.05a59.6 59.6 0 0 0 25.46-5.69l-27 59.34a4 4 0 0 1-3.64 2.35H144a4 4 0 0 1-4-4.05"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M196 88a28 28 0 1 0-28 28a28 28 0 0 0 28-28m-28 20a20 20 0 1 1 20-20a20 20 0 0 1-20 20m-5.15 104a12 12 0 0 0 10.92-7l32-70.39A60 60 0 0 0 168 28a5 5 0 0 0-.66.05L30 50.94a12 12 0 0 0-10 11.84v50.44a12 12 0 0 0 10 11.84l102 17V200a12 12 0 0 0 12 12h4v4a36 36 0 0 0 36 36h16a4 4 0 0 0 0-8h-16a28 28 0 0 1-28-28v-4ZM28 113.22V62.78a4 4 0 0 1 3.34-4L168.33 36a52 52 0 0 1 0 104l-137-22.83a4 4 0 0 1-3.33-3.95M140 200v-56.61l27.34 4.61a5 5 0 0 0 .66.05a59.6 59.6 0 0 0 25.46-5.69l-27 59.34a4 4 0 0 1-3.64 2.35H144a4 4 0 0 1-4-4.05"/></svg>
</template>

CSS

.icon-hair-dryer-thin {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M196%2088a28%2028%200%201%200-28%2028a28%2028%200%200%200%2028-28m-28%2020a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020m-5.15%20104a12%2012%200%200%200%2010.92-7l32-70.39A60%2060%200%200%200%20168%2028a5%205%200%200%200-.66.05L30%2050.94a12%2012%200%200%200-10%2011.84v50.44a12%2012%200%200%200%2010%2011.84l102%2017V200a12%2012%200%200%200%2012%2012h4v4a36%2036%200%200%200%2036%2036h16a4%204%200%200%200%200-8h-16a28%2028%200%200%201-28-28v-4ZM28%20113.22V62.78a4%204%200%200%201%203.34-4L168.33%2036a52%2052%200%200%201%200%20104l-137-22.83a4%204%200%200%201-3.33-3.95M140%20200v-56.61l27.34%204.61a5%205%200%200%200%20.66.05a59.6%2059.6%200%200%200%2025.46-5.69l-27%2059.34a4%204%200%200%201-3.64%202.35H144a4%204%200%200%201-4-4.05%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M196%2088a28%2028%200%201%200-28%2028a28%2028%200%200%200%2028-28m-28%2020a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020m-5.15%20104a12%2012%200%200%200%2010.92-7l32-70.39A60%2060%200%200%200%20168%2028a5%205%200%200%200-.66.05L30%2050.94a12%2012%200%200%200-10%2011.84v50.44a12%2012%200%200%200%2010%2011.84l102%2017V200a12%2012%200%200%200%2012%2012h4v4a36%2036%200%200%200%2036%2036h16a4%204%200%200%200%200-8h-16a28%2028%200%200%201-28-28v-4ZM28%20113.22V62.78a4%204%200%200%201%203.34-4L168.33%2036a52%2052%200%200%201%200%20104l-137-22.83a4%204%200%200%201-3.33-3.95M140%20200v-56.61l27.34%204.61a5%205%200%200%200%20.66.05a59.6%2059.6%200%200%200%2025.46-5.69l-27%2059.34a4%204%200%200%201-3.64%202.35H144a4%204%200%200%201-4-4.05%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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