Loading…
8 glyphs · static · click to copy one
Freebadges · flat · static · light
Price Burst
Eight price bursts: 50 % off, sale, a $9 price, free, hot deal, outline 30 %, a circle save-$20 and a rotated two-for-one. Point counts from 10 to 24 so each burst has its own energy.
The grid
120×120 box; bursts are regular stars (outer 58, inner 40–52) centred at 60,60, copy in the system sans at 800. `fill`/`accent` for the burst, `text` for the price.
How to use it
From sprite to icons in your project.
- 01Look at the grid
Every glyph of the pack, drawn to one grid in one style. Hover one to see its animation when the pack has one.
- 02Recolour it
The colour roles are CSS variables the sprite reads. Swatches and pickers set them live; the prompt carries your values.
- 03Pick your stack
A snippet with the sprite inline, or a typed icon component for Next.js, React, Vue, Astro, WordPress, Shopify or Webflow.
- 04Copy the prompt, or one glyph
The prompt ships the whole sprite verbatim with the mounting rules. Click a glyph to copy it as a standalone SVG.
- 05Download the sprite
One .svg file, every glyph a <symbol>. Inline it once, reference by id.
