# Load a SCSS image in \<img\> tag

**URL:** https://meta.discourse.org/t/load-a-scss-image-in-img-tag/113519
**Category:** Development
**Created:** [5 april 2019 om 08:37 UTC](https://meta.discourse.org/t/load-a-scss-image-in-img-tag/113519 "2019-04-05T08:37:36Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![epalley](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/epalley/32/137526_2.png) [@epalley](https://meta.discourse.org/u/epalley)
#### Post date: [5 april 2019 om 08:37 UTC](https://meta.discourse.org/t/load-a-scss-image-in-img-tag/113519/1 "2019-04-05T08:37:36Z")

</div>

Hello folks,

I’m creating a theme for my community those few days, and I have a little problem.  
I would like to put a banner on the top of my Discourse. And my problem occurs when I want to put an already uploaded image (my logo) in that banner.

I’ve already tried a way like this :

> `<img src="$my_logo">`

And this :

> In the HTML  
> `<div id="my_logo"></div>`  
> In the CSS  
> `#my_logo { background-image: url("$my_logo"); }`

But unfortunately… none of this ways are functional.

Have you any ideas or clues to help me with this issue ?

Thank you !!

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [5 april 2019 om 16:44 UTC](https://meta.discourse.org/t/load-a-scss-image-in-img-tag/113519/2 "2019-04-05T16:44:40Z")

</div>

Try removing the quotes, use

```css
#my_logo { background-image: url($my_logo); }

```

You can’t use SCSS in HTML — your first example won’t work. You’d have to upload the image to your forum and use the direct URL.