Swimming Pool icon (Filled & Regular)

Used to represent a pool, hot tub, or other water elements in a home or other building. The Swimming Pool icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Use the Swimming Pool 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 { SwimmingPool24Regular, SwimmingPool24Filled } from "@fluentui/react-icons";

export function Example() {
  return <SwimmingPool24Regular aria-label="Swimming Pool" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_swimming_pool_24_regular.svg" width="24" height="24" alt="Swimming Pool">

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="M5.5 5.75C5.5 5.05964 6.05964 4.5 6.75 4.5C7.44036 4.5 8 5.05964 8 5.75V12.0359C8.47709 12.0806 8.97764 12.1689 9.5 12.3096V11H16V14.4994C16.4792 14.4918 16.9146 14.4315 17.2991 14.3469C17.3675 14.3318 17.4345 14.3159 17.5 14.2993V5.75C17.5 4.23122 16.2688 3 14.75 3C13.2312 3 12 4.23122 12 5.75V6.25C12 6.66421 12.3358 7 12.75 7C13.1642 7 13.5 6.66421 13.5 6.25V5.75C13.5 5.05964 14.0596 4.5 14.75 4.5C15.4404 4.5 16 5.05964 16 5.75V9.5H9.5V5.75C9.5 4.23122 8.26878 3 6.75 3C5.23122 3 4 4.23122 4 5.75V6.25C4 6.66421 4.33579 7 4.75 7C5.16421 7 5.5 6.66421 5.5 6.25V5.75ZM4.28091 15.526C3.9901 15.8176 3.51804 15.8202 3.22403 15.5309C2.92875 15.2404 2.92486 14.7656 3.21535 14.4703L3.21609 14.4695L3.2169 14.4687L3.21872 14.4669L3.22315 14.4625L3.23517 14.4507C3.24459 14.4415 3.25684 14.4298 3.27188 14.4158C3.30196 14.3879 3.34332 14.3509 3.39582 14.3069C3.50071 14.2189 3.65071 14.1027 3.84473 13.9756C4.23241 13.7218 4.79986 13.4224 5.53663 13.2227C7.03289 12.8172 9.14031 12.8469 11.7374 14.3305C14.0432 15.6477 16.0696 15.6415 17.5141 15.3235C18.2424 15.1631 18.8279 14.9218 19.228 14.7227C19.4276 14.6234 19.5797 14.5352 19.6788 14.4741C19.7283 14.4435 19.7645 14.4198 19.7866 14.405C19.7976 14.3976 19.8051 14.3924 19.809 14.3896L19.8104 14.3887L19.812 14.3876C20.1472 14.1464 20.6146 14.2215 20.8572 14.5562C21.1003 14.8915 21.0256 15.3605 20.6902 15.6036L20.6887 15.6047L20.6869 15.606L20.6821 15.6094L20.6683 15.6192C20.6571 15.627 20.6421 15.6373 20.6233 15.6499C20.5858 15.6752 20.5332 15.7095 20.4662 15.7508C20.3324 15.8333 20.1405 15.9441 19.8963 16.0656C19.4087 16.3083 18.7069 16.5968 17.8366 16.7884C16.0839 17.1743 13.668 17.1608 10.9934 15.633C8.72412 14.3367 7.02386 14.3737 5.929 14.6704C5.37022 14.8219 4.94626 15.0473 4.66642 15.2305C4.52668 15.322 4.42389 15.4024 4.35944 15.4564C4.32726 15.4834 4.3048 15.5037 4.29224 15.5153L4.28091 15.526ZM3.22403 19.5309C3.51804 19.8202 3.9901 19.8176 4.28091 19.526L4.29224 19.5153C4.3048 19.5037 4.32726 19.4834 4.35944 19.4564C4.42389 19.4024 4.52668 19.322 4.66642 19.2305C4.94626 19.0473 5.37022 18.8219 5.929 18.6704C7.02386 18.3737 8.72412 18.3367 10.9934 19.633C13.668 21.1608 16.0839 21.1743 17.8366 20.7884C18.7069 20.5968 19.4087 20.3083 19.8963 20.0656C20.1405 19.9441 20.3324 19.8333 20.4662 19.7508C20.5332 19.7095 20.5858 19.6752 20.6233 19.6499C20.6421 19.6373 20.6571 19.627 20.6683 19.6192L20.6821 19.6094L20.6869 19.606L20.6887 19.6047C20.6908 19.6032 20.6902 19.6036 20.6902 19.6036C21.0256 19.3605 21.1003 18.8915 20.8572 18.5562C20.6146 18.2215 20.1472 18.1464 19.812 18.3876L19.8104 18.3887L19.809 18.3896C19.8051 18.3924 19.7976 18.3976 19.7866 18.405C19.7645 18.4198 19.7283 18.4435 19.6788 18.4741C19.5797 18.5352 19.4276 18.6234 19.228 18.7227C18.8279 18.9218 18.2424 19.1631 17.5141 19.3235C16.0696 19.6415 14.0432 19.6477 11.7374 18.3305C9.14031 16.8469 7.03289 16.8172 5.53663 17.2227C4.79986 17.4224 4.23241 17.7218 3.84473 17.9756C3.65071 18.1027 3.50071 18.2189 3.39582 18.3069C3.34332 18.3509 3.30196 18.3879 3.27188 18.4158C3.25684 18.4298 3.24459 18.4415 3.23517 18.4507L3.22315 18.4625L3.21872 18.4669L3.2169 18.4687L3.21609 18.4695L3.21535 18.4703C2.92486 18.7656 2.92875 19.2404 3.22403 19.5309Z" 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/swimming_pool_24_regular.svg";

Details

Name	Swimming Pool
Styles	Regular (outlined), Filled
Size	24 × 24 px (scalable SVG)
Regular (outlined) file	`ic_fluent_swimming_pool_24_regular.svg`
Filled file	`ic_fluent_swimming_pool_24_filled.svg`
React components	`SwimmingPool24Regular, SwimmingPool24Filled`
License	MIT (© Microsoft Corporation)

Keywords

ocean waterfront swim pool hot tub jacuzzi hotel home

Swimming Pool icon

Use the Swimming Pool icon in React

Use it in HTML

Use it from the SVG package

Details

Keywords

Related icons