Hyve Icon Helper

A utility for adding SVGs inline to Framer sites and content. Built into our buttons and also delivered as a standalone component because we love it that much. The Icon Helper is currently bundled into our button kit.

Hyve Icon Helper

A utility for adding SVGs inline to Framer sites and content. Built into our buttons and also delivered as a standalone component because we love it that much. The Icon Helper is currently bundled into our button kit.

Hyve Icon Helper

A utility for adding SVGs inline to Framer sites and content. Built into our buttons and also delivered as a standalone component because we love it that much. The Icon Helper is currently bundled into our button kit.

Hyve Icon Helper

A utility for adding SVGs inline to Framer sites and content. Built into our buttons and also delivered as a standalone component because we love it that much. The Icon Helper is currently bundled into our button kit.

Sample of Lucide.dev and Heroicons embedded here using the ‘paste SVG‘ option. 24px box | Optical .85 | Stroke 1.5 | Caps Round | Join Round 

20 common icons built in and ready to use

Upload your own SVG

Paste SVG code from your favorite library

Keep improving — Free updates with variant and platform updates

Perfect optical alignment

The Icon Helper component is a perfect square that can scale up to 64 pixels. The icon inside can be scaled to match the paired content. You can scale the icon down and increase the line weight all right within the component — giving you precision control at every breakpoint and with every font weight.

The Icon Helper component is a perfect square that can scale up to 64 pixels. The icon inside can be scaled to match the paired content. You can scale the icon down and increase the line weight all right within the component — giving you precision control at every breakpoint and with every font weight.

Instance hot swapping

Save time while building components that require toggles or states. Swap instances with one consistent component placement, and simply adjust your colors or illustration.

Save time while building components that require toggles or states. Swap instances with one consistent component placement, and simply adjust your colors or illustration.

© 2025 Hyve Digital

© 2025 Hyve Digital

© 2025 Hyve Digital

© 2025 Hyve Digital