central icon system.

central
icon system.

more than 1,300

symbols

more than 1,300

symbols

30

variants per symbol

30

variants per symbol

40,000+

icons

40,000+

icons

In short, central offers 30 various icon sets.

In short, central offers 30 various icon sets.

The central icon system was designed to be as universally applicable as possible and utilizes Figma variants and properties to offer a completely customizable icon set.

the icons.

Here are a few example icons shown in all available variants in central. Use the switch to toggle between line and solid icons.

line

sharp / round / 1 / 2 / 3

1 / 1.5 / 2

the icons.

Here are a few example icons shown in all available variants in central. Use the switch to toggle between line and solid icons.

line

sharp / round / 1 / 2 / 3

1 / 1.5 / 2

the icons.

Here are a few example icons shown in all available variants in central. Use the switch to toggle between line and solid icons.

line

sharp / round / 1 / 2 / 3

1 / 1.5 / 2

Every icon is a component with 30 variants.

Every icon is a component with 30 variants.

Each icon variation is hand crafted in Figma. This ensures consistency and quality across the entire set. All variations can be accessed directly through the Figma property panel.

the plugin.

the plugin.

Streamline your design workflow with our plugin for Figma, making the central icon system a breeze to use.

Streamline your design workflow with our plugin for Figma, making the central icon system a breeze to use.

Streamline your design workflow with our plugin for Figma, making the central icon system a breeze to use.

Fast Search

Our icons are named both semantically and symbolically, making it incredibly easy to find exactly what you need.

Fully customizable

Adjust Solid or Lined, Stroke Width, and Corner Style easily through a simple options panel.

Multiple export

Due to popular demand, we now support exporting icons as SVG, React, React Native, and Solid.js.

Give it a try.

Get our plugin for access to all our icons with all its variables. You can get 20 icons completely for free.

the grid.

the grid.

the grid.

The foundation of any icon set lies in the pixel and icon grid with its key shapes. Thats why we used our extended icon grid to maintain the consistency we're used to.

24 x 24 grid.

The icons are positioned on a 24px grid and have a 2px padding/safe area, resulting in a 20x20px live area. This ensures that the icons are designed with a consistent and adaptable structure, allowing them to be easily implemented in various contexts and interfaces.

Key shapes for consistency.

These key shapes are essential for creating icons with a balanced visual consistency. It's generally best to stay within the 20 x 20 px live area, but keep in mind that they're merely guidelines.

Examples.

Our icons are versatile and can be used in a wide range of app interfaces, websites and print applications. We are sure, one of the 30 variations will be an excellent match for your particular application.

Messages

Inbox

Profile

Home

Statistics

Messages

1

the system.

the system.

the system.

Made for Figma

Made for Figma

We focused on creating icons that should serve as a standard, without using decorative styles that make it difficult to adapt entire icon sets to the brand. With the central icon system we want to change that so we created a set with simple shapes and rules that can easily be adapted to suit any brand.

Available in 3 weights.

We are proud to offer our icons in three distinct weights, ensuring that you have access to the most widely-used styles in the industry. With our versatile collection, you can easily find the perfect icon to match your design preferences, whether you're looking for a bold and impactful style, a sleek and modern touch, or a balanced and adaptable option.

an example settings icon, 3 sliders, with a stroke width of 1px
an example settings icon, 3 sliders, with a stroke width of 1px
an example settings icon, 3 sliders, with a stroke width of 1px
an example settings icon, 3 sliders, with a stroke width of 1.5px
an example settings icon, 3 sliders, with a stroke width of 1.5px
an example settings icon, 3 sliders, with a stroke width of 1.5px
an example settings icon, 3 sliders, with a stroke width of 2px
an example settings icon, 3 sliders, with a stroke width of 2px
an example settings icon, 3 sliders, with a stroke width of 2px

5 different corner styles.

Adding even more variety to our icon system, each icon is available in 5 different corner styles to further personalize your design experience. By combining these corner styles with our three weights, you'll have access to an almost endless array of style possibilities! This allows you to mix and match elements to create the perfect blend of visual aesthetics for your website.

an example icon, home, house with a corner radius of 0 and sharp joins
an example icon, home, house with a corner radius of 0 and sharp joins
an example icon, home, house with a corner radius of 0 and round joins
an example icon, home, house with a corner radius of 0 and round joins
an example icon, home, house with a corner radius of 1 and round joins
an example icon, home, house with a corner radius of 1 and round joins
an example icon, home, house with a corner radius of 2 and round joins
an example icon, home, house with a corner radius of 2 and round joins
an example icon, home, house with a corner radius of 3 and round joins
an example icon, home, house with a corner radius of 3 and round joins

Everything in line and solid.

This is more than just copy, paste and fill. We take pride in the quality of our icons. When it comes to the filled versions, we carefully review and adjust each icon as needed to guarantee a flawless visual appearance. This attention to detail ensures that both filled and outlined icons in our system meets your design expectations.

So why central?

It simplifies and streamlines your workflow, you will find the right icon style for your brand and any situation. Plus, all icons are handcrafted by the fabulous iconists.

Let's push things forward.

We keep our icon collection fresh with weekly to monthly updates, staying current with trends and new technologies. Our goal is to provide you with a dynamic, up-to-date, and ever-growing selection of icons.

Let's push things forward.

We keep our icon collection fresh with weekly to monthly updates, staying current with trends and new technologies. Our goal is to provide you with a dynamic, up-to-date, and ever-growing selection of icons.

Common Questions.