At Moore Tech Solutions, we love our icons. We use them all the time because they are easy to manipulate with css, they are screen reader friendly for the vision impaired, and they work well with responsive design. Joomla comes with a core set of icons from IcoMoon, but locating a directory for the icon library that Joomla! uses is a difficult thing to find.

 

We thought it would be nice if we shared our directory with you so that you can have a quick place to return to whenever you need to find the class for a specific icon.

 

So without further ado, here is the set:

.icon-joomla
.icon-chevron-up
.icon-uparrow
.icon-arrow-up
.icon-chevron-right
.icon-rightarrow
.icon-arrow-right
.icon-chevron-down
.icon-downarrow
.icon-arrow-down
.icon-chevron-left
.icon-leftarrow
.icon-arrow-left
.icon-arrow-first
.icon-arrow-last
.icon-arrow-up-2
.icon-arrow-right-2
.icon-arrow-down-2
.icon-arrow-left-2
.icon-arrow-up-3
.icon-arrow-right-3
.icon-arrow-down-3
.icon-arrow-left-3
.icon-menu-2
.icon-arrow-up-4
.icon-arrow-right-4
.icon-arrow-down-4
.icon-arrow-left-4
.icon-share
.icon-redo
.icon-undo
.icon-forward-2
.icon-backward-2
.icon-reply
.icon-unblock
.icon-refresh
.icon-redo-2
.icon-undo-2
.icon-move
.icon-expand
.icon-contract
.icon-expand-2
.icon-contract-2
.icon-play
.icon-pause
.icon-stop
.icon-previous
.icon-backward
.icon-next
.icon-forward
.icon-first
.icon-last
.icon-play-circle
.icon-pause-circle
.icon-stop-circle
.icon-backward-circle
.icon-forward-circle
.icon-loop
.icon-shuffle
.icon-search
.icon-zoom-in
.icon-zoom-out
.icon-apply
.icon-edit
.icon-pencil
.icon-pencil-2
.icon-brush
.icon-save-new
.icon-plus-2
.icon-ban-circle
.icon-minus-sign
.icon-minus-2
.icon-delete
.icon-remove
.icon-cancel-2
.icon-publish
.icon-save
.icon-ok
.icon-checkmark
.icon-new
.icon-plus
.icon-plus-circle
.icon-minus
.icon-not-ok
.icon-minus-circle
.icon-unpublish
.icon-cancel
.icon-cancel-circle
.icon-checkmark-2
.icon-checkmark-circle
.icon-info
.icon-info-2
.icon-info-circle
.icon-question
.icon-question-sign
.icon-help
.icon-question-2
.icon-question-circle
.icon-notification
.icon-notification-2
.icon-notification-circle
.icon-pending
.icon-warning
.icon-warning-2
.icon-warning-circle
.icon-checkbox-unchecked
.icon-checkin
.icon-checkbox
.icon-checkbox-checked
.icon-checkbox-partial
.icon-square
.icon-radio-unchecked
.icon-radio-checked
.icon-circle
.icon-signup
.icon-grid
.icon-grid-view
.icon-grid-2
.icon-grid-view-2
.icon-menu
.icon-list
.icon-list-view
.icon-list-2
.icon-menu-3
.icon-folder-open
.icon-folder
.icon-folder-close
.icon-folder-2
.icon-folder-plus
.icon-folder-minus
.icon-folder-3
.icon-folder-plus-2
.icon-folder-remove
.icon-file
.icon-file-2
.icon-file-add
.icon-file-plus
.icon-file-remove
.icon-file-minus
.icon-file-check
.icon-file-remove
.icon-save-copy
.icon-copy
.icon-stack
.icon-tree
.icon-tree-2
.icon-paragraph-left
.icon-paragraph-center
.icon-paragraph-right
.icon-paragraph-justify
.icon-screen
.icon-tablet
.icon-mobile
.icon-box-add
.icon-box-remove
.icon-download
.icon-upload
.icon-home
.icon-home-2
.icon-out-2
.icon-new-tab
.icon-out-3
.icon-new-tab-2
.icon-link
.icon-picture
.icon-image
.icon-pictures
.icon-images
.icon-palette
.icon-color-palette
.icon-camera
.icon-camera-2
.icon-video
.icon-play-2
.icon-video-2
.icon-youtube
.icon-music
.icon-user
.icon-users
.icon-vcard
.icon-address
.icon-share-alt
.icon-out
.icon-enter
.icon-exit
.icon-comment
.icon-comments
.icon-comments-2
.icon-quote
.icon-quotes-left
.icon-quote-2
.icon-quotes-right
.icon-quote-3
.icon-bubble-quote
.icon-phone
.icon-phone-2
.icon-envelope
.icon-mail
.icon-envelope-opened
.icon-mail-2
.icon-unarchive
.icon-drawer
.icon-archive
.icon-drawer-2
.icon-briefcase
.icon-tag
.icon-tag-2
.icon-tags
.icon-tags-2
.icon-options
.icon-cog
.icon-cogs
.icon-screwdriver
.icon-tools
.icon-wrench
.icon-equalizer
.icon-dashboard
.icon-switch
.icon-filter
.icon-purge
.icon-trash
.icon-checkedout
.icon-lock
.icon-locked
.icon-unlock
.icon-key
.icon-support
.icon-database
.icon-scissors
.icon-health
.icon-wand
.icon-eye-open
.icon-eye
.icon-eye-close
.icon-eye-blocked
.icon-eye-2
.icon-clock
.icon-compass
.icon-broadcast
.icon-connection
.icon-wifi
.icon-book
.icon-lightning
.icon-flash
.icon-print
.icon-printer
.icon-feed
.icon-calendar
.icon-calendar-2
.icon-calendar-3
.icon-pie
.icon-bars
.icon-chart
.icon-power-cord
.icon-cube
.icon-puzzle
.icon-attachment
.icon-paperclip
.icon-flag-2
.icon-lamp
.icon-pin
.icon-pushpin
.icon-location
.icon-shield
.icon-flag
.icon-flag-3
.icon-bookmark
.icon-bookmark-2
.icon-heart
.icon-heart-2
.icon-thumbs-up
.icon-thumbs-down
.icon-unfeatured
.icon-asterisk
.icon-star-empty
.icon-star-2
.icon-featured
.icon-default
.icon-star
.icon-smiley
.icon-smiley-happy
.icon-smiley-2
.icon-smiley-happy-2
.icon-smiley-sad
.icon-smiley-sad-2
.icon-smiley-neutral
.icon-smiley-neutral-2
.icon-cart
.icon-basket
.icon-credit
.icon-credit-2

But don’t just take our word...

I cannot express how pleased I am with this company, their services and quality of work. They finished my project in record time and were in direct communication with me the entire time. I've already emailed them asking to send me an entire list of their services! Will definitely use them again when I can. Fantastic experience. Wish every company was like this! 5 STARS!

Creek Stewart
Survival Instructor /Author/TV Personality

What Can We Do For You?

We’d love to talk to you about your website ideas and work with you to achieve your goals. Whether you know exactly what you need or have absolutely no idea where to start....