Skip to main content
Plugin

GetIllustrations for Webflow Coming Soon

Embed SVG icons into Webflow sites as clean HTML elements

🚧 This plugin is in development

We're putting the finishing touches on this plugin. Want to be notified when it launches? Join our newsletter or follow us for updates.

All Plugins

Features

Search 88,000+ free SVG icons
Browse illustrations across 392+ packs
Embed icons as inline SVG HTML elements
Color customization before embedding
Size control with slider
Style filters
Code snippets for custom implementation
Dark mode support
Login for premium access

Pricing

Free to install. 88,000+ free icons included. Premium illustrations require a GetIllustrations plan starting at $29/month.

Included icon libraries

Feather, Lucide, Material Symbols, Phosphor, Tabler, Bootstrap, Remix, Fluent UI, Carbon, Ionicons, Solar, Iconoir, Boxicons, Line Awesome, Simple Icons, Eva, Akar, Majesticons, Octicons, Radix, Teenyicons, Icon Park, Devicon, css.gg

Install Now — Free

How to install

  1. Go to Install from Webflow Marketplace
  2. Click Install or Add to your workspace
  3. Open the plugin from the Plugins or Extensions menu
  4. Search for icons or illustrations and start using them

Why use GetIllustrations in Webflow?

Webflow designers often need icons for navigation menus, feature sections, testimonials, and footer links. The typical workflow involves finding an SVG file, downloading it, uploading it to Webflow's asset manager, and then adding it as an image element. For inline SVG (which is better for performance and styling), you need to create an HTML Embed element and paste the SVG code manually.

The GetIllustrations Webflow extension handles all of that in one step. Search for an icon, click it, and it appears as an HTML Embed element with clean inline SVG. You can then style it with Webflow's CSS controls — change colors, add hover states, animate it, or adjust the size responsively.

Inline SVG advantages in Webflow

Using inline SVG instead of image files gives you several benefits in Webflow: icons load faster (no additional HTTP requests), you can change colors with CSS (no need for multiple color variants), animations work natively, and the icons stay sharp at any resolution because they are vectors.

Frequently asked questions

How are icons embedded?

Icons are inserted as HTML Embed elements containing inline SVG code. This means they render natively without external requests.

Can I style the icons with Webflow?

Yes. Since icons are embedded as SVG, you can use Webflow's CSS controls to change colors, sizes, and animations.

What you can create with this plugin

Designers use this plugin to build landing pages with matching illustration sets, create app interfaces with consistent icon systems, assemble pitch decks with professional visual elements, design social media graphics with on-brand icons, and put together documentation with clear visual indicators. Developers use it to quickly add SVG icons to component libraries, build navigation systems with consistent iconography, and create data visualization labels with recognizable symbols.

The plugin works best when you need a large variety of icons from a single, consistent source rather than downloading individual files from scattered websites. Because all 24 icon libraries share the same search interface and insert mechanism, switching between Feather, Material, Phosphor, or any other library takes zero effort — just change your search terms.

Icon packs included for free

Every icon library in the plugin is free to use with no attribution required (except CC BY 4.0 icons like Solar, which ask for credit). The 88,000+ free icons cover every category you could need: navigation (arrows, menus, tabs), communication (chat, email, phone), media (play, pause, volume), files (folder, document, download), devices (phone, tablet, laptop), social (GitHub, Twitter, LinkedIn), weather (sun, rain, cloud), maps (pin, compass, route), and hundreds more specialized categories like medical, finance, food, sports, and gaming.

Premium illustration packs add another 37,000+ hand-crafted illustrations across styles including flat, outline, isometric, 3D render, hand-drawn, gradient, and abstract. These are not AI-generated — every illustration was designed by a professional illustrator, which means consistent quality, proper anatomy, and thoughtful composition across entire packs.

Licensing and commercial use

Free icons use their original open-source licenses. Most use MIT, which means you can use them in personal projects, commercial products, client work, and SaaS applications without any restrictions or attribution. Some icons use Apache 2.0 (which includes a patent grant) or ISC (similar to MIT). The Solar icon set uses CC BY 4.0, which asks for attribution when practical.

Premium illustrations come with a commercial license included in your purchase or subscription. You can use them in websites, apps, presentations, marketing materials, social media, print materials, and products for sale. The license covers your team (up to 5 seats on annual plans) and does not expire — files you download are yours to use permanently.

If you need help deciding which plan fits your needs, visit our pricing page for a detailed comparison, or contact our team for custom licensing options.

GetIllustrations for Webflow is launching soon

In the meantime, try our Figma plugin or VS Code extension that are available now.

Browse All Plugins View Plans
Welcome Product hunters

We’ve prepared something special for you

  • 25% Discount code: Hunters25Off
  • A special illustration pack for product hunt And your stack - Free Download
Forget Password!