Pro Every tool, icon and stickerAll of Pro for $7.99/month
Packages & plugins
Packages for your code, plugins for your design and site tools, and a server for your AI agents. 21 are ready today; 3 more are on the way.
Install the icons in your app with your package manager.
One tree-shakeable component per icon, in the free Line style, with TypeScript types.
npm install @hubtoolify/icons-react
The class kit and every SVG file, for any site or framework. Also on the free CDN.
npm install @hubtoolify/icons
Every icon as SVG markup, one module per icon, for servers, build scripts and static sites.
npm install @hubtoolify/icons-svg
Every Pro style as React, React Native, Svelte and Angular components and as a CSS kit, from HubToolify's own registry.
npm install @hubtoolify-pro/icons-react
Works today with the CSS classes or a small sprite component. A Vue package is coming.
One component per icon for Svelte 4, Svelte 5 and SvelteKit, in the free Line style, with TypeScript types.
npm install @hubtoolify/icons-svelte
A standalone <hti-icon> component for Angular 17 and later, in the free Line style, with server rendering and TypeScript types.
npm install @hubtoolify/icons-angular
One component per icon for React Native and Expo on iOS, Android and web, in the free Line style, with TypeScript types.
npm install @hubtoolify/icons-react-native
An HtiIcon widget and one constant per icon for Android, iOS, web and desktop, themed like Icon. Line on pub.dev; every Pro style with a Pro plan.
flutter pub add hubtoolify_icons
All 14 Pro styles for Flutter, one library per style, from HubToolify's own package repository. Create a Flutter token in your account, then add hubtoolify_icons_pro.
dart pub token add https://hubtoolify.com/api/pub
Place icons, stickers and illustrations in your design files.
Search the library in a panel and insert editable vectors. Line with no account; Solid, Duotone, the other Pro styles and AI with yours.
Add HubToolify icons and stickers to Canva designs. Submitted to Canva and waiting for review.
Icons, stickers, illustrations and AI in a Framer panel: insert as SVG layers in any size and colour. Line with no account; Pro and AI with yours.
Ways to use the icons without installing a package, and in your AI tools.
The free Line style on jsDelivr: one stylesheet link or an image URL, from any site.
Let Claude, Cursor, Codex or VS Code search the library and write imports that compile. No API key.
Instructions your coding agent loads, so it uses the right package, component and props.
Browse icons, stickers and tools with previews inside ChatGPT, and get your Pro downloads.
Search the free icons offline and insert the class, component, Flutter widget or SVG for your file. With Pro: every icon style, stickers and illustrations.
The free Line style as a web font, one class per icon (htf htf-home), for places where CSS masks and SVG are not an option.
npm install @hubtoolify/icons
Add the library to the place your site is built.
Icon, Sticker and Illustration blocks, a shortcode and AI in the editor. Icons are saved as inline SVG.
The same library as an Elementor widget, included in the WordPress plugin.
An app that inserts icons into Webflow pages. Today, the CDN classes work in an Embed element.
Icons and stickers for Shopify themes and product pages.
Render icons on the server.
Works today: the kit in public/ and a one-file anonymous component for inline SVG.