Washer icon

Use the Washer 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 { Washer24Regular, Washer24Filled } from "@fluentui/react-icons";

export function Example() {
  return <Washer24Regular aria-label="Washer" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_washer_24_regular.svg" width="24" height="24" alt="Washer">

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 8C9.1005 8 6.75 10.3505 6.75 13.25C6.75 16.1495 9.1005 18.5 12 18.5C14.8995 18.5 17.25 16.1495 17.25 13.25C17.25 10.3505 14.8995 8 12 8ZM8.25 13.25C8.25 11.1789 9.92893 9.5 12 9.5C14.0086 9.5 15.6483 11.0792 15.7455 13.0637C15.5695 13.2334 15.3612 13.396 15.0581 13.5269C14.5235 13.7578 13.6422 13.8952 12.1213 13.5149C10.4239 13.0906 9.28017 13.3432 8.48024 13.8391C8.42291 13.8746 8.36784 13.9111 8.3149 13.9483C8.27229 13.7221 8.25 13.4886 8.25 13.25ZM9 6.25C9 6.80228 8.55228 7.25 8 7.25C7.44772 7.25 7 6.80228 7 6.25C7 5.69772 7.44772 5.25 8 5.25C8.55228 5.25 9 5.69772 9 6.25ZM12.75 5.5C12.3358 5.5 12 5.83579 12 6.25C12 6.66421 12.3358 7 12.75 7H16.25C16.6642 7 17 6.66421 17 6.25C17 5.83579 16.6642 5.5 16.25 5.5H12.75ZM6.25 3C4.45507 3 3 4.45507 3 6.25V17.75C3 19.5449 4.45507 21 6.25 21H17.75C19.5449 21 21 19.5449 21 17.75V6.25C21 4.45507 19.5449 3 17.75 3H6.25ZM4.5 6.25C4.5 5.2835 5.2835 4.5 6.25 4.5H17.75C18.7165 4.5 19.5 5.2835 19.5 6.25V17.75C19.5 18.7165 18.7165 19.5 17.75 19.5H6.25C5.2835 19.5 4.5 18.7165 4.5 17.75V6.25Z" 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/washer_24_regular.svg";

Details

Keywords

appliancehomehouseutilitywasherdryercleanwater