Need help with Cikonss?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

zzap
411 Stars 107 Forks MIT License 4 Commits 4 Opened issues

Services available

!
?

Need anything else?

Contributors list

No Data

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.

Cikonss

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

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

elements. Parent element defines:
  • 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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.