spa icon

spa from Material Design Icons by Pictogrammers · Filled · Nature · Apache-2.0 Free for personal and commercial use.

Name: spa
Set: Material Design Icons
Style: Filled
Category: Nature
Viewbox: 24×24
License: Apache 2.0
Aliases: flower-lotus

1 other variant in Material Design Icons

The same icon in other sets

spaBoxIcons v2 spaBoxIcons v2 Solid spaFont Awesome 6 Solid spaFont Awesome Solid spaLine Awesome spaMaterial Symbols spaMaterial Symbols Light spaWeb3 Icons spaWeb3 Icons Branded

More nature icons from Material Design Icons

cactus clover feather hexagon-multiple-outline image-filter-hdr image-filter-vintage ladybug landslide leaf-maple-off nature-outline palm-tree terrain tsunami volcano waves-arrow-left waves-arrow-right waves-arrow-up

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="M15.5 9.63c-.19-2.79-1.32-5.51-3.44-7.63A12.25 12.25 0 0 0 8.5 9.63c1.29.68 2.47 1.56 3.5 2.63a14.2 14.2 0 0 1 3.5-2.63M12 15.45C9.85 12.17 6.18 10 2 10c0 10 9.32 11.89 10 12c.68-.12 10-2 10-12c-4.18 0-7.85 2.17-10 5.45"/></svg>

React

import type { SVGProps } from "react";

export function MdiSpa(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="M15.5 9.63c-.19-2.79-1.32-5.51-3.44-7.63A12.25 12.25 0 0 0 8.5 9.63c1.29.68 2.47 1.56 3.5 2.63a14.2 14.2 0 0 1 3.5-2.63M12 15.45C9.85 12.17 6.18 10 2 10c0 10 9.32 11.89 10 12c.68-.12 10-2 10-12c-4.18 0-7.85 2.17-10 5.45"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.5 9.63c-.19-2.79-1.32-5.51-3.44-7.63A12.25 12.25 0 0 0 8.5 9.63c1.29.68 2.47 1.56 3.5 2.63a14.2 14.2 0 0 1 3.5-2.63M12 15.45C9.85 12.17 6.18 10 2 10c0 10 9.32 11.89 10 12c.68-.12 10-2 10-12c-4.18 0-7.85 2.17-10 5.45"/></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%22M15.5%209.63c-.19-2.79-1.32-5.51-3.44-7.63A12.25%2012.25%200%200%200%208.5%209.63c1.29.68%202.47%201.56%203.5%202.63a14.2%2014.2%200%200%201%203.5-2.63M12%2015.45C9.85%2012.17%206.18%2010%202%2010c0%2010%209.32%2011.89%2010%2012c.68-.12%2010-2%2010-12c-4.18%200-7.85%202.17-10%205.45%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%22M15.5%209.63c-.19-2.79-1.32-5.51-3.44-7.63A12.25%2012.25%200%200%200%208.5%209.63c1.29.68%202.47%201.56%203.5%202.63a14.2%2014.2%200%200%201%203.5-2.63M12%2015.45C9.85%2012.17%206.18%2010%202%2010c0%2010%209.32%2011.89%2010%2012c.68-.12%2010-2%2010-12c-4.18%200-7.85%202.17-10%205.45%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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