How to use font awesome in iconSclass

asked 2014-02-04 08:54:47 +0800

Neus gravatar image Neus
1415 14


How can I use font awesome in iconSclass?? For the moment I'm consulting the icon names in http://fortawesome.github.io/Font-Awesome/icons/ and changing the prefix fa for zk-icon and almost all icons worked (almost all but for example zk-icon-bars didn't). But what if I want to use some functions likle make the icon bigger as it is explained here http://fortawesome.github.io/Font-Awesome/examples/?? How can I do it?

Thank you!

delete flag offensive retag edit

2 Answers

Sort by ยป oldest newest most voted

answered 2014-02-06 10:25:12 +0800

cor3000 gravatar image cor3000
6280 2 7

updated 2014-02-06 10:26:15 +0800

ZK only integrates the following fontawesome imports https://github.com/FortAwesome/Font-Awesome/blob/master/less/font-awesome.less

  • variables
  • core
  • icons
  • path

However you can import additional css files to add the effects provided by fontawesome. I created this this example on ZK-Fiddle to add a stylesheet directly from fontawesome and use classes out of it.


link publish delete flag offensive edit

answered 2014-02-05 06:57:48 +0800

cor3000 gravatar image cor3000
6280 2 7

updated 2014-02-05 07:02:48 +0800


ZK integrates fontawsome 4.0.1 for some reason the fa-bars (4.0.2), still had the name fa-reorder in 4.0.1


so if you want that icon just use its old name: e.g.

<button iconSclass="z-icon-reorder" />


link publish delete flag offensive edit


Thank you! And it is possible to use the functions explained in http://fortawesome.github.io/Font-Awesome/examples/ ??

Neus ( 2014-02-06 08:38:45 +0800 )edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

1 follower



Asked: 2014-02-04 08:54:47 +0800

Seen: 300 times

Last updated: Feb 06 '14

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More