spa icon

Spa: spa, wellness, relaxation, massage. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Animated spa-bloom · line-round

The lotus folds up like a fan: the outer petals swing in onto the inner ones, both swing in behind the centre petal, and the centre petal sinks into the base. It rises again and opens, and the side petals fan out from behind it to both sides, the inner pair first and the outer pair last.

Download SVG

Native SVG animation, with no CSS or script. It loops by itself. Inline it to take the text color: in an <img> it draws black. To play it once on hover or click, run 0.25 s to 2.3 s. Examples and helper.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8.287 2.841C8.848 3.233 9.318 3.715 9.698 4.285C9.934 4.639 10.125 5.013 10.272 5.406C10.904 4.953 11.584 4.58 12.313 4.286C12.322 4.283 12.33 4.28 12.339 4.277C12.47 4.232 12.597 4.24 12.721 4.301C12.845 4.362 12.929 4.458 12.973 4.589C13.218 5.308 13.317 6.047 13.269 6.806C13.246 7.172 13.19 7.529 13.101 7.877C13.163 7.866 13.226 7.857 13.289 7.85C13.769 7.797 14.233 7.858 14.682 8.034C14.81 8.084 14.901 8.17 14.957 8.29C15.012 8.41 15.017 8.535 14.972 8.664C14.721 9.387 14.355 10.044 13.875 10.635C13.408 11.211 12.857 11.694 12.225 12.083C11.592 12.473 10.913 12.746 10.189 12.904C9.466 13.062 8.736 13.095 8 13.004C7.264 13.095 6.534 13.062 5.811 12.904C5.087 12.746 4.408 12.473 3.775 12.083C3.143 11.694 2.592 11.211 2.125 10.635C1.645 10.044 1.279 9.387 1.028 8.664C0.983 8.535 0.988 8.41 1.043 8.29C1.099 8.17 1.19 8.084 1.318 8.034C1.767 7.858 2.231 7.797 2.711 7.85C2.774 7.857 2.837 7.866 2.899 7.877C2.81 7.529 2.754 7.172 2.731 6.806C2.683 6.047 2.782 5.308 3.027 4.589C3.03 4.58 3.033 4.572 3.036 4.563C3.088 4.435 3.177 4.344 3.304 4.29C3.431 4.236 3.559 4.235 3.687 4.286C4.416 4.58 5.096 4.953 5.728 5.406C5.875 5.013 6.066 4.639 6.302 4.285C6.682 3.715 7.152 3.233 7.713 2.841C7.8 2.78 7.896 2.749 8 2.749C8.104 2.749 8.2 2.78 8.287 2.841ZM6.469 6.422C6.283 6.936 6.186 7.464 6.178 8.008C6.17 8.538 6.248 9.057 6.41 9.564C6.572 10.071 6.81 10.538 7.125 10.965C7.141 10.987 7.158 11.009 7.174 11.031C7.257 11.062 7.326 11.111 7.382 11.177C7.439 11.244 7.475 11.32 7.491 11.407C7.649 11.576 7.819 11.732 8 11.878C8.181 11.732 8.351 11.576 8.509 11.407C8.525 11.32 8.561 11.244 8.618 11.177C8.674 11.111 8.743 11.062 8.826 11.031C8.842 11.009 8.859 10.988 8.875 10.965C9.19 10.538 9.428 10.071 9.59 9.564C9.752 9.057 9.83 8.538 9.822 8.008C9.814 7.464 9.716 6.935 9.53 6.421C9.523 6.4 9.516 6.379 9.512 6.358C9.391 5.811 9.176 5.305 8.866 4.839C8.622 4.474 8.334 4.154 8 3.878C7.666 4.154 7.378 4.474 7.134 4.839C6.824 5.305 6.609 5.811 6.488 6.358C6.484 6.379 6.477 6.4 6.47 6.42L6.47 6.421L6.47 6.421L6.469 6.422ZM4.2 8.532C4.494 9.135 4.896 9.653 5.408 10.086C5.466 10.136 5.526 10.183 5.586 10.23C5.539 10.111 5.496 9.991 5.457 9.869C5.262 9.258 5.169 8.633 5.178 7.993C5.186 7.457 5.266 6.933 5.417 6.422C4.922 6.037 4.392 5.709 3.826 5.439C3.734 5.866 3.701 6.301 3.729 6.744C3.768 7.37 3.925 7.965 4.199 8.529L4.199 8.53L4.199 8.531L4.2 8.531L4.2 8.532ZM11.8 8.533L11.8 8.532L11.8 8.532L11.8 8.531C12.075 7.966 12.232 7.37 12.271 6.744C12.299 6.301 12.266 5.866 12.174 5.439C11.608 5.709 11.078 6.037 10.583 6.422C10.734 6.933 10.814 7.457 10.822 7.993C10.831 8.633 10.738 9.258 10.543 9.869C10.504 9.991 10.461 10.111 10.414 10.23C10.474 10.183 10.534 10.136 10.592 10.086C11.104 9.653 11.506 9.136 11.799 8.534L11.8 8.533ZM2.177 8.843C2.369 9.259 2.61 9.646 2.902 10.005C3.297 10.493 3.763 10.901 4.3 11.231C4.836 11.561 5.411 11.793 6.024 11.927C6.251 11.976 6.479 12.011 6.707 12.032C6.665 11.986 6.624 11.939 6.583 11.891C5.914 11.658 5.307 11.311 4.762 10.849C4.179 10.356 3.713 9.773 3.365 9.098C3.13 8.959 2.875 8.875 2.601 8.844C2.457 8.828 2.316 8.828 2.177 8.843ZM11.7 11.231C12.237 10.901 12.703 10.493 13.098 10.005C13.39 9.646 13.631 9.259 13.823 8.843C13.684 8.828 13.543 8.828 13.399 8.844C13.125 8.875 12.87 8.959 12.635 9.098C12.287 9.773 11.821 10.356 11.238 10.849C10.693 11.311 10.086 11.658 9.417 11.891C9.376 11.939 9.335 11.986 9.293 12.032C9.521 12.011 9.749 11.976 9.976 11.927C10.589 11.793 11.164 11.561 11.7 11.231Z"/></svg>

