washer icon

washer-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.

Name: washer-48-regular
Set: Fluent UI System Icons
Style: 48 Regular
Viewbox: 48×48
License: MIT

7 other variants in Fluent UI System Icons

washer-20-filled washer-20-regular washer-24-filled washer-24-regular washer-32-filled washer-32-regular washer-48-filled

The same icon in other sets

washerBoxIcons v2 Solid

Use the washer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M24 16c-5.799 0-10.5 4.701-10.5 10.5S18.201 37 24 37s10.5-4.701 10.5-10.5S29.799 16 24 16m-8 10.5a8 8 0 0 1 15.892-1.316l-.023.025c-.462.496-.94 1.01-1.82 1.389c-1.064.46-2.819.733-5.847-.024c-3.38-.845-5.657-.342-7.25.645a7 7 0 0 0-.842.614A8 8 0 0 1 16 26.5m2-14.25a2 2 0 1 1-4 0a2 2 0 0 1 4 0M25.25 11a1.25 1.25 0 1 0 0 2.5h7.5a1.25 1.25 0 1 0 0-2.5zm-13-5A6.25 6.25 0 0 0 6 12.25v23.5A6.25 6.25 0 0 0 12.25 42h23.5A6.25 6.25 0 0 0 42 35.75v-23.5A6.25 6.25 0 0 0 35.75 6zM8.5 12.25a3.75 3.75 0 0 1 3.75-3.75h23.5a3.75 3.75 0 0 1 3.75 3.75v23.5a3.75 3.75 0 0 1-3.75 3.75h-23.5a3.75 3.75 0 0 1-3.75-3.75z"/></svg>

React

import type { SVGProps } from "react";

export function FluentWasher48Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M24 16c-5.799 0-10.5 4.701-10.5 10.5S18.201 37 24 37s10.5-4.701 10.5-10.5S29.799 16 24 16m-8 10.5a8 8 0 0 1 15.892-1.316l-.023.025c-.462.496-.94 1.01-1.82 1.389c-1.064.46-2.819.733-5.847-.024c-3.38-.845-5.657-.342-7.25.645a7 7 0 0 0-.842.614A8 8 0 0 1 16 26.5m2-14.25a2 2 0 1 1-4 0a2 2 0 0 1 4 0M25.25 11a1.25 1.25 0 1 0 0 2.5h7.5a1.25 1.25 0 1 0 0-2.5zm-13-5A6.25 6.25 0 0 0 6 12.25v23.5A6.25 6.25 0 0 0 12.25 42h23.5A6.25 6.25 0 0 0 42 35.75v-23.5A6.25 6.25 0 0 0 35.75 6zM8.5 12.25a3.75 3.75 0 0 1 3.75-3.75h23.5a3.75 3.75 0 0 1 3.75 3.75v23.5a3.75 3.75 0 0 1-3.75 3.75h-23.5a3.75 3.75 0 0 1-3.75-3.75z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M24 16c-5.799 0-10.5 4.701-10.5 10.5S18.201 37 24 37s10.5-4.701 10.5-10.5S29.799 16 24 16m-8 10.5a8 8 0 0 1 15.892-1.316l-.023.025c-.462.496-.94 1.01-1.82 1.389c-1.064.46-2.819.733-5.847-.024c-3.38-.845-5.657-.342-7.25.645a7 7 0 0 0-.842.614A8 8 0 0 1 16 26.5m2-14.25a2 2 0 1 1-4 0a2 2 0 0 1 4 0M25.25 11a1.25 1.25 0 1 0 0 2.5h7.5a1.25 1.25 0 1 0 0-2.5zm-13-5A6.25 6.25 0 0 0 6 12.25v23.5A6.25 6.25 0 0 0 12.25 42h23.5A6.25 6.25 0 0 0 42 35.75v-23.5A6.25 6.25 0 0 0 35.75 6zM8.5 12.25a3.75 3.75 0 0 1 3.75-3.75h23.5a3.75 3.75 0 0 1 3.75 3.75v23.5a3.75 3.75 0 0 1-3.75 3.75h-23.5a3.75 3.75 0 0 1-3.75-3.75z"/></svg>
</template>

CSS

.icon-washer-48-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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2016c-5.799%200-10.5%204.701-10.5%2010.5S18.201%2037%2024%2037s10.5-4.701%2010.5-10.5S29.799%2016%2024%2016m-8%2010.5a8%208%200%200%201%2015.892-1.316l-.023.025c-.462.496-.94%201.01-1.82%201.389c-1.064.46-2.819.733-5.847-.024c-3.38-.845-5.657-.342-7.25.645a7%207%200%200%200-.842.614A8%208%200%200%201%2016%2026.5m2-14.25a2%202%200%201%201-4%200a2%202%200%200%201%204%200M25.25%2011a1.25%201.25%200%201%200%200%202.5h7.5a1.25%201.25%200%201%200%200-2.5zm-13-5A6.25%206.25%200%200%200%206%2012.25v23.5A6.25%206.25%200%200%200%2012.25%2042h23.5A6.25%206.25%200%200%200%2042%2035.75v-23.5A6.25%206.25%200%200%200%2035.75%206zM8.5%2012.25a3.75%203.75%200%200%201%203.75-3.75h23.5a3.75%203.75%200%200%201%203.75%203.75v23.5a3.75%203.75%200%200%201-3.75%203.75h-23.5a3.75%203.75%200%200%201-3.75-3.75z%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2016c-5.799%200-10.5%204.701-10.5%2010.5S18.201%2037%2024%2037s10.5-4.701%2010.5-10.5S29.799%2016%2024%2016m-8%2010.5a8%208%200%200%201%2015.892-1.316l-.023.025c-.462.496-.94%201.01-1.82%201.389c-1.064.46-2.819.733-5.847-.024c-3.38-.845-5.657-.342-7.25.645a7%207%200%200%200-.842.614A8%208%200%200%201%2016%2026.5m2-14.25a2%202%200%201%201-4%200a2%202%200%200%201%204%200M25.25%2011a1.25%201.25%200%201%200%200%202.5h7.5a1.25%201.25%200%201%200%200-2.5zm-13-5A6.25%206.25%200%200%200%206%2012.25v23.5A6.25%206.25%200%200%200%2012.25%2042h23.5A6.25%206.25%200%200%200%2042%2035.75v-23.5A6.25%206.25%200%200%200%2035.75%206zM8.5%2012.25a3.75%203.75%200%200%201%203.75-3.75h23.5a3.75%203.75%200%200%201%203.75%203.75v23.5a3.75%203.75%200%200%201-3.75%203.75h-23.5a3.75%203.75%200%200%201-3.75-3.75z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/washer-48-regular.svg?color=%231a73e8&size=48