# A Gift

**URL:** <https://community.glideapps.com/t/a-gift/14871>\
**Category:** Project Showcase\
**Created:** [August 28, 2020, 8:20am UTC](https://community.glideapps.com/t/a-gift/14871 "2020-08-28T08:20:02Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![John\_Cabrera](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/john_cabrera/32/2066_2.png) [@John\_Cabrera](https://community.glideapps.com/u/John_Cabrera)\
**Post date:** [August 28, 2020, 8:20am UTC](https://community.glideapps.com/t/a-gift/14871/1 "2020-08-28T08:20:02Z")

</div>

Hey friends. This is for anyone who needs it. A PNG with alpha channel of that standard avatar that appears on the sidebar if the user has no profile picture. I’ve actually come to really love the look of that thing, and since I make it optional for users to upload a profile picture, I wanted a way to display that same avatar in other areas of my app if they didn’t have one… to keep things consistent. Perhaps some of you would like to do the same.

Just bring this into photoshop or any other image editor, and add a color overlay of your theme’s accent color. Enjoy.

 ![Glide_Avatar](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/f/f38dad5b90a5a9121883db8f6cef2d6144260254.png)

---

<div class="post-metadata">

**Author:** ![John\_Cabrera](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/john_cabrera/32/2066_2.png) [@John\_Cabrera](https://community.glideapps.com/u/John_Cabrera)\
**Post date:** [August 28, 2020, 8:22am UTC](https://community.glideapps.com/t/a-gift/14871/2 "2020-08-28T08:22:15Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/e/e0f00255fa2385737c557ed646fa2947cccfffeb.jpeg)

An example of what I mean, in case what I’m describing is unclear.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 28, 2020, 8:24am UTC](https://community.glideapps.com/t/a-gift/14871/3 "2020-08-28T08:24:18Z")

</div>

That’s lovely!

To add to this, Cloudinary supports a native coloring scheme.

I uploaded the image to Imgur: [https://i.imgur.com/KqiOCRH.png](https://i.imgur.com/KqiOCRH.png)

And here’s the template to change the color:

[https://res.cloudinary.com/](https://res.cloudinary.com/)[your user name]/image/fetch/e\_colorize,co\_[your desired color]/[https://i.imgur.com/KqiOCRH.png](https://i.imgur.com/KqiOCRH.png)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 28, 2020, 8:25am UTC](https://community.glideapps.com/t/a-gift/14871/4 "2020-08-28T08:25:13Z")

</div>

Quick demonstrations:

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/2/2d0fb68b78f1d6ca636741494496a09c6dd76c0c.png)

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/e/e3290db7e3cb3a79b8c399d655e293d5294b343d.png)

---

<div class="post-metadata">

**Author:** ![John\_Cabrera](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/john_cabrera/32/2066_2.png) [@John\_Cabrera](https://community.glideapps.com/u/John_Cabrera)\
**Post date:** [August 28, 2020, 8:31am UTC](https://community.glideapps.com/t/a-gift/14871/6 "2020-08-28T08:31:01Z")

</div>

@ThinhDinh brilliant! Both in your idea and the colors chosen! Ha!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 28, 2020, 9:05am UTC](https://community.glideapps.com/t/a-gift/14871/7 "2020-08-28T09:05:57Z")

</div>

Updated the Imgur links 😉
