Badges as accessible images

Hi MBONKA,

I definitely agree! It would be really cool to have the badge images available in the image popup in the PJS coding environment.

If you're working in the webpage environment on Khan Academy, you can import the badge icons since they are hosted on Khan Academy's servers. Here are the basic badge icons:

https://cdn.kastatic.org/images/badges/meteorite.png

https://cdn.kastatic.org/images/badges/moon.png

https://cdn.kastatic.org/images/badges/sun.png

https://cdn.kastatic.org/images/badges/eclipse.png

Hope this helps!

Yep, thanks!

How would you import specific badges, instead of the general ones, such as cypress?

To find the images for specific badges, you will first need to open the badge on Khan Academy. You can view a full list of badges at this link.

Then, click the desired badge to open the information page for that badge. Right click on the badge image and select "Inspect element". This will open the element inspector in your browser developer tools. In the popup window, a line should be highlighted with a link to the badge icon.

Okay, excellent!