Loading…
8 glyphs · static · click to copy one
Freebadges · flat · static · light
"Featured On" Badge
Eight 'featured on' badges for press strips: pill, outline, a version with a logo slot, star, card with accent edge, 'as seen on', mini and ribbon. The logo slot is an accent rectangle you replace with the outlet's wordmark.
The grid
200×56 box, label in the system sans at 700 and 0.08em tracking; logo slots are plain rectangles sized 60×20 so a wordmark `<use>` or `<image>` drops in. `fill`/`accent` for the chrome, `text` for the label.
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.