React

// Gentleface "spa" (line-round), MIT. https://gentleface.com/icons/spa
import type { SVGProps } from 'react';

export function SpaIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M8.287 2.841C8.848 3.233 9.318 3.715 9.698 4.285C9.934 4.639 10.125 5.013 10.272 5.406C10.904 4.953 11.584 4.58 12.313 4.286C12.322 4.283 12.33 4.28 12.339 4.277C12.47 4.232 12.597 4.24 12.721 4.301C12.845 4.362 12.929 4.458 12.973 4.589C13.218 5.308 13.317 6.047 13.269 6.806C13.246 7.172 13.19 7.529 13.101 7.877C13.163 7.866 13.226 7.857 13.289 7.85C13.769 7.797 14.233 7.858 14.682 8.034C14.81 8.084 14.901 8.17 14.957 8.29C15.012 8.41 15.017 8.535 14.972 8.664C14.721 9.387 14.355 10.044 13.875 10.635C13.408 11.211 12.857 11.694 12.225 12.083C11.592 12.473 10.913 12.746 10.189 12.904C9.466 13.062 8.736 13.095 8 13.004C7.264 13.095 6.534 13.062 5.811 12.904C5.087 12.746 4.408 12.473 3.775 12.083C3.143 11.694 2.592 11.211 2.125 10.635C1.645 10.044 1.279 9.387 1.028 8.664C0.983 8.535 0.988 8.41 1.043 8.29C1.099 8.17 1.19 8.084 1.318 8.034C1.767 7.858 2.231 7.797 2.711 7.85C2.774 7.857 2.837 7.866 2.899 7.877C2.81 7.529 2.754 7.172 2.731 6.806C2.683 6.047 2.782 5.308 3.027 4.589C3.03 4.58 3.033 4.572 3.036 4.563C3.088 4.435 3.177 4.344 3.304 4.29C3.431 4.236 3.559 4.235 3.687 4.286C4.416 4.58 5.096 4.953 5.728 5.406C5.875 5.013 6.066 4.639 6.302 4.285C6.682 3.715 7.152 3.233 7.713 2.841C7.8 2.78 7.896 2.749 8 2.749C8.104 2.749 8.2 2.78 8.287 2.841ZM6.469 6.422C6.283 6.936 6.186 7.464 6.178 8.008C6.17 8.538 6.248 9.057 6.41 9.564C6.572 10.071 6.81 10.538 7.125 10.965C7.141 10.987 7.158 11.009 7.174 11.031C7.257 11.062 7.326 11.111 7.382 11.177C7.439 11.244 7.475 11.32 7.491 11.407C7.649 11.576 7.819 11.732 8 11.878C8.181 11.732 8.351 11.576 8.509 11.407C8.525 11.32 8.561 11.244 8.618 11.177C8.674 11.111 8.743 11.062 8.826 11.031C8.842 11.009 8.859 10.988 8.875 10.965C9.19 10.538 9.428 10.071 9.59 9.564C9.752 9.057 9.83 8.538 9.822 8.008C9.814 7.464 9.716 6.935 9.53 6.421C9.523 6.4 9.516 6.379 9.512 6.358C9.391 5.811 9.176 5.305 8.866 4.839C8.622 4.474 8.334 4.154 8 3.878C7.666 4.154 7.378 4.474 7.134 4.839C6.824 5.305 6.609 5.811 6.488 6.358C6.484 6.379 6.477 6.4 6.47 6.42L6.47 6.421L6.47 6.421L6.469 6.422ZM4.2 8.532C4.494 9.135 4.896 9.653 5.408 10.086C5.466 10.136 5.526 10.183 5.586 10.23C5.539 10.111 5.496 9.991 5.457 9.869C5.262 9.258 5.169 8.633 5.178 7.993C5.186 7.457 5.266 6.933 5.417 6.422C4.922 6.037 4.392 5.709 3.826 5.439C3.734 5.866 3.701 6.301 3.729 6.744C3.768 7.37 3.925 7.965 4.199 8.529L4.199 8.53L4.199 8.531L4.2 8.531L4.2 8.532ZM11.8 8.533L11.8 8.532L11.8 8.532L11.8 8.531C12.075 7.966 12.232 7.37 12.271 6.744C12.299 6.301 12.266 5.866 12.174 5.439C11.608 5.709 11.078 6.037 10.583 6.422C10.734 6.933 10.814 7.457 10.822 7.993C10.831 8.633 10.738 9.258 10.543 9.869C10.504 9.991 10.461 10.111 10.414 10.23C10.474 10.183 10.534 10.136 10.592 10.086C11.104 9.653 11.506 9.136 11.799 8.534L11.8 8.533ZM2.177 8.843C2.369 9.259 2.61 9.646 2.902 10.005C3.297 10.493 3.763 10.901 4.3 11.231C4.836 11.561 5.411 11.793 6.024 11.927C6.251 11.976 6.479 12.011 6.707 12.032C6.665 11.986 6.624 11.939 6.583 11.891C5.914 11.658 5.307 11.311 4.762 10.849C4.179 10.356 3.713 9.773 3.365 9.098C3.13 8.959 2.875 8.875 2.601 8.844C2.457 8.828 2.316 8.828 2.177 8.843ZM11.7 11.231C12.237 10.901 12.703 10.493 13.098 10.005C13.39 9.646 13.631 9.259 13.823 8.843C13.684 8.828 13.543 8.828 13.399 8.844C13.125 8.875 12.87 8.959 12.635 9.098C12.287 9.773 11.821 10.356 11.238 10.849C10.693 11.311 10.086 11.658 9.417 11.891C9.376 11.939 9.335 11.986 9.293 12.032C9.521 12.011 9.749 11.976 9.976 11.927C10.589 11.793 11.164 11.561 11.7 11.231Z" />
    </svg>
  );
}

