Frequently asked questions

Everything you need to know about the Anron Icons. Can’t find the answer you’re looking for? Feel free to contact me via email or directly on Twitter.

General Questions

Why should I buy icons?

It all depends on your goals. A good paid icon pack always brings more exclusivity to your product than a free one.

When it comes to Anron Icons, they were created to help your products stand out and shine. But apart from aesthetics, this icon pack also has great customization tools, all of these Figma icons are ready to adapt to your unique needs.

How is Anron Icons different from other packs?

For the professional Figma user, the difference is day and night, but let's condense that down to a few points.

  • Made right in Figma, you won't need Adobe Illustrator for editing
  • Five awesome styles to make your product really stand out
  • Level of bulk customization that you won't find in any other icon pack
  • Smart switching between styles while maintaining the icon color
  • Perfectly clean layers panel
  • They are just beautiful :D

What are the benefits of these Figma icons?

With Anron Icons you can exclude Adobe product from the icon design process. I'm biased, so for me, this is already a huge victory.

Figma shows amazing performance even on budget laptops. The entire pack is always available at hand in a few seconds. In addition, Figma gives you features for group icon editing that no existing tool can provide.

I would also like to emphasize this once again — icon pack with a trivial import from AI to Figma will never give you the same level of customization as Anron Icons.

What customization options does Anron Icons provide?

You can easily change all key parameters of icons: size, color, stroke width, corner radius, individual points in vector paths, etc.

And thanks to the unique methodology for grouping vector shapes, you can even contain multiple versions of an icon inside a single component and switch between them while maintaining colors in all instances!

Where can I use Anron Icons?

In any that only can come to your head: apps, websites, e-books, social media, marketing, print, whatever.

The limitations apply only to the maximum possible number of icons that you can use for each unique project. It is worth remembering that you cannot embed the entire library in client projects.

You can insert up to 100 (500 in 5 styles) icons into each unique project such as website or app. And up to 50 icons (250 in 5 styles) in digital items for sale like UI kits, website themes, and other templates.

Do you plan to support Sketch and AI / XD?

Anron Icons offers a whole set of unique flexible customization features that are only available in Figma. I do not want this product to be judged by the quality of some trimmed version exported to another design tool.

However, this does not mean that you cannot do it yourself. Just keep in mind that you will lose a lot of features.

I am using Sketch / XD. Will these icons be useful to me?

If you just visually like them, then of course. If you're ready to include a little Figma in your workflow, then you won't lose anything at all. You can fully customize the icons and then simply copy the SVG into your tool of choice. The entire library will always be at hand and available directly from the browser.

If you are not ready to add some Figma, this product also includes an SVG archive and a full IconJar library with visual search capabilities. In addition, you can try third-party plugins to export Figma file to the format you need. But it's worth reminding again that with this approach you will lose some of the significant benefits of Anron Icons.

Technical Questions

How can I insert these icons to my projects?

It depends on your tasks. In general, here are a few basic options:

  • Publish all the icons to the library at once, and then search / drag & drop them through the Component Tab to your files
  • Split the library into separate files for each style / style group and publish a separate library. Include only the necessary icon styles to your files
  • Keep the original library open and use the built-in component search

Once inserted, I highly recommend creating separate local icon components for each unique project. Group different icon styles into Variants if you prefer this approach.

Do you plan to support Variants?

Not yet. Here are the top reasons why Anron Icons will not have Variants support:

  • All several thousand icons on a single page will load a lot more RAM
  • This will make it harder for you to visually find the desired icon on the canvas
  • You will not be able to insert icons from the library in the desired style
  • Shadow loading of all icon variants in your files will eat more RAM
  • Issues with naming during export, since Figma uses the variant name by default

Despite the above, I can safely recommend using Variants on a small selection of icons per project. All of these shortcomings only show up when your icon set gets really huge.

What are Boolean Groups?

In simple words, this is a smart group consisting of vector shapes. Each shape inside remains alive and fully editable. Figma perceives such a group as a single shape, which opens up a number of useful practical functions.

The extensive use of Boolean Groups in Anron Icons is one of the key functional differences of these Figma icons from many others.

How to simplify an icon to a single shape?

Sometimes you just want to get the flattest icon possible without unnecessary layers and customization options. It's very easy to do this in Figma, and even on all icons at once!

  • Select the necessary icons manually or using the Similayer plugin
  • Click Enter a few times to select all nested vector shapes
  • Press Cmd + Shift + O or find the command Outline Stroke in the menu

Keep in mind that the entire icon will be converted to a single vector shape. You will lose the ability to adjust the corners and the stroke weight of such icon. But scaling will always be proportional, as if you were doing it with the Scale Tool.

I cannot recommend using this function in the original library. However, it can be a good idea for local icons in separate projects, when you are absolutely satisfied with the appearance of the icon and no further customization is required.

How do I turn a stroke into a curve?

This usually means that you want to achieve proportional scaling of the corners of the icon when resizing, but leave the ability to change the thickness of its stroke. You can do that right in Figma too!

  • Select the desired vector shape
  • Press Cmd + E or look for the command Flatten Selection in the menu

As with the Outline Stroke, I cannot recommend using this function in the original library. However, it can be a good idea for local icons in separate projects, when the required level of corner radius is already clearly fixed.

What are the ways to resize icons?

All corners and strokes in Anron Icons are live. This gives you 2 ways to resize an icon to choose from.

  • Standard via Move Tool (V). Will scale the icon keeping all original parameters. This means that the stroke weight and corner rounding will remain the same for all vector shapes.
  • Proportional via Scale Tool (K). The icon will be scaled like after the Outline Stroke function. This means that both the stroke weight and roundness will scale proportionally. For example, this is how the stroke will change depending on the icon size: 24px (1.5px) → 20px (1.25px) → 16px (1px).

Keep in mind that scaling with the Scale Tool does not quite work correctly in components. I highly recommend creating separate components with smaller versions of the icons if you need to.

How can I change the stroke width?

  • Select the necessary icons manually or using the Similayer plugin
  • Click Enter a few times to select all nested vector shapes
  • Set the desired stroke on all shapes at once using the Properties Panel

Such group editing can be useful when you have already selected several dozen icons for a project and want to set the same stroke weight for all at once.

It's also worth mentioning that you can easily change the stroke within instances without having to detach from the original components. But use it wisely!

As with all other group changes, I do not recommend using this procedure on the original library, but only on a separate local icon group.

See how it works

How can I change the corner radius?

  • Select the necessary icons manually or using the Similayer plugin
  • Click Enter a few times to select all nested vector shapes
  • Set the desired value on all shapes at once using the Properties Panel

It might save you some time. But keep in mind that you need some extra fixes here and there, as many shapes are composed of points with different roundings. To enter vector editing mode, simply select the desired shape and press Enter

As with all bulk changes, I do not recommend using this procedure on the original library. It is better to do this only on a separate local icon group for a specific project. This way you can pay maximum attention to each icon.

See how it works