Icons
The icons can be added from the free version of Font Awesome. Simply copy the 'snippet' of code and enter it in the icon field, then add your information in the info field next to it. Done!
Some of the most used icons are listed below.
| Icon | Snippet |
| Phones | Snippet |
| <i class="fa fa-phone fa-lg" aria-hidden="true"></i> | |
| <i class="fa fa-phone-square fa-lg" aria-hidden="true"></i> | |
| <i class="fa fa-mobile fa-lg" aria-hidden="true"></i> | |
| <i class="fa fa-whatsapp fa-lg" aria-hidden="true"></i> | |
| Snippet | |
| <i class="fa fa-envelope fa-lg" aria-hidden="true"></i> | |
<i class="fa fa-envelope-o fa-lg" aria-hidden="true"></i> |
|
<i class="fa fa-envelope-open fa-lg" aria-hidden="true"></i> |
|
<i class="fa fa-envelope-open-o fa-lg" aria-hidden="true"></i> |
|
<i class="fa fa-at fa-lg" aria-hidden="true"></i> |
|
| Location | Snippet |
| <i class="fa fa-map-marker fa-lg" aria-hidden="true"></i> | |
| <i class="fa fa-location-arrow fa-lg" aria-hidden="true"></i> | |
| <i class="fa fa-globe fa-lg" aria-hidden="true"></i> | |
| <i class="fa fa-thumb-tack fa-lg" aria-hidden="true"></i> | |
| <i class="fa fa-home fa-lg" aria-hidden="true"></i> | |
| <i class="fa fa-address-card fa-lg" aria-hidden="true"></i> | |
| Social | Snippet |
| <i class="fa fa-facebook fa-lg" aria-hidden="true"></i> | |
| <i class="fa fa-facebook-official fa-lg" aria-hidden="true"></i> | |
| <i class="fa fa-comment-o fa-lg" aria-hidden="true"></i> | |
|
<img src="https://www.tapsuccess.com/9YearPlan/img/X.png" alt="X" style="width:20px; height:20px;" /> |
| <i class="fa fa-twitter fa-lg" aria-hidden="true"></i> | |
| <i class="fa fa-twitter-square fa-lg" aria-hidden="true"></i> | |
| <i class="fa fa-instagram fa-lg" aria-hidden="true"></i> | |
| <i class="fa fa-snapchat fa-lg" aria-hidden="true"></i> | |
| <i class="fa fa-pinterest fa-lg" aria-hidden="true"></i> | |
| <i class="fa fa-linkedin fa-lg" aria-hidden="true"></i> | |
| <i class="fa fa-youtube-play fa-lg" aria-hidden="true"></i> | |
| <i class="fa fa-heart fa-lg" aria-hidden="true" style="color:red;"></i> |
Colors
white |
black |
red |
pink |
purple |
deep-purple |
indigo |
blue |
light-blue |
cyan |
aqua |
teal |
green |
light-green |
lime |
sand |
khaki |
yellow |
amber |
orange |
deep-orange |
blue-gray |
brown |
light-gray |
gray |
dark-gray |
pale-red |
pale-yellow |
pale-green |
pale-blue |