Framer

Icons, stickers, illustrations and AI in a Framer panel, inserted as SVG layers in any style, size and colour.

as Markdown, for notes or an AI chat

The HubToolify Icons plugin for Framer puts the library in a panel next to your canvas, in four tabs: Icons, Stickers, Illustrations and AI. Search, pick a style, a size and a colour, then click to insert. Icons, stickers and illustrations land as SVG layers; AI stickers and illustrations land as images.

Install#

Open the HubToolify Icons plugin on the Framer Marketplace and choose Open in Framer. In a project, open it from the Plugins menu.

Insert icons#

Type in the search box, such as home or arrow up. The best matches come first.
Choose a style. Line is free; the styles marked Pro need a Pro plan.
Choose a size (16 to 64 px) and a colour.
Click an icon. It lands on the canvas as an SVG layer you can resize and recolour.

The previews show the colour you pick, so what you see is what you insert. Duo and Flat start in each icon's own colour until you pick one. Jass and Lineal keep their fixed palette. Pro previews show in colour once you are signed in with Pro. 3D icons are rendered images, so they are not in the plugin; download them from the icon library.

Stickers and illustrations#

With a Pro plan, the Stickers and Illustrations tabs list every pack. Pick a pack or search, then click to insert. A sticker lands 200 px wide and an illustration 480 px wide, both as SVG layers you can scale without losing quality. Animated stickers and scenes insert as their still picture.

Create with AI#

The AI tab draws a new icon, sticker or illustration from your description, with the same generators as hubtoolify.com. Sign in first. Describe what you want, pick a style and how many, and the button shows the price in AI credits before you draw. Pro plans include 100 credits every month, and you can buy more.

Click a result to insert it: an AI icon lands as an SVG in the colour you pick, an AI sticker as a cut-out PNG with a white border, and an AI illustration as the picture the AI drew. If a request fails, nothing is charged.

Pro styles#

Choose Sign in for Pro at the bottom of the panel. The plugin shows a code and opens hubtoolify.com in your browser. Sign in there, enter the code and confirm. The panel signs in within a few seconds.

The connection can search and insert, and create with AI from your credits, always showing the price first. It cannot buy credits or change your plan. Remove it any time under Account → Connected apps, or choose Sign out in the panel.

If your plan ends, the Pro styles lock again in the panel. Icons you already placed in your Framer projects stay where they are; see the licence.