// Inline SVG icons. All accept color + size.
const Icon = {
Home: ({ size = 22, color = 'currentColor', filled = false }) => (
),
Workouts: ({ size = 22, color = 'currentColor', filled = false }) => (
// dumbbell-ish
),
Nutrition: ({ size = 22, color = 'currentColor', filled = false }) => (
// crossed utensils
),
Chat: ({ size = 22, color = 'currentColor', filled = false }) => (
),
Profile: ({ size = 22, color = 'currentColor', filled = false }) => (
),
Bell: ({ size = 18, color = 'currentColor' }) => (
),
Users: ({ size = 18, color = 'currentColor' }) => (
),
Menu: ({ size = 22, color = 'currentColor' }) => (
),
Back: ({ size = 18, color = 'currentColor' }) => (
),
Sun: ({ size = 18, color = 'currentColor' }) => (
),
Moon: ({ size = 18, color = 'currentColor' }) => (
),
Check: ({ size = 14, color = 'currentColor' }) => (
),
ChevronRight: ({ size = 16, color = 'currentColor' }) => (
),
ChevronDown: ({ size = 16, color = 'currentColor' }) => (
),
ChevronUp: ({ size = 16, color = 'currentColor' }) => (
),
Plus: ({ size = 18, color = 'currentColor' }) => (
),
Calendar: ({ size = 22, color = 'currentColor' }) => (
),
Trash: ({ size = 14, color = 'currentColor' }) => (
),
Pencil: ({ size = 14, color = 'currentColor' }) => (
),
Bolt: ({ size = 16, color = 'currentColor' }) => (
),
Info: ({ size = 16, color = 'currentColor' }) => (
),
Mic: ({ size = 18, color = 'currentColor' }) => (
),
Play: ({ size = 14, color = 'currentColor' }) => (
),
Sparkle: ({ size = 16, color = 'currentColor' }) => (
),
Switch: ({ size = 16, color = 'currentColor' }) => (
),
Apple: ({ size = 16, color = '#E5573D' }) => (
),
Sunrise: ({ size = 16, color = '#F5B33C' }) => (
),
Toast: ({ size = 22 }) => (
),
Speaker: ({ size = 14, color = 'currentColor' }) => (
),
Clock: ({ size = 14, color = 'currentColor' }) => (
),
Dumbbell: ({ size = 16, color = 'currentColor' }) => (
),
Flame: ({ size = 14, color = 'currentColor' }) => (
),
Repeat: ({ size = 14, color = 'currentColor' }) => (
),
Trophy: ({ size = 14, color = 'currentColor' }) => (
),
Flag: ({ size = 14, color = 'currentColor' }) => (
),
SkipForward: ({ size = 14, color = 'currentColor' }) => (
),
Pause: ({ size = 14, color = 'currentColor' }) => (
),
Minus: ({ size = 14, color = 'currentColor' }) => (
),
Close: ({ size = 14, color = 'currentColor' }) => (
),
Location: ({ size = 14, color = 'currentColor' }) => (
),
Heart: ({ size = 16, color = 'currentColor', filled = false }) => (
),
Search: ({ size = 16, color = 'currentColor' }) => (
),
Cart: ({ size = 16, color = 'currentColor' }) => (
),
Send: ({ size = 16, color = 'currentColor' }) => (
),
Paperclip: ({ size = 16, color = 'currentColor' }) => (
),
ExternalLink: ({ size = 14, color = 'currentColor' }) => (
),
Barcode: ({ size = 16, color = 'currentColor' }) => (
),
Pill: ({ size = 16, color = 'currentColor' }) => (
),
More: ({ size = 16, color = 'currentColor' }) => (
),
MoreVertical: ({ size = 16, color = 'currentColor' }) => (
),
Comment: ({ size = 14, color = 'currentColor' }) => (
),
PDF: ({ size = 14, color = '#E5573D' }) => (
),
Video: ({ size = 14, color = '#4EC1D8' }) => (
),
Headphones: ({ size = 14, color = '#A076F9' }) => (
),
Activity: ({ size = 16, color = 'currentColor' }) => (
),
Edit2: ({ size = 14, color = 'currentColor' }) => (
),
Scan: ({ size = 18, color = 'currentColor' }) => (
),
Target: ({ size = 18, color = 'currentColor' }) => (
),
Scale: ({ size = 18, color = 'currentColor' }) => (
),
Ruler: ({ size = 18, color = 'currentColor' }) => (
),
Camera: ({ size = 18, color = 'currentColor' }) => (
),
Shoe: ({ size = 18, color = 'currentColor' }) => (
),
FlameFilled: ({ size = 18, color = 'currentColor' }) => (
),
};
window.Icon = Icon;