> ## Content Index
> Fetch the complete content index at: https://gothru.co/docs/llms.txt
> Use this file to discover other available public pages before exploring further.

# How to use the free animated icons from Lordicon.com as hotspots in GoThru
- URL: https://gothru.co/docs/how-to-change-the-hotspot-icon-using-a-lordicon-com-custom-image/
- Published: 2022-09-03T09:40:17.000Z
- Updated: 2022-09-04T01:42:10.000Z
- Description: Now you are going to look at how to change the whole hotspot icon using a custom image from lordicon.com for free.
- Author: Syafriko Yuliusman
- Tags: Virtual tour editor, Hotspot

GoThru partnered with [Lordicon](https://lordicon.com/?ref=gothru.co) to allow GoThru photographers to use their free animated icons in their Virtual Tours.

### **The following tutorial will show you how to change the hotspot Icon using a custom image.**

1\. First, add a hotspot to the overlay. Go to the **plugin manager** on the left and click on the “+” icon then select hotspot.

![](https://lh3.googleusercontent.com/ZmY8bKWNbbmeK0c5CnyPSzg54TRXDcViZcczrtJ7QnlfWM1J59nnyl5EgcjrA02P6voDmj56z_81p0PB3BIPrAUchNPf9_NrCF65Fj569h65MqtEjs2-fi1mh6mFk44zRvOqfa7MEF8mb5YkFAFb7uM)

2\. Click on the hotspot icon to open up its settings on the right side. The settings have four sections - content, hotspot, colors and styles.

![](https://lh6.googleusercontent.com/vvZEo0yd8DC96joyi0HUguHx05T7T3axJmcY8Y7iY-jco2Nt2Vr54pbtlMI6ZBJ5OHVzL_yDXx2Igq8EI9i8PhQ8TUAerU5s4kzThs1NXMrEDM-E2aCry9D1XHk3NXOB9zGsZHj5AGk2GcJDa02WRpY)

3\. To change the icon, navigate to the **hotspot** section.

![](https://lh5.googleusercontent.com/e0JGLEtf79AmhbWSlqWWJVBKGEvDvuxXQk6iNhOnfu7TSfkKKI28Bk0gfm4cdN5JotM529UY8kBkiY4GlTONJX2ODX_HbE72Ipu5ySoWPklYEcOFuL4bfc_bup1hwaHSSv6Wjcyp69ZFy_rstedDX14)

4\. Under the hotspot section, you can navigate to the **hotspot icon image** and switch on the toggle.

![](https://lh3.googleusercontent.com/WHw9CtyRXFwAevEJvlKhXdoA0K8bIQi9Lc0AaXMWgLhG8nbHR3WlpfL4DkOJD6sQA4kKkAcLHnteTSUvP5EdOyfv2Q2jmjFew4ndrq7CZliud0klgcwFzgmhKlTKlSkPLm8FrQSiDWoz-eT3EgRqln8)

5\. Once you switch on the toggle, it will open the icon menu - **hotspot icon source** and **hotspot icon size**.

![](https://lh3.googleusercontent.com/o6GWWMP9233XOicxtP50GCaRX0N2gLHaRJvCm0AhBZue8C3mKqnMzw9FndVW2Mq4gCLaiEeDsNglCee7dZ1VO-e8B3Fe1vL8wngvSCoQCFFzbjLikZpGUDiwMBDbjN314cvMk_aitjwFM_1zakrhrHPUoMgG3WwmnMmsE-130Dh5_tQgPSSrx1jj)

6\. Click on the **Hotspot Icon Source** to select an icon from **Asset Manager > Global Asset > Lordicon.com free**. Once you select an image, it will replace the entire default icon as shown in the example below.

![](https://lh6.googleusercontent.com/1BN8W6q76Dz2_XtnT0JmsvQr1AbLX72-xPoX8VY84vPr-Jk4-Xkq9sp5h-XtpXCUX4XMyZeMYazTHL0JxQR45B3pqLHwN5iNJAlHI4ztuUXYQkvXqEuPaf0Wh0Esb5CN_3Hlr-0iEiPOUjtdrEQJuBT8SAnzqLCaD-2ZOdOFthHBylY-AY7bESawRA)

7\. You can use the **hotspot icon size** slider to adjust the size of the hotspot icon.

![](https://lh6.googleusercontent.com/aRgsiy4IVxWr9mA2rZCGb9RrvEkPVU5lDcAKAAnx4KxT-kikUL5LhWqQPrqs74m0503fboDvmghDgfRs3GZ0PUmcNAchN-A0WEf68E4yMzvxkl1TPCkhYdu5kh2UXTLcMfutret-5P0dGyHEoBitqNM)

8\. Hit **Save** and **Publish** to apply the custom image.

![](https://lh5.googleusercontent.com/xgMu_I0DLmrkTFMrVDWaif3pcvWDDtvVO18rQoWswLM95c5rGWy02CnxehGC5aCCaHO72bxU-nBRvKJViJkA1dnS2umhIwx5A7tm0D8WIYnT2Bu52lbo77kJXT0PMyJ2SDKGBhTDYUQnjWpNL5u6m9Nvv9I6jTUoRad88cdrZE5dRtXEjI-aeJBk5w)