List of Icons in the Store Locator

Table of Contents

Our store locator plugin provides a limited list of icons that you can use for various purposes. Below is the list of icons along with their corresponding CSS classes:

Icon NameCSS Class
Printicon-print
Mobileicon-mobile-alt
Mobileicon-mobile-1
Mobileicon-mobile
Mobileicon-mobile-2
Directionicon-direction-outline
Tagicon-tag
Tagicon-tag-1
Tagicon-tag-2
Staricon-star
Half Staricon-star-half
Empty Staricon-star-empty
Cancelicon-cancel
Cancelicon-cancel-1
Linkicon-link
Calendaricon-calendar
Calendaricon-calendar-1
Clockicon-clock
Equalizericon-equalizer
Searchicon-search
Searchicon-search-1
Searchicon-search-2
Zoom Inicon-zoom-in
Mailicon-mail
Mailicon-mail-1
Zoom Outicon-zoom-out
Bookmarkicon-bookmark
Plusicon-plus
Plusicon-plus-1
Minusicon-minus
Minus Circleicon-minus-circled
Backicon-back
Undoicon-undo
Locationicon-location
Locationicon-location-1
Addressicon-address
Addressicon-compass
Left Openicon-left-open-big
Left Openicon-left-open
Lefticon-left-big
Informationicon-info
Emailicon-at
Linkedinicon-linkedin
Downicon-down-open-1
Upicon-up-open
Upicon-up-open-2
Righticon-right-open
Righticon-right-open-big
Downicon-down-dir
Upicon-up-dir
Spinnericon-spin1
Globeicon-globe
Spinnericon-spin3
Chaticon-chat
Cancelicon-cancel-2
Staricon-star-1
Star Emptyicon-star-empty-1
Downicon-down-open
Upicon-up-open-1
Left Openicon-left-open-1
Start Halficon-star-half-1
Star Halficon-star-half_empty
Linkicon-link-ext
Bookmarkicon-bookmark-empty
Facebookicon-facebook
Docsicon-docs
Mailicon-mail-alt
Start Halficon-star-half-alt
Directionicon-direction
Helpicon-help
Circleicon-angle-circled-right
Shareicon-share
Addressicon-address-card-o
Addressicon-address-book
Addressicon-address-card-o
Twittericon-twitter
Facebookicon-facebook-1
Instagramicon-instagram

How to use Custom Icons? #

In addition to the limited set of icons provided by our store locator plugin, you can also use Font Awesome icons by installing the Font Awesome plugin. Once you have the plugin installed, you can easily add Font Awesome icons to your store locator.

Here’s an example of how to add a Font Awesome icon:

  1. Install the Font Awesome plugin and activate it on your WordPress site.
  2. Locate the icon you want to use from the Font Awesome library. You can find a wide range of icons on the Font Awesome website.
  3. Once you have selected the desired icon, you can use it by adding the appropriate CSS class to your HTML element.

For example, to add a Font Awesome shopping cart icon, you can use the following HTML code:

<i class="fas fa-shopping-cart"></i>