hair dryer icon
hair-dryer from IconPark by ByteDance · Color · Life · Apache-2.0 Free for personal and commercial use.
- Name
- hair-dryer
- Set
- IconPark
- Style
- Color
- Category
- Life
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More life icons from IconPark
Use the hair dryer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path stroke="#000" d="M19.193 21.5439L21.512 40.0964C21.7711 42.1692 20.1548 44.0001 18.0659 44.0001C16.3144 44.0001 14.837 42.6959 14.6197 40.9579L12.2461 21.969"/><path fill="#2F88FF" stroke="#000" d="M13 4C8.02944 4 4 8.02944 4 13C4 17.7167 7.62831 21.5859 12.2461 21.9689C12.4947 21.9895 12.7461 22 13 22C14.578 22 16.7395 21.8249 19.193 21.5438L31.5965 19.5219L44 17.5V8.5L28.5 6.25L13 4Z"/><path stroke="#fff" d="M37 8.20068V17.7996"/><path stroke="#000" d="M44.0002 17.5L31.5967 19.5219"/><path stroke="#000" d="M44 8.5L28.5 6.25"/><path fill="#43CCF8" stroke="#fff" d="M16 13C16 14.6569 14.6569 16 13 16C11.3431 16 10 14.6569 10 13C10 11.3431 11.3431 10 13 10C14.6569 10 16 11.3431 16 13Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkHairDryer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path stroke="#000" d="M19.193 21.5439L21.512 40.0964C21.7711 42.1692 20.1548 44.0001 18.0659 44.0001C16.3144 44.0001 14.837 42.6959 14.6197 40.9579L12.2461 21.969"/><path fill="#2F88FF" stroke="#000" d="M13 4C8.02944 4 4 8.02944 4 13C4 17.7167 7.62831 21.5859 12.2461 21.9689C12.4947 21.9895 12.7461 22 13 22C14.578 22 16.7395 21.8249 19.193 21.5438L31.5965 19.5219L44 17.5V8.5L28.5 6.25L13 4Z"/><path stroke="#fff" d="M37 8.20068V17.7996"/><path stroke="#000" d="M44.0002 17.5L31.5967 19.5219"/><path stroke="#000" d="M44 8.5L28.5 6.25"/><path fill="#43CCF8" stroke="#fff" d="M16 13C16 14.6569 14.6569 16 13 16C11.3431 16 10 14.6569 10 13C10 11.3431 11.3431 10 13 10C14.6569 10 16 11.3431 16 13Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path stroke="#000" d="M19.193 21.5439L21.512 40.0964C21.7711 42.1692 20.1548 44.0001 18.0659 44.0001C16.3144 44.0001 14.837 42.6959 14.6197 40.9579L12.2461 21.969"/><path fill="#2F88FF" stroke="#000" d="M13 4C8.02944 4 4 8.02944 4 13C4 17.7167 7.62831 21.5859 12.2461 21.9689C12.4947 21.9895 12.7461 22 13 22C14.578 22 16.7395 21.8249 19.193 21.5438L31.5965 19.5219L44 17.5V8.5L28.5 6.25L13 4Z"/><path stroke="#fff" d="M37 8.20068V17.7996"/><path stroke="#000" d="M44.0002 17.5L31.5967 19.5219"/><path stroke="#000" d="M44 8.5L28.5 6.25"/><path fill="#43CCF8" stroke="#fff" d="M16 13C16 14.6569 14.6569 16 13 16C11.3431 16 10 14.6569 10 13C10 11.3431 11.3431 10 13 10C14.6569 10 16 11.3431 16 13Z"/></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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M19.193%2021.5439L21.512%2040.0964C21.7711%2042.1692%2020.1548%2044.0001%2018.0659%2044.0001C16.3144%2044.0001%2014.837%2042.6959%2014.6197%2040.9579L12.2461%2021.969%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20d%3D%22M13%204C8.02944%204%204%208.02944%204%2013C4%2017.7167%207.62831%2021.5859%2012.2461%2021.9689C12.4947%2021.9895%2012.7461%2022%2013%2022C14.578%2022%2016.7395%2021.8249%2019.193%2021.5438L31.5965%2019.5219L44%2017.5V8.5L28.5%206.25L13%204Z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M37%208.20068V17.7996%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M44.0002%2017.5L31.5967%2019.5219%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M44%208.5L28.5%206.25%22%2F%3E%3Cpath%20fill%3D%22%2343CCF8%22%20stroke%3D%22%23fff%22%20d%3D%22M16%2013C16%2014.6569%2014.6569%2016%2013%2016C11.3431%2016%2010%2014.6569%2010%2013C10%2011.3431%2011.3431%2010%2013%2010C14.6569%2010%2016%2011.3431%2016%2013Z%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M19.193%2021.5439L21.512%2040.0964C21.7711%2042.1692%2020.1548%2044.0001%2018.0659%2044.0001C16.3144%2044.0001%2014.837%2042.6959%2014.6197%2040.9579L12.2461%2021.969%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20d%3D%22M13%204C8.02944%204%204%208.02944%204%2013C4%2017.7167%207.62831%2021.5859%2012.2461%2021.9689C12.4947%2021.9895%2012.7461%2022%2013%2022C14.578%2022%2016.7395%2021.8249%2019.193%2021.5438L31.5965%2019.5219L44%2017.5V8.5L28.5%206.25L13%204Z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M37%208.20068V17.7996%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M44.0002%2017.5L31.5967%2019.5219%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M44%208.5L28.5%206.25%22%2F%3E%3Cpath%20fill%3D%22%2343CCF8%22%20stroke%3D%22%23fff%22%20d%3D%22M16%2013C16%2014.6569%2014.6569%2016%2013%2016C11.3431%2016%2010%2014.6569%2010%2013C10%2011.3431%2011.3431%2010%2013%2010C14.6569%2010%2016%2011.3431%2016%2013Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/hair-dryer.svg?color=%231a73e8&size=48
