You can easily add social media icons, email icons and more.
What do they look like?
The icon classes add an icon in front of whatever other text is inside that container. For example, if you add an icon class to a button, it'll look like the below:
hello@southbank.su
How do I use them?
Using these is super easy. Just copy the relevant class from the table below and it will apply to whatever you're using it on, such as a <p> tag or an <a> tag. Don't use them on huge chunks of text, though - keep them on smaller things like social media handles, emails, and phone numbers.
Get the code
Icon |
Code |
Preview |
Instagram |
instagram |
@instagram
|
Facebook |
facebook |
@facebook
|
Twitter |
twitter |
|
YouTube |
youtube |
@youtube
|
Download |
download |
Download
|
Phone |
phone |
020 7815 6060
|
Email |
email |
hello@southbank.su
|
Location |
location |
Student Centre
|