/

Documentation

/

Icons

Icons

The Icons use the Framer Icons plugin with Iconify’s extensive library, providing access to over 30,000 scalable SVG icons. This combination offers unmatched flexibility and variety, making it easy to find and customize the perfect icon for any design need.

FramerIcons

Component

Every Icon You Need, Right Inside Framer! Access 32k+ icons from 14 curated icon sets in 1 powerful plugin. FramerIcons uses a single Framer component so you don't have to break your components to add icons.

Icones.js Database

To start inserting icons, go to icones.js.org and browse available collections and icons.

The default button is setup to have hover and pressed states by default. It also has variants that you can use to display different styles.

icones.js.org website screenshot
icones.js.org website screenshot
icones.js.org website screenshot
icones.js.org website screenshot

Select an Icon

Select an icon and click on the svg snippet button to copy the icon svg.

The default button is setup to have hover and pressed states by default. It also has variants that you can use to display different styles.

icones.js.org website screenshot
icones.js.org website screenshot
icones.js.org website screenshot
icones.js.org website screenshot

Insert your Icon

Inser the copied icon svg into the FramerIcons component svg property.

The default button is setup to have hover and pressed states by default. It also has variants that you can use to display different styles.

Icon Box

Component

The Icon Box component features a customizable container that displays an icon with configurable size and color. Designed for flexibility and visual consistency, it lets you easily adapt icons to match your brand and layout needs across your site.

Variants

The icon box component has 2 variants.

The default button is setup to have hover and pressed states by default. It also has variants that you can use to display different styles.

Summary

The Icons combine the FramerIcons plugin with Iconify’s extensive library, offering over 30,000 customizable SVG icons. Included components like the Icon Box provide flexible size and color options—ensuring seamless integration and consistent visuals throughout your site.

Create a free website with Framer, the website builder loved by startups, designers and agencies.