showerhead icon

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

Name: showerhead-24-regular
Set: Fluent UI System Icons
Style: 24 Regular
Viewbox: 24×24
License: MIT

5 other variants in Fluent UI System Icons

showerhead-20-filled showerhead-20-regular showerhead-24-filled showerhead-32-filled showerhead-32-regular

Use the showerhead icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.605 4.856l2.124-2.125a2.497 2.497 0 1 1 3.531 3.531l-2.122 2.122a8.005 8.005 0 0 1-1.202 8.98a2.496 2.496 0 0 1-4.18 2.401l-9.49-9.49a2.497 2.497 0 0 1 2.35-4.192a8.005 8.005 0 0 1 8.989-1.227m2.71 2.23l1.884-1.884a.997.997 0 0 0-1.41-1.41l-1.885 1.886a8 8 0 0 1 1.41 1.409m-12.989.72a.997.997 0 0 0 0 1.41l9.49 9.489a.997.997 0 1 0 1.41-1.41l-9.49-9.49a.997.997 0 0 0-1.41 0M7.78 17.28a.75.75 0 1 0-1.06-1.06l-2 2a.75.75 0 1 0 1.06 1.06zm2.5 1.44a.75.75 0 0 1 0 1.06l-2 2a.75.75 0 0 1-1.06-1.06l2-2a.75.75 0 0 1 1.06 0m-5-3.94a.75.75 0 1 0-1.06-1.06l-2 2a.75.75 0 1 0 1.06 1.06zm11.816 1.256a6.501 6.501 0 0 0-9.132-9.132z"/></svg>

React

import type { SVGProps } from "react";

export function FluentShowerhead24Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.605 4.856l2.124-2.125a2.497 2.497 0 1 1 3.531 3.531l-2.122 2.122a8.005 8.005 0 0 1-1.202 8.98a2.496 2.496 0 0 1-4.18 2.401l-9.49-9.49a2.497 2.497 0 0 1 2.35-4.192a8.005 8.005 0 0 1 8.989-1.227m2.71 2.23l1.884-1.884a.997.997 0 0 0-1.41-1.41l-1.885 1.886a8 8 0 0 1 1.41 1.409m-12.989.72a.997.997 0 0 0 0 1.41l9.49 9.489a.997.997 0 1 0 1.41-1.41l-9.49-9.49a.997.997 0 0 0-1.41 0M7.78 17.28a.75.75 0 1 0-1.06-1.06l-2 2a.75.75 0 1 0 1.06 1.06zm2.5 1.44a.75.75 0 0 1 0 1.06l-2 2a.75.75 0 0 1-1.06-1.06l2-2a.75.75 0 0 1 1.06 0m-5-3.94a.75.75 0 1 0-1.06-1.06l-2 2a.75.75 0 1 0 1.06 1.06zm11.816 1.256a6.501 6.501 0 0 0-9.132-9.132z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.605 4.856l2.124-2.125a2.497 2.497 0 1 1 3.531 3.531l-2.122 2.122a8.005 8.005 0 0 1-1.202 8.98a2.496 2.496 0 0 1-4.18 2.401l-9.49-9.49a2.497 2.497 0 0 1 2.35-4.192a8.005 8.005 0 0 1 8.989-1.227m2.71 2.23l1.884-1.884a.997.997 0 0 0-1.41-1.41l-1.885 1.886a8 8 0 0 1 1.41 1.409m-12.989.72a.997.997 0 0 0 0 1.41l9.49 9.489a.997.997 0 1 0 1.41-1.41l-9.49-9.49a.997.997 0 0 0-1.41 0M7.78 17.28a.75.75 0 1 0-1.06-1.06l-2 2a.75.75 0 1 0 1.06 1.06zm2.5 1.44a.75.75 0 0 1 0 1.06l-2 2a.75.75 0 0 1-1.06-1.06l2-2a.75.75 0 0 1 1.06 0m-5-3.94a.75.75 0 1 0-1.06-1.06l-2 2a.75.75 0 1 0 1.06 1.06zm11.816 1.256a6.501 6.501 0 0 0-9.132-9.132z"/></svg>
</template>

CSS

.icon-showerhead-24-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m15.605%204.856l2.124-2.125a2.497%202.497%200%201%201%203.531%203.531l-2.122%202.122a8.005%208.005%200%200%201-1.202%208.98a2.496%202.496%200%200%201-4.18%202.401l-9.49-9.49a2.497%202.497%200%200%201%202.35-4.192a8.005%208.005%200%200%201%208.989-1.227m2.71%202.23l1.884-1.884a.997.997%200%200%200-1.41-1.41l-1.885%201.886a8%208%200%200%201%201.41%201.409m-12.989.72a.997.997%200%200%200%200%201.41l9.49%209.489a.997.997%200%201%200%201.41-1.41l-9.49-9.49a.997.997%200%200%200-1.41%200M7.78%2017.28a.75.75%200%201%200-1.06-1.06l-2%202a.75.75%200%201%200%201.06%201.06zm2.5%201.44a.75.75%200%200%201%200%201.06l-2%202a.75.75%200%200%201-1.06-1.06l2-2a.75.75%200%200%201%201.06%200m-5-3.94a.75.75%200%201%200-1.06-1.06l-2%202a.75.75%200%201%200%201.06%201.06zm11.816%201.256a6.501%206.501%200%200%200-9.132-9.132z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m15.605%204.856l2.124-2.125a2.497%202.497%200%201%201%203.531%203.531l-2.122%202.122a8.005%208.005%200%200%201-1.202%208.98a2.496%202.496%200%200%201-4.18%202.401l-9.49-9.49a2.497%202.497%200%200%201%202.35-4.192a8.005%208.005%200%200%201%208.989-1.227m2.71%202.23l1.884-1.884a.997.997%200%200%200-1.41-1.41l-1.885%201.886a8%208%200%200%201%201.41%201.409m-12.989.72a.997.997%200%200%200%200%201.41l9.49%209.489a.997.997%200%201%200%201.41-1.41l-9.49-9.49a.997.997%200%200%200-1.41%200M7.78%2017.28a.75.75%200%201%200-1.06-1.06l-2%202a.75.75%200%201%200%201.06%201.06zm2.5%201.44a.75.75%200%200%201%200%201.06l-2%202a.75.75%200%200%201-1.06-1.06l2-2a.75.75%200%200%201%201.06%200m-5-3.94a.75.75%200%201%200-1.06-1.06l-2%202a.75.75%200%201%200%201.06%201.06zm11.816%201.256a6.501%206.501%200%200%200-9.132-9.132z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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