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
share-alt
thumbs-up
skype

Website Navigation Icons

home
search
bookmark
bars

Contact Icons

at
address-book
envelope
laptop
map-marker
pencil-square-o
phone
user
street-view
phone-square-alt
map-marked-alt
map-marked-alt-o

Web Application Icons

black-tie
bolt
building
calculator
calender
check
clock-o
clone
clone-o
code
comment-o
cut
diamond
graduation-cap
info
key
life-ring
lock
minus
money
pause
pencil
plane
play
plus
question
question-circle
redo
rocket
shopping-cart
smile-o
star
star-o
tachometer-alt
times
truck
university
user
users
user-secret
video-camera
wifi
volume
volume-mute
volume-slash

File Type Icons

file
file-o
file-pdf-o

Brand Icons

chrome
windows
google-plus-g

Directional Icons

angle-down
chevron-up
chevron-right
chevron-down
chevron-left

Quick Enquiry