Cikonss

Cikonss are created in order to be pure CSS, responsive and cross-browser usable. By "cross-browser" I mean IE8 as well. This means that CSS2 is in use which leads to limited shapes (and icons) available.

Some of icons do have border-radius property but this is mainly for fine styling in browsers that supports this property. This doesn't effect in loosing the shape of the icon.

Demos

• Cikonss - main page
• Small Cikonss
• Mid Cikonss
• Large Cikonss
• Extra Large Cikonss
• Huge Cikonss

Usage

Include cikonss.css file in the head of your html file, like so:

Now you can simply choose out of 43 icons, 5 sizes and 3 variants. An icon is made of two

• general style:

  .icon

  (mandatory)
• the size:

  .icon-small

  ,

  .icon-mid

  ,

  .icon-large

  ,

  .icon-extra-large

  ,

  .icon-huge

  (mandatory)
• variant:

  .icon-square

  ,

  .icon-rounded

  (optional)

...

Child element is the actual icon - available classes are in preview section. Mandatory code for an icon would look like this:

License

MIT license