# Footer Social Icons Module

### 12. Footer Social Icons Module

> Module position: footer-info
>
> Module suffix: Not used

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FMlayKED150yvVuMhQ4tD%2FFooter_Social_Icons_Module.png?alt=media\&token=e51a825a-2ddf-4b53-a512-3a5ad9982822)

If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html** with the settings below:

#### Step-1

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FfNTQ8c4vjWub8HK07ehg%2FFooter_Social_Icons_Module_step1.png?alt=media\&token=dea4559f-7c33-422e-8bb6-9e56c7101451)

#### Step-2

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FQo40MTrFVaRMaJSgdvr6%2FFooter_Social_Icons_Module_step2.png?alt=media\&token=f17fdc3f-2926-4a15-8e99-fd7df09158b9)

#### Step-3

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FVz96tfBwJ30LpvpVuNqO%2FFooter_Social_Icons_Module_step3.png?alt=media\&token=7aa3dcee-34d0-4602-a2da-d2d5bbc87f16)

Add the below code in your custom html module

```html
<div class="right">
    <ul class="social-icons right">
        <li><a href="#" class="facebook"><i class="icon-facebook"></i></a>
        </li>
        <li><a href="#" class="twitter"><i class="icon-twitter"></i></a>
        </li>
        <li><a href="#" class="linkedin"><i class="icon-linkedin"></i></a>
        </li>
        <li><a href="#" class="dribbble"><i class="icon-dribbble"></i></a>
        </li>
        <li><a href="#" class="flickr"><i class="icon-flickr"></i></a>
        </li>
        <li><a href="#" class="vimeo"><i class="icon-vimeo"></i></a>
        </li>
        <li><a href="#" class="rss"><i class="icon-rss"></i></a>
        </li>
    </ul>
</div>
```