Skip to content

A minimal set of icons in raster, vector and font formats — free for public use.

License

Notifications You must be signed in to change notification settings

ForTheJim/Iconic

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

46 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Iconic is an open source icon set in raster, vector and font formats

Iconic aims to be the most forward-thinking icon set around based on its support of forward facing display/deployment methods. Icons should not just be clear and attractive, they should be easy and flexible to work with. Learn more about Iconic

Using Iconic

  • SVG files can be found in the vector/ folder
  • PNG files in all sizes and one color (black) can be found in the raster/ folder
  • Fonts in two weights (stroke and fill) as well as demo HTML and CSS files can be found in the font/ folder
  • Illustrator symbols can be found in the etc/illustrator symbols folder
  • Omnigraffle stencils can be found in the etc/omnigraffle stencil folder

Building Iconic

Designing New Icons

All icons within the set are built around a strict grid. If you want to design new icons for the set, you can use the grid as your guide at source/Template.ai (CS5 format). In addition, all the icons are available for reference and/or modification at source/Iconic_all.ai (CS5 format).

Generating Fonts

There are Python scripts to generate the Iconic font files (including demo HTML/CSS files) at scripts/font creation/. The scripts require FontForge and I have only been able to get them to run on Linux at this point.

Generating PNGs

Iconic has two different JSX ExtendScripts for generating transparent PNGs. The scripts are run in Adobe Illustrator Learn more here. To generate all icons at all sizes and colors, use scripts/raster creation/SaveLayersAsPNG.jsx (this script will take a long time). To generate icons at a custom color and/or a subset of sizes use scripts/raster creation/SaveLayersAsCustomPNG.jsx

Generating SVGs

You can also generate SVGs automatically with a JSX ExtendScript. The script can be found at scripts/vector creation/SaveLayersAsSVG.jsx The SVG files are all generated at 32 pixels in black.

Generating a SWC (Depreciated)

All AS3 files and ANT build scripts can be found at scripts/swc creation/

This feature is no longer actively updated by me (feel free to fork and update)

##Licensing

###Icons All icons (located in the vector/, raster/, source/ and etc/ directories) are licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. If you use these icons, please add a link to Iconic (http://somerandomdude.com/work/iconic/) somewhere on your site or in your app.

###Fonts All fonts (located in the fonts/ directory) are licensed under the SIL Open Font License

###Scripts All scripts (located in the scripts/ directory) are licensed under the GNU Public License

About

A minimal set of icons in raster, vector and font formats — free for public use.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published