Invenir consult

# Shortcodes: Social Icons

## Social icons by Font Awesome brand icons

Every social button has it's brand color and also simple, bordered and background layouts.

## Contents

- Buttons in light background section
- Buttons in light grey background section
- Buttons in dark grey background section
- Buttons in dark background section
- Buttons in color background section

## Light background section:

### Simple icons

    <a href="#" class="fa fa-twitter"></a>

### Bordered icons

    <a href="#" class="fa fa-twitter border-icon"></a>

### Bordered rounded icons

    <a href="#" class="fa fa-twitter border-icon rounded"></a>

### Bordered round icons

    <a href="#" class="fa fa-twitter border-icon rounded-icon"></a>

### Background icons

    <a href="#" class="fa fa-twitter bg-icon"></a>

### Background rounded icons

    <a href="#" class="fa fa-twitter bg-icon rounded"></a>

### Background round icons

    <a href="#" class="fa fa-twitter bg-icon rounded-icon"></a>

### Brand text color icons

    <a href="#" class="fa fa-twitter color-icon"></a>

### Brand text color icons with background

    <a href="#" class="fa fa-twitter color-icon bg-icon"></a>

### Brand text color rounded icons with background

    <a href="#" class="fa fa-twitter color-icon bg-icon rounded"></a>

### Brand text color round icons with background

    <a href="#" class="fa fa-twitter color-icon bg-icon rounded-icon"></a>

### Brand background color icons

    <a href="#" class="fa fa-twitter color-bg-icon"></a>

### Brand background color rounded icons

    <a href="#" class="fa fa-twitter color-bg-icon rounded"></a>

### Brand background color round icons

    <a href="#" class="fa fa-twitter color-bg-icon rounded-icon"></a>

## Light grey background section:

### Simple icons

### Bordered icons

### Bordered rounded icons

### Bordered round icons

### Background icons

### Background rounded icons

### Background round icons

### Brand text color icons

### Brand text color icons with background

### Brand text color rounded icons with background

### Brand text color round icons with background

### Brand background color icons

### Brand background color rounded icons

### Brand background color round icons

## Dark grey background section:

### Simple icons

### Bordered icons

### Bordered rounded icons

### Bordered round icons

### Background icons

### Background rounded icons

### Background round icons

### Brand text color icons

### Brand text color icons with background

### Brand text color rounded icons with background

### Brand text color round icons with background

### Brand background color icons

### Brand background color rounded icons

### Brand background color round icons

## Dark background section:

### Simple icons

### Bordered icons

### Bordered rounded icons

### Bordered round icons

### Background icons

### Background rounded icons

### Background round icons

### Brand text color icons

### Brand text color icons with background

### Brand text color rounded icons with background

### Brand text color round icons with background

### Brand background color icons

### Brand background color rounded icons

### Brand background color round icons

## Color background section:

### Simple icons

### Bordered icons

### Bordered rounded icons

### Bordered round icons

### Background icons

### Background rounded icons

### Background round icons

### Brand text color icons

### Brand text color icons with background

### Brand text color rounded icons with background

### Brand text color round icons with background

### Brand background color icons

### Brand background color rounded icons

### Brand background color round icons

© Copyright 2018 All Rights Reserved