Dishwasher icon

Use the Dishwasher 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 { Dishwasher24Regular, Dishwasher24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

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

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="M6.25 3C4.45507 3 3 4.45507 3 6.25V10H4.5V9.5H19.5V17.75C19.5 18.7165 18.7165 19.5 17.75 19.5H7V19.5177C7.76642 19.6274 8.37265 20.2336 8.48228 21H17.75C19.5449 21 21 19.5449 21 17.75V6.25C21 4.45507 19.5449 3 17.75 3H6.25ZM19.5 8H4.5V6.25C4.5 5.2835 5.2835 4.5 6.25 4.5H17.75C18.7165 4.5 19.5 5.2835 19.5 6.25V8ZM9 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.75ZM2 11.75C2 11.3358 2.33579 11 2.75 11H7.75C8.16421 11 8.5 11.3358 8.5 11.75V13.75C8.5 15.2868 7.43335 16.5745 6 16.913V20.5H6.75C7.16421 20.5 7.5 20.8358 7.5 21.25C7.5 21.6642 7.16421 22 6.75 22H3.75C3.33579 22 3 21.6642 3 21.25C3 20.8358 3.33579 20.5 3.75 20.5H4.5V16.913C3.06665 16.5745 2 15.2868 2 13.75V11.75Z" 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/dishwasher_24_regular.svg";

Details

Keywords

appliancehomehouseutilitydishwasherdishesutensilscleansanitizewater