swimming pool icon
swimming-pool-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- swimming-pool-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
7 other variants in Fluent UI System Icons
The same icon in other sets
Use the swimming pool icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.5 5.75a1.25 1.25 0 1 1 2.5 0v6.286c.477.045.978.133 1.5.274V11H16v3.5a6.5 6.5 0 0 0 1.5-.2V5.75a2.75 2.75 0 1 0-5.5 0v.5a.75.75 0 0 0 1.5 0v-.5a1.25 1.25 0 1 1 2.5 0V9.5H9.5V5.75a2.75 2.75 0 0 0-5.5 0v.5a.75.75 0 0 0 1.5 0zm-1.22 9.776a.75.75 0 0 1-1.065-1.056h.001v-.001l.003-.002l.004-.005l.012-.011a2 2 0 0 1 .16-.144a5 5 0 0 1 .45-.331a6 6 0 0 1 1.692-.753c1.496-.406 3.603-.376 6.2 1.108c2.306 1.317 4.333 1.31 5.777.992a7.5 7.5 0 0 0 1.714-.6a6 6 0 0 0 .581-.333l.001-.001l.002-.001a.75.75 0 0 1 .878 1.216h-.001l-.002.002l-.005.003l-.014.01a3 3 0 0 1-.202.132a7 7 0 0 1-.57.315a9 9 0 0 1-2.06.722c-1.752.386-4.168.373-6.843-1.155c-2.269-1.296-3.97-1.26-5.064-.963a4.4 4.4 0 0 0-1.263.56a3 3 0 0 0-.374.285zm-1.056 4.005a.75.75 0 0 0 1.057-.005l.011-.01l.067-.06c.065-.054.168-.134.307-.226c.28-.183.704-.408 1.263-.56c1.095-.296 2.795-.333 5.064.963c2.675 1.528 5.09 1.541 6.844 1.155a9 9 0 0 0 2.06-.722a7 7 0 0 0 .726-.416l.045-.03l.014-.01l.005-.004l.002-.001l.001-.001a.75.75 0 0 0-.878-1.216h-.002l-.001.002l-.022.015l-.108.07c-.1.06-.251.148-.451.248c-.4.199-.986.44-1.714.6c-1.444.319-3.47.325-5.777-.992c-2.597-1.484-4.704-1.514-6.2-1.108c-.737.2-1.305.499-1.692.753a5 5 0 0 0-.573.44l-.037.035l-.012.011l-.004.005l-.002.002l-.002.001a.75.75 0 0 0 .009 1.06"/></svg>
React
import type { SVGProps } from "react";
export function FluentSwimmingPool24Regular(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="M5.5 5.75a1.25 1.25 0 1 1 2.5 0v6.286c.477.045.978.133 1.5.274V11H16v3.5a6.5 6.5 0 0 0 1.5-.2V5.75a2.75 2.75 0 1 0-5.5 0v.5a.75.75 0 0 0 1.5 0v-.5a1.25 1.25 0 1 1 2.5 0V9.5H9.5V5.75a2.75 2.75 0 0 0-5.5 0v.5a.75.75 0 0 0 1.5 0zm-1.22 9.776a.75.75 0 0 1-1.065-1.056h.001v-.001l.003-.002l.004-.005l.012-.011a2 2 0 0 1 .16-.144a5 5 0 0 1 .45-.331a6 6 0 0 1 1.692-.753c1.496-.406 3.603-.376 6.2 1.108c2.306 1.317 4.333 1.31 5.777.992a7.5 7.5 0 0 0 1.714-.6a6 6 0 0 0 .581-.333l.001-.001l.002-.001a.75.75 0 0 1 .878 1.216h-.001l-.002.002l-.005.003l-.014.01a3 3 0 0 1-.202.132a7 7 0 0 1-.57.315a9 9 0 0 1-2.06.722c-1.752.386-4.168.373-6.843-1.155c-2.269-1.296-3.97-1.26-5.064-.963a4.4 4.4 0 0 0-1.263.56a3 3 0 0 0-.374.285zm-1.056 4.005a.75.75 0 0 0 1.057-.005l.011-.01l.067-.06c.065-.054.168-.134.307-.226c.28-.183.704-.408 1.263-.56c1.095-.296 2.795-.333 5.064.963c2.675 1.528 5.09 1.541 6.844 1.155a9 9 0 0 0 2.06-.722a7 7 0 0 0 .726-.416l.045-.03l.014-.01l.005-.004l.002-.001l.001-.001a.75.75 0 0 0-.878-1.216h-.002l-.001.002l-.022.015l-.108.07c-.1.06-.251.148-.451.248c-.4.199-.986.44-1.714.6c-1.444.319-3.47.325-5.777-.992c-2.597-1.484-4.704-1.514-6.2-1.108c-.737.2-1.305.499-1.692.753a5 5 0 0 0-.573.44l-.037.035l-.012.011l-.004.005l-.002.002l-.002.001a.75.75 0 0 0 .009 1.06"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.5 5.75a1.25 1.25 0 1 1 2.5 0v6.286c.477.045.978.133 1.5.274V11H16v3.5a6.5 6.5 0 0 0 1.5-.2V5.75a2.75 2.75 0 1 0-5.5 0v.5a.75.75 0 0 0 1.5 0v-.5a1.25 1.25 0 1 1 2.5 0V9.5H9.5V5.75a2.75 2.75 0 0 0-5.5 0v.5a.75.75 0 0 0 1.5 0zm-1.22 9.776a.75.75 0 0 1-1.065-1.056h.001v-.001l.003-.002l.004-.005l.012-.011a2 2 0 0 1 .16-.144a5 5 0 0 1 .45-.331a6 6 0 0 1 1.692-.753c1.496-.406 3.603-.376 6.2 1.108c2.306 1.317 4.333 1.31 5.777.992a7.5 7.5 0 0 0 1.714-.6a6 6 0 0 0 .581-.333l.001-.001l.002-.001a.75.75 0 0 1 .878 1.216h-.001l-.002.002l-.005.003l-.014.01a3 3 0 0 1-.202.132a7 7 0 0 1-.57.315a9 9 0 0 1-2.06.722c-1.752.386-4.168.373-6.843-1.155c-2.269-1.296-3.97-1.26-5.064-.963a4.4 4.4 0 0 0-1.263.56a3 3 0 0 0-.374.285zm-1.056 4.005a.75.75 0 0 0 1.057-.005l.011-.01l.067-.06c.065-.054.168-.134.307-.226c.28-.183.704-.408 1.263-.56c1.095-.296 2.795-.333 5.064.963c2.675 1.528 5.09 1.541 6.844 1.155a9 9 0 0 0 2.06-.722a7 7 0 0 0 .726-.416l.045-.03l.014-.01l.005-.004l.002-.001l.001-.001a.75.75 0 0 0-.878-1.216h-.002l-.001.002l-.022.015l-.108.07c-.1.06-.251.148-.451.248c-.4.199-.986.44-1.714.6c-1.444.319-3.47.325-5.777-.992c-2.597-1.484-4.704-1.514-6.2-1.108c-.737.2-1.305.499-1.692.753a5 5 0 0 0-.573.44l-.037.035l-.012.011l-.004.005l-.002.002l-.002.001a.75.75 0 0 0 .009 1.06"/></svg> </template>
CSS
.icon-swimming-pool-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%22M5.5%205.75a1.25%201.25%200%201%201%202.5%200v6.286c.477.045.978.133%201.5.274V11H16v3.5a6.5%206.5%200%200%200%201.5-.2V5.75a2.75%202.75%200%201%200-5.5%200v.5a.75.75%200%200%200%201.5%200v-.5a1.25%201.25%200%201%201%202.5%200V9.5H9.5V5.75a2.75%202.75%200%200%200-5.5%200v.5a.75.75%200%200%200%201.5%200zm-1.22%209.776a.75.75%200%200%201-1.065-1.056h.001v-.001l.003-.002l.004-.005l.012-.011a2%202%200%200%201%20.16-.144a5%205%200%200%201%20.45-.331a6%206%200%200%201%201.692-.753c1.496-.406%203.603-.376%206.2%201.108c2.306%201.317%204.333%201.31%205.777.992a7.5%207.5%200%200%200%201.714-.6a6%206%200%200%200%20.581-.333l.001-.001l.002-.001a.75.75%200%200%201%20.878%201.216h-.001l-.002.002l-.005.003l-.014.01a3%203%200%200%201-.202.132a7%207%200%200%201-.57.315a9%209%200%200%201-2.06.722c-1.752.386-4.168.373-6.843-1.155c-2.269-1.296-3.97-1.26-5.064-.963a4.4%204.4%200%200%200-1.263.56a3%203%200%200%200-.374.285zm-1.056%204.005a.75.75%200%200%200%201.057-.005l.011-.01l.067-.06c.065-.054.168-.134.307-.226c.28-.183.704-.408%201.263-.56c1.095-.296%202.795-.333%205.064.963c2.675%201.528%205.09%201.541%206.844%201.155a9%209%200%200%200%202.06-.722a7%207%200%200%200%20.726-.416l.045-.03l.014-.01l.005-.004l.002-.001l.001-.001a.75.75%200%200%200-.878-1.216h-.002l-.001.002l-.022.015l-.108.07c-.1.06-.251.148-.451.248c-.4.199-.986.44-1.714.6c-1.444.319-3.47.325-5.777-.992c-2.597-1.484-4.704-1.514-6.2-1.108c-.737.2-1.305.499-1.692.753a5%205%200%200%200-.573.44l-.037.035l-.012.011l-.004.005l-.002.002l-.002.001a.75.75%200%200%200%20.009%201.06%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%22M5.5%205.75a1.25%201.25%200%201%201%202.5%200v6.286c.477.045.978.133%201.5.274V11H16v3.5a6.5%206.5%200%200%200%201.5-.2V5.75a2.75%202.75%200%201%200-5.5%200v.5a.75.75%200%200%200%201.5%200v-.5a1.25%201.25%200%201%201%202.5%200V9.5H9.5V5.75a2.75%202.75%200%200%200-5.5%200v.5a.75.75%200%200%200%201.5%200zm-1.22%209.776a.75.75%200%200%201-1.065-1.056h.001v-.001l.003-.002l.004-.005l.012-.011a2%202%200%200%201%20.16-.144a5%205%200%200%201%20.45-.331a6%206%200%200%201%201.692-.753c1.496-.406%203.603-.376%206.2%201.108c2.306%201.317%204.333%201.31%205.777.992a7.5%207.5%200%200%200%201.714-.6a6%206%200%200%200%20.581-.333l.001-.001l.002-.001a.75.75%200%200%201%20.878%201.216h-.001l-.002.002l-.005.003l-.014.01a3%203%200%200%201-.202.132a7%207%200%200%201-.57.315a9%209%200%200%201-2.06.722c-1.752.386-4.168.373-6.843-1.155c-2.269-1.296-3.97-1.26-5.064-.963a4.4%204.4%200%200%200-1.263.56a3%203%200%200%200-.374.285zm-1.056%204.005a.75.75%200%200%200%201.057-.005l.011-.01l.067-.06c.065-.054.168-.134.307-.226c.28-.183.704-.408%201.263-.56c1.095-.296%202.795-.333%205.064.963c2.675%201.528%205.09%201.541%206.844%201.155a9%209%200%200%200%202.06-.722a7%207%200%200%200%20.726-.416l.045-.03l.014-.01l.005-.004l.002-.001l.001-.001a.75.75%200%200%200-.878-1.216h-.002l-.001.002l-.022.015l-.108.07c-.1.06-.251.148-.451.248c-.4.199-.986.44-1.714.6c-1.444.319-3.47.325-5.777-.992c-2.597-1.484-4.704-1.514-6.2-1.108c-.737.2-1.305.499-1.692.753a5%205%200%200%200-.573.44l-.037.035l-.012.011l-.004.005l-.002.002l-.002.001a.75.75%200%200%200%20.009%201.06%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/swimming-pool-24-regular.svg?color=%231a73e8&size=48