Vue

Vue: see /icons/spa.md

Svelte

Svelte: see /icons/spa.md

HTML img

HTML img: see /icons/spa.md

CSS

CSS: see /icons/spa.md

Data URL

Data URL: see /icons/spa.md

Sprite

Sprite: see /icons/spa.md

SwiftUI

SwiftUI: see /icons/spa.md

Compose

Compose: see /icons/spa.md

Android XML

Android XML: see /icons/spa.md

Flutter

Flutter: see /icons/spa.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { SpaIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

spa, wellness, relaxation, massage, day spa, relax, well being, wellbeing, self care

Alternatives

hot-tub: a hot tub or jacuzzi
yoga: meditation or mindfulness
head-heart: mental health
heart-pulse: health and vitals

Also fits

yoga: wellness or relaxation
mental health: wellness
flower: a spa or wellness
hot tub: spa or wellness

Tags

spa, wellness, relaxation, lotus, flower, massage, wellbeing, self-care, calm, retreat, beauty, hotel

Category

Health & medical

Component name

SpaIcon

History

2026-11-07 24 px redrawn, 20 px drawn, 24 px drawn, added, released in 0.5.0

Since

version 0.5.0

More health & medical icons

acupuncture bandage biceps-flexed blood-drop blood-pressure blood-pressure-drop bone cigarette cigarette-off crutches face-mask first-aid-kit head-heart heart-pulse heart-pulse-alert heart-pulse-check · all health & medical icons

For agents

Metadata: /icons/spa.json · Markdown: /icons/spa.md · SVG: https://gentleface.com/svg/{style}/16/spa.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/spa.png

spa icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp