swimming pool icon
swimming-pool from IconPark by ByteDance · Color · Sports · Apache-2.0 Free for personal and commercial use.
- Name
- swimming-pool
- Set
- IconPark
- Style
- Color
- Category
- Sports
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More sports icons from IconPark
Use the swimming pool icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4"><path d="M36 27V8C36 5.79 37.79 4 40 4H44"/><path d="M10 27V8C10 5.79 11.79 4 14 4H18"/><path d="M10 12H36"/><path d="M10 20H36"/><path d="M4 34L6.5 35.3514C8.1 36.2162 9.9 36.2162 11.5 35.3514C13.1 34.4865 14.9 34.4865 16.5 35.3514C18.1 36.2162 19.9 36.2162 21.5 35.3514C23.1 34.4865 24.9 34.4865 26.5 35.3514C28.1 36.2162 29.9 36.2162 31.5 35.3514C33.1 34.4865 34.9 34.4865 36.5 35.3514C38.1 36.2162 39.9 36.2162 41.5 35.3514L44 34"/><path d="M4 40L6.5 41.3514C8.1 42.2162 9.9 42.2162 11.5 41.3514C13.1 40.4865 14.9 40.4865 16.5 41.3514C18.1 42.2162 19.9 42.2162 21.5 41.3514C23.1 40.4865 24.9 40.4865 26.5 41.3514C28.1 42.2162 29.9 42.2162 31.5 41.3514C33.1 40.4865 34.9 40.4865 36.5 41.3514C38.1 42.2162 39.9 42.2162 41.5 41.3514L44 40"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkSwimmingPool(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="2" strokeWidth="4"><path d="M36 27V8C36 5.79 37.79 4 40 4H44"/><path d="M10 27V8C10 5.79 11.79 4 14 4H18"/><path d="M10 12H36"/><path d="M10 20H36"/><path d="M4 34L6.5 35.3514C8.1 36.2162 9.9 36.2162 11.5 35.3514C13.1 34.4865 14.9 34.4865 16.5 35.3514C18.1 36.2162 19.9 36.2162 21.5 35.3514C23.1 34.4865 24.9 34.4865 26.5 35.3514C28.1 36.2162 29.9 36.2162 31.5 35.3514C33.1 34.4865 34.9 34.4865 36.5 35.3514C38.1 36.2162 39.9 36.2162 41.5 35.3514L44 34"/><path d="M4 40L6.5 41.3514C8.1 42.2162 9.9 42.2162 11.5 41.3514C13.1 40.4865 14.9 40.4865 16.5 41.3514C18.1 42.2162 19.9 42.2162 21.5 41.3514C23.1 40.4865 24.9 40.4865 26.5 41.3514C28.1 42.2162 29.9 42.2162 31.5 41.3514C33.1 40.4865 34.9 40.4865 36.5 41.3514C38.1 42.2162 39.9 42.2162 41.5 41.3514L44 40"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4"><path d="M36 27V8C36 5.79 37.79 4 40 4H44"/><path d="M10 27V8C10 5.79 11.79 4 14 4H18"/><path d="M10 12H36"/><path d="M10 20H36"/><path d="M4 34L6.5 35.3514C8.1 36.2162 9.9 36.2162 11.5 35.3514C13.1 34.4865 14.9 34.4865 16.5 35.3514C18.1 36.2162 19.9 36.2162 21.5 35.3514C23.1 34.4865 24.9 34.4865 26.5 35.3514C28.1 36.2162 29.9 36.2162 31.5 35.3514C33.1 34.4865 34.9 34.4865 36.5 35.3514C38.1 36.2162 39.9 36.2162 41.5 35.3514L44 34"/><path d="M4 40L6.5 41.3514C8.1 42.2162 9.9 42.2162 11.5 41.3514C13.1 40.4865 14.9 40.4865 16.5 41.3514C18.1 42.2162 19.9 42.2162 21.5 41.3514C23.1 40.4865 24.9 40.4865 26.5 41.3514C28.1 42.2162 29.9 42.2162 31.5 41.3514C33.1 40.4865 34.9 40.4865 36.5 41.3514C38.1 42.2162 39.9 42.2162 41.5 41.3514L44 40"/></g></svg> </template>
CSS
.icon-swimming-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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M36%2027V8C36%205.79%2037.79%204%2040%204H44%22%2F%3E%3Cpath%20d%3D%22M10%2027V8C10%205.79%2011.79%204%2014%204H18%22%2F%3E%3Cpath%20d%3D%22M10%2012H36%22%2F%3E%3Cpath%20d%3D%22M10%2020H36%22%2F%3E%3Cpath%20d%3D%22M4%2034L6.5%2035.3514C8.1%2036.2162%209.9%2036.2162%2011.5%2035.3514C13.1%2034.4865%2014.9%2034.4865%2016.5%2035.3514C18.1%2036.2162%2019.9%2036.2162%2021.5%2035.3514C23.1%2034.4865%2024.9%2034.4865%2026.5%2035.3514C28.1%2036.2162%2029.9%2036.2162%2031.5%2035.3514C33.1%2034.4865%2034.9%2034.4865%2036.5%2035.3514C38.1%2036.2162%2039.9%2036.2162%2041.5%2035.3514L44%2034%22%2F%3E%3Cpath%20d%3D%22M4%2040L6.5%2041.3514C8.1%2042.2162%209.9%2042.2162%2011.5%2041.3514C13.1%2040.4865%2014.9%2040.4865%2016.5%2041.3514C18.1%2042.2162%2019.9%2042.2162%2021.5%2041.3514C23.1%2040.4865%2024.9%2040.4865%2026.5%2041.3514C28.1%2042.2162%2029.9%2042.2162%2031.5%2041.3514C33.1%2040.4865%2034.9%2040.4865%2036.5%2041.3514C38.1%2042.2162%2039.9%2042.2162%2041.5%2041.3514L44%2040%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M36%2027V8C36%205.79%2037.79%204%2040%204H44%22%2F%3E%3Cpath%20d%3D%22M10%2027V8C10%205.79%2011.79%204%2014%204H18%22%2F%3E%3Cpath%20d%3D%22M10%2012H36%22%2F%3E%3Cpath%20d%3D%22M10%2020H36%22%2F%3E%3Cpath%20d%3D%22M4%2034L6.5%2035.3514C8.1%2036.2162%209.9%2036.2162%2011.5%2035.3514C13.1%2034.4865%2014.9%2034.4865%2016.5%2035.3514C18.1%2036.2162%2019.9%2036.2162%2021.5%2035.3514C23.1%2034.4865%2024.9%2034.4865%2026.5%2035.3514C28.1%2036.2162%2029.9%2036.2162%2031.5%2035.3514C33.1%2034.4865%2034.9%2034.4865%2036.5%2035.3514C38.1%2036.2162%2039.9%2036.2162%2041.5%2035.3514L44%2034%22%2F%3E%3Cpath%20d%3D%22M4%2040L6.5%2041.3514C8.1%2042.2162%209.9%2042.2162%2011.5%2041.3514C13.1%2040.4865%2014.9%2040.4865%2016.5%2041.3514C18.1%2042.2162%2019.9%2042.2162%2021.5%2041.3514C23.1%2040.4865%2024.9%2040.4865%2026.5%2041.3514C28.1%2042.2162%2029.9%2042.2162%2031.5%2041.3514C33.1%2040.4865%2034.9%2040.4865%2036.5%2041.3514C38.1%2042.2162%2039.9%2042.2162%2041.5%2041.3514L44%2040%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/swimming-pool.svg?color=%231a73e8&size=48
