GLP-1 Science & Mechanism Pack — 42 Animated Lottie Icons

How GLP-1 medicines work, animated: the hormone and its receptor, the incretin effect, slower gastric emptying, the satiety signal, mono, dual and triple agonists; HbA1c, CGM, BMI and blood pressure; trials, approvals and publications.

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

• Blue — information, data, devices: #2563EB light / #60A5FA dark

• Amber — attention, not a danger: #A07D10 light / #FBBF24 dark

Red icons always carry a «!», so colour is never the only signal.

ICONS (42)

Mechanism of action (15): GLP-1 Hormone, GLP-1 Receptor, Receptor Binding, Incretin Effect, Gut L-Cells, Pancreas & Insulin, Glucagon Decrease, Slower Gastric Emptying, Satiety Signal, Less Food Noise, GLP-1 Agonist, Dual GIP/GLP-1 Agonist, Triple Agonist, Amylin Combination, Oral Small Molecule

Metrics & monitoring (18): Glucometer, CGM Sensor, HbA1c, Scale, BMI, Weight Loss Trend, Goal Weight, Waist Circumference, Body Composition, Insulin Resistance, Blood Pressure, Heart Rate, Lipid Panel, Kidney Function, Liver Function, Metabolic Syndrome, Metrics Trend, Medical Record

Science & regulation (9): Clinical Trial, Trial Phases, Regulatory Approval, Patient Leaflet, Off-Label Use, Report Side Effect, Generic / Biosimilar, Manufacturing, Publication

WHAT'S INCLUDED

• Lottie JSON — 252 files, colours in slots (base, accent)

• dotLottie (.lottie) — 126 files, light and dark themes inside

• SVG — 252 files, every part in a named group

• PNG — 1,008 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

Medical education, detail aids, HCP portals, explainer screens and scientific presentations.

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.6 s (26), 2 s (12), 2.5 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.