# How can I set icon background to White?

**URL:** https://community.glideapps.com/t/how-can-i-set-icon-background-to-white/4827
**Category:** Ask for Help
**Created:** [February 21, 2020, 7:25am UTC](https://community.glideapps.com/t/how-can-i-set-icon-background-to-white/4827 "2020-02-21T07:25:58Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![Hsu\_Mark](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hsu_mark/32/2716_2.png) [@Hsu\_Mark](https://community.glideapps.com/u/Hsu_Mark)
#### Post date: [February 21, 2020, 7:25am UTC](https://community.glideapps.com/t/how-can-i-set-icon-background-to-white/4827/1 "2020-02-21T07:25:58Z")

</div>

As Title, how can I set my icon background color to white?  
Thanks.

 ![Screen Shot 2020-02-21 at 3.22.37 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/9/988239e7f2484b5fa9d41ccb86ea9b9570787d8d.png)

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [February 21, 2020, 3:04pm UTC](https://community.glideapps.com/t/how-can-i-set-icon-background-to-white/4827/2 "2020-02-21T15:04:53Z")

</div>

The built in icons will change the background color based on your theme’s accent color. If you want to have a background color on your image that’s different than your theme color, then I would recommend creating your own image and uploading it.

---

<div class="post-metadata">

### Author: ![Hsu\_Mark](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hsu_mark/32/2716_2.png) [@Hsu\_Mark](https://community.glideapps.com/u/Hsu_Mark)
#### Post date: [February 22, 2020, 2:19am UTC](https://community.glideapps.com/t/how-can-i-set-icon-background-to-white/4827/3 "2020-02-22T02:19:57Z")

</div>

Thank you for your reply.  
I will try to find the correct Icon size.

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [February 22, 2020, 4:05am UTC](https://community.glideapps.com/t/how-can-i-set-icon-background-to-white/4827/4 "2020-02-22T04:05:58Z")

</div>

Size shouldn’t make much of a difference. As long as it’s square, you should be fine.

---

<div class="post-metadata">

### Author: ![Hsu\_Mark](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hsu_mark/32/2716_2.png) [@Hsu\_Mark](https://community.glideapps.com/u/Hsu_Mark)
#### Post date: [February 22, 2020, 11:51am UTC](https://community.glideapps.com/t/how-can-i-set-icon-background-to-white/4827/5 "2020-02-22T11:51:39Z")

</div>

Thank you, The problem is solved. After I set my Icon to SQUARE.

---

<div class="post-metadata">

### Author: ![CHSS](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/chss/32/6010_2.png) [@CHSS](https://community.glideapps.com/u/CHSS)
#### Post date: [April 22, 2020, 2:59pm UTC](https://community.glideapps.com/t/how-can-i-set-icon-background-to-white/4827/6 "2020-04-22T14:59:45Z")

</div>

I have an icon uploaded and it shows the accent color on the top and bottom of my icon. How can I get that to go away? I just want to see the icon of my app. Thank you.

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [April 22, 2020, 3:33pm UTC](https://community.glideapps.com/t/how-can-i-set-icon-background-to-white/4827/7 "2020-04-22T15:33:15Z")

</div>

First, PNG images have the ability to have transparent parts.

Second, the image must be square, otherwise it won’t completely fill the square placeholder and will show the underlying color.

Like stated above, you’ll need to edit your image to make sure it’s not transparent and that it has square dimensions.

---

<div class="post-metadata">

### Author: ![CHSS](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/chss/32/6010_2.png) [@CHSS](https://community.glideapps.com/u/CHSS)
#### Post date: [April 22, 2020, 3:47pm UTC](https://community.glideapps.com/t/how-can-i-set-icon-background-to-white/4827/8 "2020-04-22T15:47:33Z")

</div>

Thank you. I tried the PNG and JPG. Nothing seemed to work. So I just filled in the white around my logo with the color that I wanted and matched it to the theme.  
This is what I came up with. I also had to choose the Light theme to get it to work. I wanted to choose the Bold theme.

 ![chss logo2](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/d/d7a27ad66da8217bdeac771327dc39504ca366e0.png)

---

<div class="post-metadata">

### Author: ![CHSS](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/chss/32/6010_2.png) [@CHSS](https://community.glideapps.com/u/CHSS)
#### Post date: [April 22, 2020, 3:55pm UTC](https://community.glideapps.com/t/how-can-i-set-icon-background-to-white/4827/9 "2020-04-22T15:55:33Z")

</div>

![chss logo icon](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/3/3ac9805a874051183c4dc62f0b6d14844b59a713.png)

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [April 22, 2020, 5:17pm UTC](https://community.glideapps.com/t/how-can-i-set-icon-background-to-white/4827/10 "2020-04-22T17:17:35Z")

</div>

Why didn’t the bold theme work?