Gentleface › Home & household › hair-dryer

hair-dryer icon

Hair dryer: hair dryer, blow dry, hairdryer, blow dryer. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M13.171 8.394C12.645 8.131 12.088 8 11.5 8L8.464 8C8.29 8.303 8.078 8.579 7.828 8.828C7.579 9.078 7.303 9.29 7 9.464L7 12.5C7 12.754 6.953 13 6.86 13.236C6.758 13.493 6.609 13.719 6.414 13.914C6.219 14.109 5.993 14.258 5.736 14.36C5.5 14.453 5.254 14.5 5 14.5C4.746 14.5 4.5 14.453 4.264 14.36C4.007 14.258 3.781 14.109 3.586 13.914C3.391 13.719 3.242 13.493 3.14 13.236C3.047 13 3 12.754 3 12.5L3 9.465C2.615 9.243 2.275 8.963 1.98 8.623C1.574 8.156 1.292 7.624 1.134 7.026C0.975 6.428 0.956 5.826 1.077 5.22C1.186 4.672 1.4 4.17 1.719 3.712C2.039 3.254 2.436 2.879 2.913 2.588C3.44 2.265 4.012 2.075 4.627 2.017C5.243 1.96 5.84 2.041 6.418 2.26C6.875 2.433 7.284 2.68 7.646 3L11.5 3C12.088 3 12.645 2.869 13.171 2.606L13.276 2.553C13.448 2.467 13.629 2.425 13.821 2.427C14.042 2.429 14.247 2.489 14.435 2.605C14.623 2.721 14.768 2.878 14.869 3.075C14.956 3.245 15 3.426 15 3.618L15 7.382C15 7.574 14.956 7.755 14.869 7.925C14.768 8.122 14.623 8.279 14.435 8.395C14.247 8.511 14.042 8.571 13.821 8.573C13.629 8.575 13.448 8.533 13.276 8.447L13.171 8.394ZM11.5 4L7.449 4C7.313 4 7.197 3.952 7.1 3.857C6.8 3.564 6.455 3.343 6.064 3.195C5.63 3.03 5.182 2.97 4.721 3.013C4.259 3.056 3.83 3.199 3.435 3.441C3.077 3.659 2.779 3.94 2.539 4.284C2.3 4.627 2.139 5.004 2.058 5.415C1.967 5.87 1.981 6.321 2.1 6.77C2.219 7.218 2.431 7.617 2.735 7.967C3.01 8.283 3.336 8.531 3.714 8.711C3.802 8.752 3.872 8.814 3.923 8.895C3.974 8.976 4 9.065 4 9.162L4 12.5C4 12.776 4.098 13.012 4.293 13.207C4.488 13.402 4.724 13.5 5 13.5C5.276 13.5 5.512 13.402 5.707 13.207C5.902 13.012 6 12.776 6 12.5L6 9.162C6 9.065 6.026 8.976 6.077 8.895C6.128 8.814 6.198 8.752 6.286 8.711C6.598 8.562 6.877 8.366 7.121 8.121C7.366 7.877 7.562 7.598 7.711 7.286C7.752 7.198 7.814 7.128 7.895 7.077C7.976 7.026 8.065 7 8.162 7L11.5 7C12.245 7 12.951 7.167 13.618 7.5L13.724 7.553C13.755 7.569 13.787 7.576 13.818 7.575C13.849 7.573 13.879 7.563 13.909 7.544C13.94 7.526 13.962 7.503 13.977 7.476C13.992 7.449 14 7.417 14 7.382L14 3.618C14 3.583 13.992 3.551 13.977 3.524C13.962 3.497 13.94 3.474 13.909 3.456C13.879 3.437 13.849 3.427 13.818 3.425C13.787 3.424 13.755 3.431 13.724 3.447L13.618 3.5C12.951 3.833 12.245 4 11.5 4ZM5.707 5.293C5.902 5.488 6 5.724 6 6C6 6.276 5.902 6.512 5.707 6.707C5.512 6.902 5.276 7 5 7C4.724 7 4.488 6.902 4.293 6.707C4.098 6.512 4 6.276 4 6C4 5.724 4.098 5.488 4.293 5.293C4.488 5.098 4.724 5 5 5C5.276 5 5.512 5.098 5.707 5.293Z"/></svg>

React

// Gentleface "hair-dryer" (line-round), MIT. https://gentleface.com/icons/hair-dryer
import type { SVGProps } from 'react';

