Book a free 30 minute consultation

Icon Snippet Builder

Create tidy tick lists, call-outs and mini panels for your site – using inline SVG icons (so nothing “breaks” or shows placeholder boxes).

Tweak colours, font, padding and icon style, preview live, then copy and paste into Elementor/Wordpress.

Instructions

  1. Choose a Quick style to start (it pre-fills sensible defaults).

  2. In Colours, pick your Background, Text colour and Icon colour (swatch or hex).

  3. Paste your content into Content (one line per bullet, or switch to “Single row” in Advanced).

  4. Open Advanced only if you need it (icon choice, icon style/weight, spacing, alignment).

  5. Check the Preview, then hit Copy snippet (recommended).

  6. In Elementor, paste into a HTML widget. Done.

Style

Pick a preset, tweak colours, then adjust anything else only if you need it.

Background
Text colour
Icon colour
Advanced layout, icons, spacing

Content → Preview → Copy

Type your content. Everything updates live.