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 Name | CSS Class |
icon-print | |
Mobile | icon-mobile-alt |
Mobile | icon-mobile-1 |
Mobile | icon-mobile |
Mobile | icon-mobile-2 |
Direction | icon-direction-outline |
Tag | icon-tag |
Tag | icon-tag-1 |
Tag | icon-tag-2 |
Star | icon-star |
Half Star | icon-star-half |
Empty Star | icon-star-empty |
Cancel | icon-cancel |
Cancel | icon-cancel-1 |
Link | icon-link |
Calendar | icon-calendar |
Calendar | icon-calendar-1 |
Clock | icon-clock |
Equalizer | icon-equalizer |
Search | icon-search |
Search | icon-search-1 |
Search | icon-search-2 |
Zoom In | icon-zoom-in |
icon-mail | |
icon-mail-1 | |
Zoom Out | icon-zoom-out |
Bookmark | icon-bookmark |
Plus | icon-plus |
Plus | icon-plus-1 |
Minus | icon-minus |
Minus Circle | icon-minus-circled |
Back | icon-back |
Undo | icon-undo |
Location | icon-location |
Location | icon-location-1 |
Address | icon-address |
Address | icon-compass |
Left Open | icon-left-open-big |
Left Open | icon-left-open |
Left | icon-left-big |
Information | icon-info |
icon-at | |
icon-linkedin | |
Down | icon-down-open-1 |
Up | icon-up-open |
Up | icon-up-open-2 |
Right | icon-right-open |
Right | icon-right-open-big |
Down | icon-down-dir |
Up | icon-up-dir |
Spinner | icon-spin1 |
Globe | icon-globe |
Spinner | icon-spin3 |
Chat | icon-chat |
Cancel | icon-cancel-2 |
Star | icon-star-1 |
Star Empty | icon-star-empty-1 |
Down | icon-down-open |
Up | icon-up-open-1 |
Left Open | icon-left-open-1 |
Start Half | icon-star-half-1 |
Star Half | icon-star-half_empty |
Link | icon-link-ext |
Bookmark | icon-bookmark-empty |
icon-facebook | |
Docs | icon-docs |
icon-mail-alt | |
Start Half | icon-star-half-alt |
Direction | icon-direction |
Help | icon-help |
Circle | icon-angle-circled-right |
Share | icon-share |
Address | icon-address-card-o |
Address | icon-address-book |
Address | icon-address-card-o |
icon-twitter | |
icon-facebook-1 | |
icon-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:
- Install the Font Awesome plugin and activate it on your WordPress site.
- 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.
- 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>