Icons Shortcodes
[titleborder title=”ICONS” color=”blue”][divider height=”20″]
Some icons with style=”square”
[divider height=”20″][icon style=”square” bg=”#ea4c89″ icon=”icon-dribbble” color=”#fff” size=”20″] [icon style=”square” bg=”#3f729b” icon=”icon-instagramm” color=”#fff” size=”20″] [icon style=”square” bg=”#d55f55″ icon=”icon-gplus” color=”#fff” size=”20″] [icon style=”square” bg=”#F3A46B” icon=”icon-html5″ color=”#fff” size=”20″] [icon style=”square” bg=”#4885be” icon=”icon-linkedin” color=”#fff” size=”20″] [icon style=”square” bg=”#87d9f1″ icon=”icon-twitter” color=”#fff” size=”20″] [icon style=”square” bg=”#4885be” icon=”icon-facebook” color=”#fff” size=”20″] [icon style=”square” bg=”#d55f55″ icon=”icon-youtube-play” color=”#fff” size=”20″] [icon style=”square” bg=”#87d9f1″ icon=”icon-dropbox” color=”#fff” size=”20″] [icon style=”square” bg=”#1ABC9C” icon=”icon-css3″ color=”#fff” size=”20″] [icon style=”square” bg=”#69bf13″ icon=”icon-foursquare” color=”#fff” size=”20″] [icon style=”square” bg=”#000000″ icon=”icon-github” color=”#fff” size=”20″] [icon style=”square” bg=”#3f729b” icon=”icon-tumblr” color=”#fff” size=”20″] [icon style=”square” bg=”#69bf13″ icon=”icon-android” color=”#fff” size=”20″][divider height=”20″]
Some normal icons
[divider height=”20″][icon icon=”icon-dribbble” color=”#96a0af” size=”20″] [icon icon=”icon-dribbble” color=”#96a0af” size=”20″] [icon icon=”icon-instagramm” color=”#96a0af” size=”20″] [icon icon=”icon-gplus” color=”#96a0af” size=”20″] [icon icon=”icon-html5″ color=”#96a0af” size=”20″] [icon icon=”icon-linkedin” color=”#96a0af” size=”20″] [icon icon=”icon-twitter” color=”#96a0af” size=”20″] [icon icon=”icon-facebook” color=”#96a0af” size=”20″] [icon icon=”icon-youtube-play” color=”#96a0af” size=”20″] [icon icon=”icon-dropbox” color=”#96a0af” size=”20″] [icon icon=”icon-css3″ color=”#96a0af” size=”20″] [icon icon=”icon-foursquare” color=”#96a0af” size=”20″] [icon icon=”icon-github” color=”#96a0af” size=”20″] [icon icon=”icon-tumblr” color=”#96a0af” size=”20″] [icon icon=”icon-android” color=”#96a0af” size=”20″] [icon icon=”icon-html5″ color=”#96a0af” size=”20″] [icon icon=”icon-gplus” color=”#96a0af” size=”20″]
[divider height=”40″]
Code
[divider height=”20″]
[icon icon="icon-dribbble" color="#96a0af" size="15"]
[icon style="square" bg="#f5696c" icon="icon-dribbble" color="#96a0af" size="15"]
[divider height=”40″]
Parameters of the shortcodes
[divider height=”20″]
| Parameters |
Description |
| [icon icon=”” |
insert the icon retina code |
| [icon color=”” |
insert the color of your icon in this way color=”#000000″ |
| [icon size=”” |
insert the size of your icon in this way size=”20″ |
| [icon style=”” |
use this parameter style=”square” for have an icon background, if you use this parameter remember to insert the background color parameter |
| [icon bg=”” |
if you use style=”square” you have to use this parameter to define the color background in this way bg=”#cccccc” |
