[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» |
