# I can't see my image icon changing! Help me please
**URL:** https://forum.kirupa.com/t/i-cant-see-my-image-icon-changing-help-me-please/643221
**Category:** Uncategorized
**Created:** [June 9, 2020, 1:03pm UTC](https://forum.kirupa.com/t/i-cant-see-my-image-icon-changing-help-me-please/643221 "2020-06-09T13:03:23Z")
**Posts on this page:** 9
**Page:** 1
### Author:  [@Taryar](https://forum.kirupa.com/u/Taryar)
#### Post date: [June 9, 2020, 1:03pm UTC](https://forum.kirupa.com/t/i-cant-see-my-image-icon-changing-help-me-please/643221/1 "2020-06-09T13:03:23Z")
---
### Author:  [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [June 9, 2020, 3:48pm UTC](https://forum.kirupa.com/t/i-cant-see-my-image-icon-changing-help-me-please/643221/2 "2020-06-09T15:48:44Z")
Can you share a link to the JSBin?
---
### Author:  [@senocular](https://forum.kirupa.com/u/senocular)
#### Post date: [June 9, 2020, 3:55pm UTC](https://forum.kirupa.com/t/i-cant-see-my-image-icon-changing-help-me-please/643221/3 "2020-06-09T15:55:28Z")
You’re referring to an asset with a relative url which won’t work in JS Bin. JS Bin _does_ support user-uploaded assets, but only for pro users, and the big green box in the middle of the screen shows you are not one of those 😉
---
### Author:  [@Taryar](https://forum.kirupa.com/u/Taryar)
#### Post date: [June 9, 2020, 3:56pm UTC](https://forum.kirupa.com/t/i-cant-see-my-image-icon-changing-help-me-please/643221/4 "2020-06-09T15:56:23Z")
I don’t know how to share the link but I think It may be some problems with my laptop or browser
See below in website w3schools the code work.
but in my laptop not working (same code)!
---
### Author:  [@Taryar](https://forum.kirupa.com/u/Taryar)
#### Post date: [June 9, 2020, 3:57pm UTC](https://forum.kirupa.com/t/i-cant-see-my-image-icon-changing-help-me-please/643221/5 "2020-06-09T15:57:17Z")
From [w3schools.com](http://w3schools.com) .I can see but in my js bin I can’t see
---
### Author:  [@senocular](https://forum.kirupa.com/u/senocular)
#### Post date: [June 9, 2020, 4:02pm UTC](https://forum.kirupa.com/t/i-cant-see-my-image-icon-changing-help-me-please/643221/6 "2020-06-09T16:02:08Z")
Thats because sqpurple.gif is hosted on w3schools.
[https://www.w3schools.com/cssRef/sqpurple.gif](https://www.w3schools.com/cssRef/sqpurple.gif)
It doesn’t exist on js bin, so it can’t load there.
---
### Author:  [@Taryar](https://forum.kirupa.com/u/Taryar)
#### Post date: [June 9, 2020, 4:05pm UTC](https://forum.kirupa.com/t/i-cant-see-my-image-icon-changing-help-me-please/643221/7 "2020-06-09T16:05:53Z")
Yeah. So,I should find the url which is vaild with JS bin right?
and again where can I find the preferable url for JS bin?Thanks for your attention.
---
### Author:  [@senocular](https://forum.kirupa.com/u/senocular)
#### Post date: [June 9, 2020, 4:28pm UTC](https://forum.kirupa.com/t/i-cant-see-my-image-icon-changing-help-me-please/643221/8 "2020-06-09T16:28:31Z")
JS bin is primarily for JS, not image hosting. Though, like I said, pro users can host images there (if you pay). And JS bin isn’t going to have the same images as w3schools, so there won’t be an exact equivalent.
But just for messing around, you can pull from w3schools using an absolute url. This is in bad form because you’re effectively stealing the image from another site, it shouldn’t be a big deal if you’re just messing around:
```css
list-style-image: url(https://www.w3schools.com/cssRef/sqpurple.gif);
```
Note that some sites will restrict cross-site linking like this, so it won’t work everywhere for all images.
Otherwise you’ll want to make sure that you host your images where you’re running your code. Granted this isn’t always possible like with JS bin, so an absolute url like above can be an alternative.
Another alternative is to encode the image into a string. This only works for small images (large images become unmanageable) so with what you’re doing, its a great use case. To convert an image to a string you can use a service like [https://www.base64-image.de/](https://www.base64-image.de/). Just upload the image and you’ll get a string you can use in place of the image url.
```css
list-style-image: url(data:image/gif;base64,R0lGODdhCQAJAKEAAO6C7v8A/6Ag8AAAACwAAAAACQAJAAACFISPaWLhLhh4UNIQG81zswiGIlgAADs=
);
```
This url doesn’t depend on w3schools at all. All the image information is in the css.
---
### Author:  [@Taryar](https://forum.kirupa.com/u/Taryar)
#### Post date: [June 9, 2020, 4:36pm UTC](https://forum.kirupa.com/t/i-cant-see-my-image-icon-changing-help-me-please/643221/9 "2020-06-09T16:36:19Z")
Well explained. Thanks for caring me. I’m absolute beginner and just dive in to HTML and CSS before a few weeks( come from zero level).I will note all of your explanations and I’ll try as much as I can.