export function HairDryerIcon(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="M13.171 8.394C12.645 8.131 12.088 8 11.5 8L8.464 8C8.29 8.303 8.078 8.579 7.828 8.828C7.579 9.078 7.303 9.29 7 9.464L7 12.5C7 12.754 6.953 13 6.86 13.236C6.758 13.493 6.609 13.719 6.414 13.914C6.219 14.109 5.993 14.258 5.736 14.36C5.5 14.453 5.254 14.5 5 14.5C4.746 14.5 4.5 14.453 4.264 14.36C4.007 14.258 3.781 14.109 3.586 13.914C3.391 13.719 3.242 13.493 3.14 13.236C3.047 13 3 12.754 3 12.5L3 9.465C2.615 9.243 2.275 8.963 1.98 8.623C1.574 8.156 1.292 7.624 1.134 7.026C0.975 6.428 0.956 5.826 1.077 5.22C1.186 4.672 1.4 4.17 1.719 3.712C2.039 3.254 2.436 2.879 2.913 2.588C3.44 2.265 4.012 2.075 4.627 2.017C5.243 1.96 5.84 2.041 6.418 2.26C6.875 2.433 7.284 2.68 7.646 3L11.5 3C12.088 3 12.645 2.869 13.171 2.606L13.276 2.553C13.448 2.467 13.629 2.425 13.821 2.427C14.042 2.429 14.247 2.489 14.435 2.605C14.623 2.721 14.768 2.878 14.869 3.075C14.956 3.245 15 3.426 15 3.618L15 7.382C15 7.574 14.956 7.755 14.869 7.925C14.768 8.122 14.623 8.279 14.435 8.395C14.247 8.511 14.042 8.571 13.821 8.573C13.629 8.575 13.448 8.533 13.276 8.447L13.171 8.394ZM11.5 4L7.449 4C7.313 4 7.197 3.952 7.1 3.857C6.8 3.564 6.455 3.343 6.064 3.195C5.63 3.03 5.182 2.97 4.721 3.013C4.259 3.056 3.83 3.199 3.435 3.441C3.077 3.659 2.779 3.94 2.539 4.284C2.3 4.627 2.139 5.004 2.058 5.415C1.967 5.87 1.981 6.321 2.1 6.77C2.219 7.218 2.431 7.617 2.735 7.967C3.01 8.283 3.336 8.531 3.714 8.711C3.802 8.752 3.872 8.814 3.923 8.895C3.974 8.976 4 9.065 4 9.162L4 12.5C4 12.776 4.098 13.012 4.293 13.207C4.488 13.402 4.724 13.5 5 13.5C5.276 13.5 5.512 13.402 5.707 13.207C5.902 13.012 6 12.776 6 12.5L6 9.162C6 9.065 6.026 8.976 6.077 8.895C6.128 8.814 6.198 8.752 6.286 8.711C6.598 8.562 6.877 8.366 7.121 8.121C7.366 7.877 7.562 7.598 7.711 7.286C7.752 7.198 7.814 7.128 7.895 7.077C7.976 7.026 8.065 7 8.162 7L11.5 7C12.245 7 12.951 7.167 13.618 7.5L13.724 7.553C13.755 7.569 13.787 7.576 13.818 7.575C13.849 7.573 13.879 7.563 13.909 7.544C13.94 7.526 13.962 7.503 13.977 7.476C13.992 7.449 14 7.417 14 7.382L14 3.618C14 3.583 13.992 3.551 13.977 3.524C13.962 3.497 13.94 3.474 13.909 3.456C13.879 3.437 13.849 3.427 13.818 3.425C13.787 3.424 13.755 3.431 13.724 3.447L13.618 3.5C12.951 3.833 12.245 4 11.5 4ZM5.707 5.293C5.902 5.488 6 5.724 6 6C6 6.276 5.902 6.512 5.707 6.707C5.512 6.902 5.276 7 5 7C4.724 7 4.488 6.902 4.293 6.707C4.098 6.512 4 6.276 4 6C4 5.724 4.098 5.488 4.293 5.293C4.488 5.098 4.724 5 5 5C5.276 5 5.512 5.098 5.707 5.293Z" />
    </svg>
  );
}

Vue

Vue: see /icons/hair-dryer.md

Svelte

Svelte: see /icons/hair-dryer.md

HTML img

HTML img: see /icons/hair-dryer.md

CSS

CSS: see /icons/hair-dryer.md

Data URL

Data URL: see /icons/hair-dryer.md

Sprite

Sprite: see /icons/hair-dryer.md

SwiftUI

SwiftUI: see /icons/hair-dryer.md

Compose

Compose: see /icons/hair-dryer.md

Android XML

Android XML: see /icons/hair-dryer.md

Flutter

Flutter: see /icons/hair-dryer.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. 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.

With npm: import { HairDryerIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

hair dryer, blow dry, hairdryer, blow dryer

Don’t confuse with

clothes-dryer: clothes-dryer is the laundry dryer

Not for

clothes dryer (use clothes-dryer): hair-dryer is the blow dryer, not laundry

Tags

hair-dryer, blow-dryer, hairdryer, salon, beauty, hair

Category

Home & household

Component name

HairDryerIcon

History

2026-10-29 released in 0.2.0
2026-10-30 added

Since

version 0.2.0

More home & household icons

armchair bath bed bed-double bed-person bed-single blender blinds broom bucket candle chair desk dishwasher door door-lock · all home & household icons

For agents

Metadata: /icons/hair-dryer.json · Markdown: /icons/hair-dryer.md · SVG: https://gentleface.com/svg/{style}/16/hair-dryer.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/hair-dryer.png

hair-dryer icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More home & household icons

For agents

hair-dryer icon