Shortcodes: Iconography

Icons are awesome and use of them on website always animates the site a bit. We are proud to announce that with our shortcodes you have access to all 369 icons from Font Awesome. All icons come in 3 different sizes (Small, Medium and Big) and you choose the color directly in the shortcode for each icon individually, which means you can have unlimited color schemes.

Medium Size Icons

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-coffee” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-flask” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-bug” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-star” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-tint” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-truck” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-trophy” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-pencil” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-glass” size=”medium”][/pmc_icon]

[break/]

[break/]

Big Size Icons

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-pencil” size=”big”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-key” size=”big”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-camera-retro” size=”big”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-rocket” size=”big”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-dashboard” size=”big”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-book” size=”big”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-cutlery” size=”big”][/pmc_icon]

[break/]

[break/]

Small Size Icons

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-microphone” size=”small”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-tags” size=”small”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-picture-o” size=”small”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-star-half-empty” size=”small”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-star” size=”small”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-tasks” size=”small”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-quote-right” size=”small”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-thumbs-up” size=”small”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-ticket” size=”small”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-trash-o” size=”small”][/pmc_icon]

[break/]

[break/]

Different Colors

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-coffee” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#379bde” border_color=”#379bde” icon=”fa-flask” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#2ECC71″ border_color=”#2ECC71″ icon=”fa-bug” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#9B59B6″ border_color=”#9B59B6″ icon=”fa-star” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#34495E” border_color=”#34495E” icon=”fa-tint” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#7F8C8D” border_color=”#7F8C8D” icon=”fa-truck” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#D35400″ border_color=”#D35400″ icon=”fa-trophy” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#C0392B” border_color=”#C0392B” icon=”fa-pencil” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#3498DB” border_color=”#3498DB” icon=”fa-glass” size=”medium”][/pmc_icon]

[break/]

[break/]

[two_thirds]

Left Column with Medium Icons

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-coffee” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-flask” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-bug” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-star” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-tint” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-truck” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-trophy” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-pencil” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-glass” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-ticket” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-cog” size=”medium”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-cloud-download” size=”medium”][/pmc_icon]

[/two_thirds]

[one_third_last]

Right Column with Small Icons

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-microphone” size=”small”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-tags” size=”small”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-picture-o” size=”small”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-star-half-empty” size=”small”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-star” size=”small”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-tasks” size=”small”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-quote-right” size=”small”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-thumbs-up” size=”small”][/pmc_icon]

[pmc_icon link=”http://premiumcoding.com” background_color=”#DF5148″ border_color=”#C53D35″ icon=”fa-ticket” size=”small”][/pmc_icon]

[/one_third_last]

[break/]

[break/]



Lorem ipsum dolor sit amet, consec tuer adipiscing elit, sed diam nonum nibh euismod. Lotuer adipiscing elit, sed diam nibh eu.

Subscribe to our Newsletter!

Sign up to receive environmental news and updates!

dev