Import Custom Icons Join KC discussion

kc_add_icon() method enables you to add a new icons package to KingComposer, then you can select your icons from Icons Picker of KingComposer. The default icons: Awesome icons ( Prefix fa- ), Simple line icons ( Prefix sl- ), Et line icons ( Prefix et- )

Instruction:


Example Icons CSS:

[class^="sk-"], [class*=" sk-"] {
	font-family: 'Stroke' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:inline-block;
}
.sk-worldwide:before {
	content: "\e600";
}
.sk-worldglobe:before {
	content: "\e601";
}
.sk-underpants:before {
	content: "\e602";
}
.sk-tshirt:before {
	content: "\e603";
}

...

Notice:

  • Your icon prefix must be unique( excluding fa-, sl-, et- )
  • Use single class name for icon, Eg: <i class="sk-star"></i> so that "sk" is your icon prefix
  • The prefix & name must be lowercase letters
  • Use this css query to set font-family for all of your icons with the prefix "sk"
    [class^="sk-"], [class*=" sk-"] {
        font-family: 'stroke'; 
    }