spa icon
spa from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- spa
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
- Aliases
- bx-spa
The same icon in other sets
Use the spa icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.787 9.023c-.125.027-1.803.418-3.953 1.774c-.323-1.567-1.279-4.501-4.108-7.485L12 2.546l-.726.767C8.435 6.308 7.483 9.25 7.163 10.827C5.005 9.448 3.34 9.052 3.218 9.024L2 8.752V10c0 7.29 3.925 12 10 12c5.981 0 10-4.822 10-12V8.758zM8.999 12.038c.002-.033.152-3.1 3.001-6.532C14.814 8.906 14.999 12 15 12v.125a19 19 0 0 0-3.01 3.154a20 20 0 0 0-2.991-3.113zM12 20c-5.316 0-7.549-4.196-7.937-8.564c1.655.718 4.616 2.426 7.107 6.123l.841 1.249l.825-1.26c2.426-3.708 5.425-5.411 7.096-6.122C19.534 15.654 17.304 20 12 20"/></svg>
React
import type { SVGProps } from "react";
export function BxSpa(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="M20.787 9.023c-.125.027-1.803.418-3.953 1.774c-.323-1.567-1.279-4.501-4.108-7.485L12 2.546l-.726.767C8.435 6.308 7.483 9.25 7.163 10.827C5.005 9.448 3.34 9.052 3.218 9.024L2 8.752V10c0 7.29 3.925 12 10 12c5.981 0 10-4.822 10-12V8.758zM8.999 12.038c.002-.033.152-3.1 3.001-6.532C14.814 8.906 14.999 12 15 12v.125a19 19 0 0 0-3.01 3.154a20 20 0 0 0-2.991-3.113zM12 20c-5.316 0-7.549-4.196-7.937-8.564c1.655.718 4.616 2.426 7.107 6.123l.841 1.249l.825-1.26c2.426-3.708 5.425-5.411 7.096-6.122C19.534 15.654 17.304 20 12 20"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.787 9.023c-.125.027-1.803.418-3.953 1.774c-.323-1.567-1.279-4.501-4.108-7.485L12 2.546l-.726.767C8.435 6.308 7.483 9.25 7.163 10.827C5.005 9.448 3.34 9.052 3.218 9.024L2 8.752V10c0 7.29 3.925 12 10 12c5.981 0 10-4.822 10-12V8.758zM8.999 12.038c.002-.033.152-3.1 3.001-6.532C14.814 8.906 14.999 12 15 12v.125a19 19 0 0 0-3.01 3.154a20 20 0 0 0-2.991-3.113zM12 20c-5.316 0-7.549-4.196-7.937-8.564c1.655.718 4.616 2.426 7.107 6.123l.841 1.249l.825-1.26c2.426-3.708 5.425-5.411 7.096-6.122C19.534 15.654 17.304 20 12 20"/></svg> </template>
CSS
.icon-spa {
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%22M20.787%209.023c-.125.027-1.803.418-3.953%201.774c-.323-1.567-1.279-4.501-4.108-7.485L12%202.546l-.726.767C8.435%206.308%207.483%209.25%207.163%2010.827C5.005%209.448%203.34%209.052%203.218%209.024L2%208.752V10c0%207.29%203.925%2012%2010%2012c5.981%200%2010-4.822%2010-12V8.758zM8.999%2012.038c.002-.033.152-3.1%203.001-6.532C14.814%208.906%2014.999%2012%2015%2012v.125a19%2019%200%200%200-3.01%203.154a20%2020%200%200%200-2.991-3.113zM12%2020c-5.316%200-7.549-4.196-7.937-8.564c1.655.718%204.616%202.426%207.107%206.123l.841%201.249l.825-1.26c2.426-3.708%205.425-5.411%207.096-6.122C19.534%2015.654%2017.304%2020%2012%2020%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%22M20.787%209.023c-.125.027-1.803.418-3.953%201.774c-.323-1.567-1.279-4.501-4.108-7.485L12%202.546l-.726.767C8.435%206.308%207.483%209.25%207.163%2010.827C5.005%209.448%203.34%209.052%203.218%209.024L2%208.752V10c0%207.29%203.925%2012%2010%2012c5.981%200%2010-4.822%2010-12V8.758zM8.999%2012.038c.002-.033.152-3.1%203.001-6.532C14.814%208.906%2014.999%2012%2015%2012v.125a19%2019%200%200%200-3.01%203.154a20%2020%200%200%200-2.991-3.113zM12%2020c-5.316%200-7.549-4.196-7.937-8.564c1.655.718%204.616%202.426%207.107%206.123l.841%201.249l.825-1.26c2.426-3.708%205.425-5.411%207.096-6.122C19.534%2015.654%2017.304%2020%2012%2020%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/spa.svg?color=%231a73e8&size=48
