# How to show social media icons, like Instagram and Twitter, with link?

**URL:** https://community.glideapps.com/t/how-to-show-social-media-icons-like-instagram-and-twitter-with-link/1117
**Category:** Ask for Help
**Created:** [October 12, 2019, 2:13pm UTC](https://community.glideapps.com/t/how-to-show-social-media-icons-like-instagram-and-twitter-with-link/1117 "2019-10-12T14:13:45Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![peimish](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/peimish/32/843_2.png) [@peimish](https://community.glideapps.com/u/peimish)
#### Post date: [October 12, 2019, 2:13pm UTC](https://community.glideapps.com/t/how-to-show-social-media-icons-like-instagram-and-twitter-with-link/1117/1 "2019-10-12T14:13:45Z")

</div>

I’d like to make link components with SNS icons like below:  
 ![41](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/1X/a03f68baa01bcd745045a17400933a99799488fc.png)  
This is from [here](https://neonmoireshow.glideapp.io/).

I tried to change link icon, but I didn’t.  
How to show SNS icons, like instagram and twitter, with link?

Thanks,

---

<div class="post-metadata">

### Author: ![George\_B](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/george_b/32/534_2.png) [@George\_B](https://community.glideapps.com/u/George_B)
#### Post date: [October 12, 2019, 4:07pm UTC](https://community.glideapps.com/t/how-to-show-social-media-icons-like-instagram-and-twitter-with-link/1117/2 "2019-10-12T16:07:26Z")

</div>

Just add the url’s to the cells and Glide recognizes the destination and defaults to those Icons.

---

<div class="post-metadata">

### Author: ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)
#### Post date: [October 12, 2019, 4:31pm UTC](https://community.glideapps.com/t/how-to-show-social-media-icons-like-instagram-and-twitter-with-link/1117/3 "2019-10-12T16:31:58Z")

</div>

Probably a dumb q, but what is SNS?

---

<div class="post-metadata">

### Author: ![peimish](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/peimish/32/843_2.png) [@peimish](https://community.glideapps.com/u/peimish)
#### Post date: [October 12, 2019, 4:33pm UTC](https://community.glideapps.com/t/how-to-show-social-media-icons-like-instagram-and-twitter-with-link/1117/4 "2019-10-12T16:33:12Z")

</div>

@George_B  
Oh, my gosh…  
That’s the only way I didn’t try…lol  
Glide is really smart!

Thanks, a lot!

---

<div class="post-metadata">

### Author: ![George\_B](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/george_b/32/534_2.png) [@George\_B](https://community.glideapps.com/u/George_B)
#### Post date: [October 12, 2019, 4:33pm UTC](https://community.glideapps.com/t/how-to-show-social-media-icons-like-instagram-and-twitter-with-link/1117/5 "2019-10-12T16:33:22Z")

</div>

I wondered that too, I just thought it was a typo or a translation thing. But good question.

---

<div class="post-metadata">

### Author: ![peimish](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/peimish/32/843_2.png) [@peimish](https://community.glideapps.com/u/peimish)
#### Post date: [October 12, 2019, 4:37pm UTC](https://community.glideapps.com/t/how-to-show-social-media-icons-like-instagram-and-twitter-with-link/1117/6 "2019-10-12T16:37:06Z")

</div>

@George_B @yinon_raviv

SNS means social media in Japanese.  
I didn’t know “SNS” could not be made sense…  
Thank you for pointing!lol

---

<div class="post-metadata">

### Author: ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)
#### Post date: [October 12, 2019, 4:40pm UTC](https://community.glideapps.com/t/how-to-show-social-media-icons-like-instagram-and-twitter-with-link/1117/7 "2019-10-12T16:40:14Z")

</div>

what do you mean by social media? what are you trying to do? what will the components you’re trying to add will do?

---

<div class="post-metadata">

### Author: ![fredbrown1971](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fredbrown1971/32/1381_2.png) [@fredbrown1971](https://community.glideapps.com/u/fredbrown1971)
#### Post date: [November 6, 2019, 8:09pm UTC](https://community.glideapps.com/t/how-to-show-social-media-icons-like-instagram-and-twitter-with-link/1117/8 "2019-11-06T20:09:53Z")

</div>

Hi Peimish,

I know i’m a little late to this conversation but how do I get those icons, are they free, can you change the color of the background? Any information on the best way to get them would be helpful!!

Thank You  
Fred

---

<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: [November 6, 2019, 8:37pm UTC](https://community.glideapps.com/t/how-to-show-social-media-icons-like-instagram-and-twitter-with-link/1117/9 "2019-11-06T20:37:39Z")

</div>

They are automatic when using a link component. The link address will determine the icon. The color is determined by your theme’s color scheme.

---

<div class="post-metadata">

### Author: ![Les\_Henderson](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/les_henderson/32/1142_2.png) [@Les\_Henderson](https://community.glideapps.com/u/Les_Henderson)
#### Post date: [November 6, 2019, 9:07pm UTC](https://community.glideapps.com/t/how-to-show-social-media-icons-like-instagram-and-twitter-with-link/1117/10 "2019-11-06T21:07:50Z")

</div>

Not just in Japan. SNS stands for social networking service.

> **[Social Networking Service—SNS](https://www.investopedia.com/terms/s/social-networking-service-sns.asp)**
>
> A social networking service (SNS) is an online vehicle for creating relationships with other people who share an interest, background, or real relationship.

We just shortened it to social network but it really should be a SIN, social information network. Ha.

---

<div class="post-metadata">

### Author: ![Les\_Henderson](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/les_henderson/32/1142_2.png) [@Les\_Henderson](https://community.glideapps.com/u/Les_Henderson)
#### Post date: [November 6, 2019, 9:10pm UTC](https://community.glideapps.com/t/how-to-show-social-media-icons-like-instagram-and-twitter-with-link/1117/11 "2019-11-06T21:10:00Z")

</div>

Likely just direct links to the person’s profiles, in the same way you link to a website.

---

<div class="post-metadata">

### Author: ![Ricardo\_Limpias](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ricardo_limpias/32/7332_2.png) [@Ricardo\_Limpias](https://community.glideapps.com/u/Ricardo_Limpias)
#### Post date: [June 23, 2020, 10:44pm UTC](https://community.glideapps.com/t/how-to-show-social-media-icons-like-instagram-and-twitter-with-link/1117/12 "2020-06-23T22:44:45Z")

</div>

I wrote the links, but doesn’t appear the icons.  
what should I do? ![Captura de Pantalla 2020-06-23 a la(s) 18.43.58](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/6/68e80a0339f8367856be07cdc45c9a4442e439bd.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: [June 27, 2020, 1:39am UTC](https://community.glideapps.com/t/how-to-show-social-media-icons-like-instagram-and-twitter-with-link/1117/13 "2020-06-27T01:39:27Z")

</div>

Are you using a link component?
