pool icon

pool from Material Design Icons by Pictogrammers · Filled · Home Automation · Apache-2.0 Free for personal and commercial use.

Name: pool
Set: Material Design Icons
Style: Filled
Category: Home Automation
Viewbox: 24×24
License: Apache 2.0
Aliases: swimming-pool

The same icon in other sets

poolHuge Icons poolMaterial Symbols poolTabler Icons pool-outlineTeenyicons

More home automation icons from Material Design Icons

Use the pool icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 15c1.67-.75 3.33-1.5 5-1.83V5a3 3 0 0 1 3-3c1.31 0 2.42.83 2.83 2H10a1 1 0 0 0-1 1v1h5V5a3 3 0 0 1 3-3c1.31 0 2.42.83 2.83 2H17a1 1 0 0 0-1 1v9.94c2-.32 4-1.94 6-1.94v2c-2.22 0-4.44 2-6.67 2c-2.22 0-4.44-2-6.66-2c-2.23 0-4.45 1-6.67 2zm12-7H9v2h5zm0 4H9v1c1.67.16 3.33 1.31 5 1.79zM2 19c2.22-1 4.44-2 6.67-2c2.22 0 4.44 2 6.66 2c2.23 0 4.45-2 6.67-2v2c-2.22 0-4.44 2-6.67 2c-2.22 0-4.44-2-6.66-2c-2.23 0-4.45 1-6.67 2z"/></svg>

React

import type { SVGProps } from "react";

export function MdiPool(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="M2 15c1.67-.75 3.33-1.5 5-1.83V5a3 3 0 0 1 3-3c1.31 0 2.42.83 2.83 2H10a1 1 0 0 0-1 1v1h5V5a3 3 0 0 1 3-3c1.31 0 2.42.83 2.83 2H17a1 1 0 0 0-1 1v9.94c2-.32 4-1.94 6-1.94v2c-2.22 0-4.44 2-6.67 2c-2.22 0-4.44-2-6.66-2c-2.23 0-4.45 1-6.67 2zm12-7H9v2h5zm0 4H9v1c1.67.16 3.33 1.31 5 1.79zM2 19c2.22-1 4.44-2 6.67-2c2.22 0 4.44 2 6.66 2c2.23 0 4.45-2 6.67-2v2c-2.22 0-4.44 2-6.67 2c-2.22 0-4.44-2-6.66-2c-2.23 0-4.45 1-6.67 2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 15c1.67-.75 3.33-1.5 5-1.83V5a3 3 0 0 1 3-3c1.31 0 2.42.83 2.83 2H10a1 1 0 0 0-1 1v1h5V5a3 3 0 0 1 3-3c1.31 0 2.42.83 2.83 2H17a1 1 0 0 0-1 1v9.94c2-.32 4-1.94 6-1.94v2c-2.22 0-4.44 2-6.67 2c-2.22 0-4.44-2-6.66-2c-2.23 0-4.45 1-6.67 2zm12-7H9v2h5zm0 4H9v1c1.67.16 3.33 1.31 5 1.79zM2 19c2.22-1 4.44-2 6.67-2c2.22 0 4.44 2 6.66 2c2.23 0 4.45-2 6.67-2v2c-2.22 0-4.44 2-6.67 2c-2.22 0-4.44-2-6.66-2c-2.23 0-4.45 1-6.67 2z"/></svg>
</template>

CSS

.icon-pool {
  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%22M2%2015c1.67-.75%203.33-1.5%205-1.83V5a3%203%200%200%201%203-3c1.31%200%202.42.83%202.83%202H10a1%201%200%200%200-1%201v1h5V5a3%203%200%200%201%203-3c1.31%200%202.42.83%202.83%202H17a1%201%200%200%200-1%201v9.94c2-.32%204-1.94%206-1.94v2c-2.22%200-4.44%202-6.67%202c-2.22%200-4.44-2-6.66-2c-2.23%200-4.45%201-6.67%202zm12-7H9v2h5zm0%204H9v1c1.67.16%203.33%201.31%205%201.79zM2%2019c2.22-1%204.44-2%206.67-2c2.22%200%204.44%202%206.66%202c2.23%200%204.45-2%206.67-2v2c-2.22%200-4.44%202-6.67%202c-2.22%200-4.44-2-6.66-2c-2.23%200-4.45%201-6.67%202z%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%22M2%2015c1.67-.75%203.33-1.5%205-1.83V5a3%203%200%200%201%203-3c1.31%200%202.42.83%202.83%202H10a1%201%200%200%200-1%201v1h5V5a3%203%200%200%201%203-3c1.31%200%202.42.83%202.83%202H17a1%201%200%200%200-1%201v9.94c2-.32%204-1.94%206-1.94v2c-2.22%200-4.44%202-6.67%202c-2.22%200-4.44-2-6.66-2c-2.23%200-4.45%201-6.67%202zm12-7H9v2h5zm0%204H9v1c1.67.16%203.33%201.31%205%201.79zM2%2019c2.22-1%204.44-2%206.67-2c2.22%200%204.44%202%206.66%202c2.23%200%204.45-2%206.67-2v2c-2.22%200-4.44%202-6.67%202c-2.22%200-4.44-2-6.66-2c-2.23%200-4.45%201-6.67%202z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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