Adding icons to your MODX/AMP website

by ON Aug 02, 2019

Adding Icons to your Unumbox Developed AMP Website

An icon can be called from any page using the following snippet call...

[ [ !icon? &icon=`search` &size=`100` &fill=`blue` ] ]

This will output a blue search icon sized at 100px square..

An index of all icons can be found in the following sections.

Notes...

  • The size is numerical and is the number of pixels square.
  • You can also replace the fill colour with a hex value such as #3A173F
  • You can also add a class for CSS styling by adding &class=`your-class-here`

Index

Social Icons

facebook
facebook-square
twitter
twitter-square
linkedin
linkedin-square
youtube-play
share-square
share-square-o

Website Navigation Icons

home
search
check
times
bookmark

Contact Icons

at
address-book
envelope
laptop
map-marker
pencil-square-o
phone
user

Web Application Icons

bars
clock-o
wifi
code
map-marker
comment-o
map-marked-alt
map-marked-alt-o
plus
minus

File Type Icons

file
file-pdf-o

Brand Icons

chrome
windows

Directional Icons

angle-down
chevron-right

Quick Enquiry