hair dryer icon

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

Name: hair-dryer-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

hair-dryer hair-dryer-bold hair-dryer-duotone hair-dryer-fill hair-dryer-thin

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="M198 88a30 30 0 1 0-30 30a30 30 0 0 0 30-30m-30 18a18 18 0 1 1 18-18a18 18 0 0 1-18 18m-5.15 108a14 14 0 0 0 12.74-8.21l31.8-69.94A62 62 0 0 0 168 26a6.6 6.6 0 0 0-1 .08L29.7 49A14 14 0 0 0 18 62.78v50.44A14 14 0 0 0 29.7 127L130 143.75V200a14 14 0 0 0 14 14h2v2a38 38 0 0 0 38 38h16a6 6 0 0 0 0-12h-16a26 26 0 0 1-26-26v-2ZM30 113.22V62.78a2 2 0 0 1 1.67-2L168.48 38a50 50 0 0 1 0 100L31.67 115.2a2 2 0 0 1-1.67-1.98M142 200v-54.25l25 4.17a6.6 6.6 0 0 0 1 .08a61.8 61.8 0 0 0 21.53-3.86l-24.86 54.69a2 2 0 0 1-1.82 1.17H144a2 2 0 0 1-2-2"/></svg>

React

import type { SVGProps } from "react";

export function PhHairDryerLight(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="M198 88a30 30 0 1 0-30 30a30 30 0 0 0 30-30m-30 18a18 18 0 1 1 18-18a18 18 0 0 1-18 18m-5.15 108a14 14 0 0 0 12.74-8.21l31.8-69.94A62 62 0 0 0 168 26a6.6 6.6 0 0 0-1 .08L29.7 49A14 14 0 0 0 18 62.78v50.44A14 14 0 0 0 29.7 127L130 143.75V200a14 14 0 0 0 14 14h2v2a38 38 0 0 0 38 38h16a6 6 0 0 0 0-12h-16a26 26 0 0 1-26-26v-2ZM30 113.22V62.78a2 2 0 0 1 1.67-2L168.48 38a50 50 0 0 1 0 100L31.67 115.2a2 2 0 0 1-1.67-1.98M142 200v-54.25l25 4.17a6.6 6.6 0 0 0 1 .08a61.8 61.8 0 0 0 21.53-3.86l-24.86 54.69a2 2 0 0 1-1.82 1.17H144a2 2 0 0 1-2-2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M198 88a30 30 0 1 0-30 30a30 30 0 0 0 30-30m-30 18a18 18 0 1 1 18-18a18 18 0 0 1-18 18m-5.15 108a14 14 0 0 0 12.74-8.21l31.8-69.94A62 62 0 0 0 168 26a6.6 6.6 0 0 0-1 .08L29.7 49A14 14 0 0 0 18 62.78v50.44A14 14 0 0 0 29.7 127L130 143.75V200a14 14 0 0 0 14 14h2v2a38 38 0 0 0 38 38h16a6 6 0 0 0 0-12h-16a26 26 0 0 1-26-26v-2ZM30 113.22V62.78a2 2 0 0 1 1.67-2L168.48 38a50 50 0 0 1 0 100L31.67 115.2a2 2 0 0 1-1.67-1.98M142 200v-54.25l25 4.17a6.6 6.6 0 0 0 1 .08a61.8 61.8 0 0 0 21.53-3.86l-24.86 54.69a2 2 0 0 1-1.82 1.17H144a2 2 0 0 1-2-2"/></svg>
</template>

CSS

.icon-hair-dryer-light {
  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%22M198%2088a30%2030%200%201%200-30%2030a30%2030%200%200%200%2030-30m-30%2018a18%2018%200%201%201%2018-18a18%2018%200%200%201-18%2018m-5.15%20108a14%2014%200%200%200%2012.74-8.21l31.8-69.94A62%2062%200%200%200%20168%2026a6.6%206.6%200%200%200-1%20.08L29.7%2049A14%2014%200%200%200%2018%2062.78v50.44A14%2014%200%200%200%2029.7%20127L130%20143.75V200a14%2014%200%200%200%2014%2014h2v2a38%2038%200%200%200%2038%2038h16a6%206%200%200%200%200-12h-16a26%2026%200%200%201-26-26v-2ZM30%20113.22V62.78a2%202%200%200%201%201.67-2L168.48%2038a50%2050%200%200%201%200%20100L31.67%20115.2a2%202%200%200%201-1.67-1.98M142%20200v-54.25l25%204.17a6.6%206.6%200%200%200%201%20.08a61.8%2061.8%200%200%200%2021.53-3.86l-24.86%2054.69a2%202%200%200%201-1.82%201.17H144a2%202%200%200%201-2-2%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%22M198%2088a30%2030%200%201%200-30%2030a30%2030%200%200%200%2030-30m-30%2018a18%2018%200%201%201%2018-18a18%2018%200%200%201-18%2018m-5.15%20108a14%2014%200%200%200%2012.74-8.21l31.8-69.94A62%2062%200%200%200%20168%2026a6.6%206.6%200%200%200-1%20.08L29.7%2049A14%2014%200%200%200%2018%2062.78v50.44A14%2014%200%200%200%2029.7%20127L130%20143.75V200a14%2014%200%200%200%2014%2014h2v2a38%2038%200%200%200%2038%2038h16a6%206%200%200%200%200-12h-16a26%2026%200%200%201-26-26v-2ZM30%20113.22V62.78a2%202%200%200%201%201.67-2L168.48%2038a50%2050%200%200%201%200%20100L31.67%20115.2a2%202%200%200%201-1.67-1.98M142%20200v-54.25l25%204.17a6.6%206.6%200%200%200%201%20.08a61.8%2061.8%200%200%200%2021.53-3.86l-24.86%2054.69a2%202%200%200%201-1.82%201.17H144a2%202%200%200%201-2-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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