Mobile app version of vmapp.org
Login or Join
Lengel450

: How to go about creating an Icon Pack As a beginner in Illustrator I've been creating some pretty cool graphics I'd like to share on my website. From what I've seen, people create a one file

@Lengel450

Posted in: #AdobeIllustrator #Color #Icon #Vector

As a beginner in Illustrator I've been creating some pretty cool graphics I'd like to share on my website. From what I've seen, people create a one file .ai icon pack that you can download and use freely. Most of these are setup in a perfect grid format, even with around 100 icons. If I am looking to do something like this, how should I go about my project setup? Should I create each icon individually and then import them into the master icon pack file? Any direction would be great. Thanks!

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Lengel450

3 Comments

Sorted by latest first Latest Oldest Best

 

@Marchetta832

I would start with a grid that has a good spacing between the icons, not only for making it easier to work but also because you don't have to rearrange in the end. The simplest I can think of is 16x16px icons with 16px spacing between them (if you are working on an icon sprite, space between them should be minimal though). Depending on what you want in the end. But this should make it easier to determine the document dimensions in the beginning. You could also set up guides or a background raster to make sure you are working in the right space/dimensions. I prefer this method over making icons in individual files because it gives you a good overlook if the icons all go well together. Something that you will have to re-evaluate constantly during designing them.

Again, the options are vast, and depend on what you want in the end, so I will just give you an example:

10% popularity Vote Up Vote Down


 

@Samaraweera207

Another popular trend is to create icon fonts. These are very usable on the web. But this can only be done if you have mono-color icon's. These are actually quite handy, I use those regularly in design because of ease of use.

But most Icon pack I see have a few variations available:
- A few sizes as separate 24-bit PNG with transparency (dark on white and reverse)
- separate AI or PDF files
- Icon Font (if available)
- separate ICO files, in various sizes (real icons).

I haven't seen many on a "contact" sheet, but that could be me :)

10% popularity Vote Up Vote Down


 

@Murray976

I'm no expert in icon creation, but in my opinion, it will depend on how complex your icons are. If they have many elements, for the sake of size and handling I would use different files to create them. Once they are finished you can paste them in your grid file, but also export them first as transparent .png for example. You will most likely be needing one bitmat file for each icon anyway, as many of the packs I've downloaded had preview folders (as well as the actual .ai file). And if in the future you want to make different packs with the same ones, it's easier to handle too.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme