Clothes Hanger icon

Use the Clothes Hanger icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { ClothesHanger24Regular, ClothesHanger24Filled } from "@fluentui/react-icons";

export function Example() {
  return <ClothesHanger24Regular aria-label="Clothes Hanger" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_clothes_hanger_24_regular.svg" width="24" height="24" alt="Clothes Hanger">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4.5C11.3481 4.5 10.7916 4.91624 10.5852 5.49975C10.4471 5.89027 10.0186 6.09491 9.6281 5.95682C9.23758 5.81874 9.03294 5.39022 9.17103 4.9997C9.58261 3.83571 10.6927 3 12 3C13.6569 3 15 4.34315 15 6C15 7.00036 14.5096 7.88624 13.7594 8.43011C13.4576 8.64888 13.1908 8.86841 13.0022 9.09749C12.8164 9.32299 12.75 9.50432 12.75 9.6596C12.75 9.90187 12.8828 10.1246 13.0959 10.2398L20.703 14.3518C21.5021 14.7837 22 15.6189 22 16.5272C22 17.8929 20.8929 19 19.5272 19H4.47284C3.10713 19 2 17.8929 2 16.5272C2 15.6189 2.49794 14.7837 3.29696 14.3518L9.39721 11.0544C9.7616 10.8574 10.2167 10.9931 10.4136 11.3575C10.6106 11.7219 10.4749 12.1769 10.1105 12.3739L4.01024 15.6713C3.69589 15.8413 3.5 16.1698 3.5 16.5272C3.5 17.0644 3.93556 17.5 4.47284 17.5H19.5272C20.0644 17.5 20.5 17.0644 20.5 16.5272C20.5 16.1698 20.3041 15.8413 19.9898 15.6713L12.3827 11.5594C11.6849 11.1822 11.25 10.4528 11.25 9.6596C11.25 9.03637 11.5281 8.52781 11.8443 8.14382C12.1577 7.7634 12.5505 7.45382 12.879 7.21566C13.2568 6.94181 13.5 6.49934 13.5 6C13.5 5.17157 12.8284 4.5 12 4.5Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/clothes_hanger_24_regular.svg";

Details

Keywords

clothingclosetwardrobe