Custom Emotion Icons

Hand-crafted, warm illustrations for The Therapist AI

Happy
Sad
Anxious
Angry
Calm
z z
Tired
Grateful
?
Confused
Hopeful
Overwhelmed
Neutral
Safe

Size Variations

24px
32px
48px
64px

Emotion Picker Component

Click to select how you're feeling today

Usage

<!-- Inline SVG (recommended for customization) -->
<svg viewBox="0 0 64 64" width="48" height="48">
  <circle cx="32" cy="32" r="28" fill="#FFF8F0" stroke="#1B3B36" stroke-width="2.5"/>
  ...
</svg>

<!-- Using sprite sheet -->
<svg width="48" height="48">
  <use href="emotions.svg#emotion-happy"/>
</svg>

<!-- As img tag -->
<img src="icons/happy.svg" alt="Happy" width="48" height="48">