Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

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

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 etc
Octocat-spinner-32 font
Octocat-spinner-32 raster
Octocat-spinner-32 scripts
Octocat-spinner-32 source
Octocat-spinner-32 vector
Octocat-spinner-32 README.md
README.md

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)

Something went wrong with that request. Please try again.