GLP-1 Clinical Essentials Pack — 39 Animated Lottie Icons
The safety screens of a GLP-1 product, animated: nausea, heartburn and dehydration in amber; pancreatitis, gallbladder disease and hypoglycaemia in red with a «!»; the conditions GLP-1 medicines are prescribed or studied for in green.
Every animation is a seamless loop: the first frame is the static icon, and every loop returns to it, so you can loop it, play it on hover, or use it as a still.
THE COLOUR TELLS HOW SERIOUS IT IS
A grey base line and one accent colour per icon:
• Base — static parts: #5E6470 light / #94A3B8 dark
• Green — treatment and care: #2D7D46 light / #4ADE80 dark
• Amber — attention, not a danger: #A07D10 light / #FBBF24 dark
• Red + «!» — serious, a doctor is needed: #B23A2E light / #F87171 dark
Red icons always carry a «!», so colour is never the only signal.
ICONS (39)
Indications (10): Type 2 Diabetes, Obesity, Prediabetes, CV Risk Reduction, Heart Failure, Chronic Kidney Disease, MASH, Sleep Apnea, Knee Osteoarthritis, Investigational Use
Side effects (22): Nausea, Vomiting, Diarrhea, Constipation, Bloating, Heartburn, Belching, Abdominal Pain, Dehydration, Gallbladder Disease, Pancreatitis, Gastroparesis, Muscle Loss, Hair Loss, Dizziness, Headache, Fatigue, Hypoglycemia, Injection Site Reaction, Vision Changes, Before Surgery, Symptom Severity
Contraindications & warnings (7): Thyroid (MTC / MEN2), Boxed Warning, Pregnancy, Breastfeeding, Family Planning, Drug Interaction, Allergic Reaction
WHAT'S INCLUDED
• Lottie JSON — 234 files, colours in slots (base, accent)
• dotLottie (.lottie) — 117 files, light and dark themes inside
• SVG — 234 files, every part in a named group
• PNG — 936 files (64, 128, 256, 512 px)
• 3 stroke weights: 1.5, 2.0, 2.5 px · light and dark versions
• Offline preview (index.html) to browse and play every icon
• icons.json registry: IDs, categories, colours, loop lengths and the reason behind each icon's colour
PERFECT FOR
Safety and onboarding screens, «when to call your doctor» pages, symptom trackers, telehealth intake.
SPECIFICATION
• 24×24 grid, 2 px padding, round caps and joins; at least 2 px between strokes at the 2.5 weight
• Lottie 512×512, 30 fps, shape layers only (no images, no expressions); loops: 1.2 s (7), 1.6 s (28), 2 s (4)
• Tested in lottie-web and ThorVG (dotLottie)
MEDICAL CONTENT
The icons are illustrations for interfaces and communication, not medical advice. No brand names or logos of medicines are drawn. The colour reasons in icons.json follow the US FDA labels as of October 2026; check them for your country.
MADE WITH AI ASSISTANCE
The icons and animations were created with the help of AI (Claude by Anthropic) under the art direction, review and approval of Anesh Issay.
LICENSE
Personal and commercial use in unlimited projects. No reselling or redistribution of the files (see LICENSE.txt).
SUPPORT
Questions or a missing icon? Send a message through the Contact page — I usually reply within 24 hours.
WANT ALL 223 ICONS?
GLP-1 Animated Icons Complete has all 223 icons in 14 categories, 50 interface icons and the Figma file.