clothes hanger icon
clothes-hanger-12-regular from Fluent UI System Icons by Microsoft Corporation · 12 Regular · MIT Free for personal and commercial use.
- Name
- clothes-hanger-12-regular
- Set
- Fluent UI System Icons
- Style
- 12 Regular
- Viewbox
- 12×12
- License
- MIT
7 other variants in Fluent UI System Icons
Use the clothes hanger icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M5.999 3a.5.5 0 0 0-.433.25a.5.5 0 0 1-.866-.5a1.5 1.5 0 1 1 2.361 1.81l-.126.124a3 3 0 0 0-.303.323c-.108.138-.133.223-.133.28c0 .104.057.2.148.25l3.691 2.051A1.287 1.287 0 0 1 9.713 10H2.287a1.287 1.287 0 0 1-.626-2.412l2.596-1.445a.5.5 0 1 1 .486.874L2.148 8.462a.287.287 0 0 0 .14.538h7.425a.287.287 0 0 0 .14-.538L6.16 6.412a1.29 1.29 0 0 1-.66-1.125c0-.378.175-.679.345-.896c.13-.167.294-.327.421-.451l.088-.087A.5.5 0 0 0 6 3"/></svg>
React
import type { SVGProps } from "react";
export function FluentClothesHanger12Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M5.999 3a.5.5 0 0 0-.433.25a.5.5 0 0 1-.866-.5a1.5 1.5 0 1 1 2.361 1.81l-.126.124a3 3 0 0 0-.303.323c-.108.138-.133.223-.133.28c0 .104.057.2.148.25l3.691 2.051A1.287 1.287 0 0 1 9.713 10H2.287a1.287 1.287 0 0 1-.626-2.412l2.596-1.445a.5.5 0 1 1 .486.874L2.148 8.462a.287.287 0 0 0 .14.538h7.425a.287.287 0 0 0 .14-.538L6.16 6.412a1.29 1.29 0 0 1-.66-1.125c0-.378.175-.679.345-.896c.13-.167.294-.327.421-.451l.088-.087A.5.5 0 0 0 6 3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M5.999 3a.5.5 0 0 0-.433.25a.5.5 0 0 1-.866-.5a1.5 1.5 0 1 1 2.361 1.81l-.126.124a3 3 0 0 0-.303.323c-.108.138-.133.223-.133.28c0 .104.057.2.148.25l3.691 2.051A1.287 1.287 0 0 1 9.713 10H2.287a1.287 1.287 0 0 1-.626-2.412l2.596-1.445a.5.5 0 1 1 .486.874L2.148 8.462a.287.287 0 0 0 .14.538h7.425a.287.287 0 0 0 .14-.538L6.16 6.412a1.29 1.29 0 0 1-.66-1.125c0-.378.175-.679.345-.896c.13-.167.294-.327.421-.451l.088-.087A.5.5 0 0 0 6 3"/></svg> </template>
CSS
.icon-clothes-hanger-12-regular {
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%2012%2012%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.999%203a.5.5%200%200%200-.433.25a.5.5%200%200%201-.866-.5a1.5%201.5%200%201%201%202.361%201.81l-.126.124a3%203%200%200%200-.303.323c-.108.138-.133.223-.133.28c0%20.104.057.2.148.25l3.691%202.051A1.287%201.287%200%200%201%209.713%2010H2.287a1.287%201.287%200%200%201-.626-2.412l2.596-1.445a.5.5%200%201%201%20.486.874L2.148%208.462a.287.287%200%200%200%20.14.538h7.425a.287.287%200%200%200%20.14-.538L6.16%206.412a1.29%201.29%200%200%201-.66-1.125c0-.378.175-.679.345-.896c.13-.167.294-.327.421-.451l.088-.087A.5.5%200%200%200%206%203%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%2012%2012%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.999%203a.5.5%200%200%200-.433.25a.5.5%200%200%201-.866-.5a1.5%201.5%200%201%201%202.361%201.81l-.126.124a3%203%200%200%200-.303.323c-.108.138-.133.223-.133.28c0%20.104.057.2.148.25l3.691%202.051A1.287%201.287%200%200%201%209.713%2010H2.287a1.287%201.287%200%200%201-.626-2.412l2.596-1.445a.5.5%200%201%201%20.486.874L2.148%208.462a.287.287%200%200%200%20.14.538h7.425a.287.287%200%200%200%20.14-.538L6.16%206.412a1.29%201.29%200%200%201-.66-1.125c0-.378.175-.679.345-.896c.13-.167.294-.327.421-.451l.088-.087A.5.5%200%200%200%206%203%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/clothes-hanger-12-regular.svg?color=%231a73e8&size=48
