hair dryer icon
hair-dryer from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- hair-dryer
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the hair dryer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M8.691 2.152C5.801 1.363 3 3.749 3 7s2.8 5.637 5.691 4.848c2.307-.629 5.513-2.268 7.933-2.046c.877.08 1.502.844 2.323 1.069c1.109.303 1.543-1.371 1.782-2.118a5.8 5.8 0 0 0 0-3.506c-.239-.747-.673-2.42-1.782-2.118c-.821.225-1.446.989-2.323 1.069c-2.42.222-5.626-1.417-7.933-2.046"/><path d="M5.5 11.5c1.372 1.41 1.274 3.768 1.319 5.876c.018.876.684 1.624 1.528 1.624h1.22c.67 0 1.073-1.504 1.28-1.978c.274-.63.157-1.348-.171-1.95C9.982 13.803 9.5 13 10 11.5m6.5-7l.379 1.52a4 4 0 0 1 0 1.96L16.5 9.5M9 19c0 .932 0 1.398-.174 1.765c-.232.49-.677.88-1.237 1.083C7.169 22 6.065 22 5 22"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsHairDryer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M8.691 2.152C5.801 1.363 3 3.749 3 7s2.8 5.637 5.691 4.848c2.307-.629 5.513-2.268 7.933-2.046c.877.08 1.502.844 2.323 1.069c1.109.303 1.543-1.371 1.782-2.118a5.8 5.8 0 0 0 0-3.506c-.239-.747-.673-2.42-1.782-2.118c-.821.225-1.446.989-2.323 1.069c-2.42.222-5.626-1.417-7.933-2.046"/><path d="M5.5 11.5c1.372 1.41 1.274 3.768 1.319 5.876c.018.876.684 1.624 1.528 1.624h1.22c.67 0 1.073-1.504 1.28-1.978c.274-.63.157-1.348-.171-1.95C9.982 13.803 9.5 13 10 11.5m6.5-7l.379 1.52a4 4 0 0 1 0 1.96L16.5 9.5M9 19c0 .932 0 1.398-.174 1.765c-.232.49-.677.88-1.237 1.083C7.169 22 6.065 22 5 22"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M8.691 2.152C5.801 1.363 3 3.749 3 7s2.8 5.637 5.691 4.848c2.307-.629 5.513-2.268 7.933-2.046c.877.08 1.502.844 2.323 1.069c1.109.303 1.543-1.371 1.782-2.118a5.8 5.8 0 0 0 0-3.506c-.239-.747-.673-2.42-1.782-2.118c-.821.225-1.446.989-2.323 1.069c-2.42.222-5.626-1.417-7.933-2.046"/><path d="M5.5 11.5c1.372 1.41 1.274 3.768 1.319 5.876c.018.876.684 1.624 1.528 1.624h1.22c.67 0 1.073-1.504 1.28-1.978c.274-.63.157-1.348-.171-1.95C9.982 13.803 9.5 13 10 11.5m6.5-7l.379 1.52a4 4 0 0 1 0 1.96L16.5 9.5M9 19c0 .932 0 1.398-.174 1.765c-.232.49-.677.88-1.237 1.083C7.169 22 6.065 22 5 22"/></g></svg> </template>
CSS
.icon-hair-dryer {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M8.691%202.152C5.801%201.363%203%203.749%203%207s2.8%205.637%205.691%204.848c2.307-.629%205.513-2.268%207.933-2.046c.877.08%201.502.844%202.323%201.069c1.109.303%201.543-1.371%201.782-2.118a5.8%205.8%200%200%200%200-3.506c-.239-.747-.673-2.42-1.782-2.118c-.821.225-1.446.989-2.323%201.069c-2.42.222-5.626-1.417-7.933-2.046%22%2F%3E%3Cpath%20d%3D%22M5.5%2011.5c1.372%201.41%201.274%203.768%201.319%205.876c.018.876.684%201.624%201.528%201.624h1.22c.67%200%201.073-1.504%201.28-1.978c.274-.63.157-1.348-.171-1.95C9.982%2013.803%209.5%2013%2010%2011.5m6.5-7l.379%201.52a4%204%200%200%201%200%201.96L16.5%209.5M9%2019c0%20.932%200%201.398-.174%201.765c-.232.49-.677.88-1.237%201.083C7.169%2022%206.065%2022%205%2022%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M8.691%202.152C5.801%201.363%203%203.749%203%207s2.8%205.637%205.691%204.848c2.307-.629%205.513-2.268%207.933-2.046c.877.08%201.502.844%202.323%201.069c1.109.303%201.543-1.371%201.782-2.118a5.8%205.8%200%200%200%200-3.506c-.239-.747-.673-2.42-1.782-2.118c-.821.225-1.446.989-2.323%201.069c-2.42.222-5.626-1.417-7.933-2.046%22%2F%3E%3Cpath%20d%3D%22M5.5%2011.5c1.372%201.41%201.274%203.768%201.319%205.876c.018.876.684%201.624%201.528%201.624h1.22c.67%200%201.073-1.504%201.28-1.978c.274-.63.157-1.348-.171-1.95C9.982%2013.803%209.5%2013%2010%2011.5m6.5-7l.379%201.52a4%204%200%200%201%200%201.96L16.5%209.5M9%2019c0%20.932%200%201.398-.174%201.765c-.232.49-.677.88-1.237%201.083C7.169%2022%206.065%2022%205%2022%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/hair-dryer.svg?color=%231a73e8&size=48
