Icons

This icons page is going to cover any and everything to do with Icons, which includes:

  • Icons (by themselves)
  • Icon Box
  • Icon List
  • Social Icons
  • Share Buttons 

Icons (by themselves)

The Icon Library has hundreds of icons to choose from, or you can upload your own icon in the form of an SVG. You can control the size, color and position, as well as add animations and motion/scrolling effects. They also offer three viewing options:

  • Default – Just the Icon
  • Stacked – Circle & Square
  • Framed – Circle & Square

Default Chameleon

Stacked Diamond - Circle

Framed Monster Truck - Square

Icon Box

Icon Boxes have similar functionality to Image Boxes – they allow custom sizing, spacing, and positioning, as well as hover, entrance and mouse animations. I added a small border around each box so you can see the size of each element. 

Spider

View = Default
Icon Position = Left
Vertical Alignment = Middle

Trophy

View = Stacked Square
Icon Position = Top
Vertical Alignment = Top

Utensils

View = Framed Circle
Icon Position = Right
Vertical Alignment = Bottom

Icon List

Icon Lists allow you to display a series of icons, with or without text, in a block or inline list. You’re able to apply links to each list item, and you have control over the size, color, positioning and alignment. 

Social Icons

The Social Icons widget creates an icon list with your choice of Social Media platforms and automatically applies the correct style and color for each platform. These link to a certain social media profile or account. You have a choice of preset styling options, but these can be overridden if needed. 

Share Buttons

The Share Buttons are similar to Social Icons in that they automatically apply the correct color and style for each platform. However, instead of linking to a certain profile or account, they allow you to share the content of whatever page you’re on to your own account. You have a few preset styling options, but these can be overridden if needed. 

View = Icon & Text

Gradient Square
Facebook
Twitter
LinkedIn
WhatsApp
Gradient Rounded
Facebook
Twitter
LinkedIn
WhatsApp
Gradient Circle
Facebook
Twitter
LinkedIn
WhatsApp
Minimal Square
Facebook
Twitter
LinkedIn
WhatsApp
Minimal Rounded
Facebook
Twitter
LinkedIn
WhatsApp
Minimal Circle
Facebook
Twitter
LinkedIn
WhatsApp
Framed Square
Facebook
Twitter
LinkedIn
WhatsApp
Framed Rounded
Facebook
Twitter
LinkedIn
WhatsApp
Framed Circle
Facebook
Twitter
LinkedIn
WhatsApp
Boxed Icon Square
Facebook
Twitter
LinkedIn
WhatsApp
Boxed Icon Rounded
Facebook
Twitter
LinkedIn
WhatsApp
Boxed Icon Circle
Facebook
Twitter
LinkedIn
WhatsApp
Flat Square
Facebook
Twitter
LinkedIn
WhatsApp
Flat Rounded
Facebook
Twitter
LinkedIn
WhatsApp
Flat Circle
Facebook
Twitter
LinkedIn
WhatsApp

View = Icon

Gradient Square
Gradient Rounded
Gradient Circle
Minimal Square
Minimal Rounded
Minimal Circle
Framed Square
Framed Rounded
Framed Circle
Boxed Icon Square
Boxed Icon Rounded
Boxed Icon Circle
Flat Square
Flat Rounded
Flat Circle

View = Text

Gradient Square
Facebook
Twitter
LinkedIn
WhatsApp
Gradient Rounded
Facebook
Twitter
LinkedIn
WhatsApp
Gradient Circle
Facebook
Twitter
LinkedIn
WhatsApp
Minimal Square
Facebook
Twitter
LinkedIn
WhatsApp
Minimal Rounded
Facebook
Twitter
LinkedIn
WhatsApp
Minimal Circle
Facebook
Twitter
LinkedIn
WhatsApp
Framed Square
Facebook
Twitter
LinkedIn
WhatsApp
Framed Rounded
Facebook
Twitter
LinkedIn
WhatsApp
Framed Circle
Facebook
Twitter
LinkedIn
WhatsApp
Boxed Icon Square
Facebook
Twitter
LinkedIn
WhatsApp
Boxed Icon Rounded
Facebook
Twitter
LinkedIn
WhatsApp
Boxed Icon Circle
Facebook
Twitter
LinkedIn
WhatsApp
Flat Square
Facebook
Twitter
LinkedIn
WhatsApp
Flat Rounded
Facebook
Twitter
LinkedIn
WhatsApp
Flat Circle
Facebook
Twitter
LinkedIn
WhatsApp