Giter Site home page Giter Site logo

mid-awe / iconic Goto Github PK

View Code? Open in Web Editor NEW

This project forked from somerandomdude/iconic

0.0 2.0 0.0 11.1 MB

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

Home Page: http://somerandomdude.com/work/iconic/

License: Other

iconic's Introduction

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

iconic's People

Contributors

ianstormtaylor avatar levraipixel avatar somerandomdude avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.