✦ central icon system website
central website
We've been hard at work on the website for the central icon system and have finally hit the "post" button.
central icon system
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.
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 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.
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.
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.
the system.
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.
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.
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.
Find faster, design easier.
Dive into our thoughtfully organized icon collection, crafted to make finding the ideal icon a breeze. By labeling icons based on their appearance and significance, our system enables you to effortlessly pinpoint the exact icon using Figma's built-in search feature. Cmd+F is your best friend 🤍
Let's push things forward.
We keep our icon collection fresh with weekly 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.
✦ What?
In short, central offers 30 various icon sets. A collection of icons that will make your product design easier and faster. 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.
✦ Why?
Our icons are simple and versatile. You can adjust them to fit your brand and style: stroke width, border radius, line or filled version. All variations can be accessed directly through the Figma property panel. Whatever you choose, our icons will look crisp and clean on any device and screen size.
✦ How?
Each icon variation is hand crafted in Figma for Figma to make sure every change of a property corresponds to the icon system. This ensures consistency and quality across the entire set. Our icons are designed on a 24x24 px grid and is based on an enhanced grid system to make sure every icon is consistent to the core. The central icon system is not just another icon set. It’s a tool that will help you create better products faster.
Still not sure?
Then go ahead and check out our demo version. Check out the demo or you can buy now
Made by iconists
✦ twitter @iconists
✦ instagram @theiconists
✦ Andreas Storm @avstorm
✦ Martin David @srioz