[Bug] Broken Icons

[GusrifarisYudaAlhafis]

Version

1.0.7

Reproduction link

https://demos.creative-tim.com/soft-ui-dashboard-pro/pages/dashboards/default.html

Operating System

Windows 10

Device

Asus ROG GL503VD

Browser & Version

Mozila Firefox latest

Steps to reproduce

1. Go to the Live Preview of Soft UI Dashboard Free or Pro.
2. The Icons of Font Awesome is broken.

What is expected?

Icons should be display

What is actually happening?

https://kit.fontawesome.com/42d5adcbca.js is forbidden

---

Solution

Additional comments

[laandrad]

I am experiencing the same issue. The social button icons are not displaying.

[sn0wm1ku]

Experiencing same issue. Drop Down icon become cross in square.

[Rottenland]

It problably means that the kit is expired somehow. Providing own FontAwesome handle or hosting FA yourself fixes the issue, so a fix would be to generate new kit to be expected by the live preview

[alexandru-paduraru]

@GusrifarisYudaAlhafis @laandrad @sn0wm1ku @Rottenland thank you for pointing out. Font Awesome became a Paid service so the solution would be to have the Official Bootstrap Icons itegrated: https://icons.getbootstrap.com/

We will integrate them in the next release.

Till then:

1. Replace the code from
   <script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script> with <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

2. Replace the icons where you have them <i class="fas fa-search" aria-hidden="true"></i> with <i class="bi bi-search"></i>

More icons istallation can be found here: https://icons.getbootstrap.com/#install

@dragosct @marqbeniamin please note this for future updates and we also need to check other products and replace the icons.

Best,
Alex