DEV Community

Cover image for How do you list social media links on a website without using icons?
Kelvin Wangonya
Kelvin Wangonya

Posted on

How do you list social media links on a website without using icons?

I know the easiest way to list social media links is to use icons representing the respective platforms, but have you tried doing it without icons or seen it in the wild? Something more than just a plain list like :

I'm looking for styling inspiration.

Latest comments (8)

Collapse
 
sym profile image
Ryan Carter

I've seen things like [tw] @username as a low level kind of icon

Collapse
 
wangonya profile image
Kelvin Wangonya

Interesting 😄 I'm thinking something like:

🐦 - twitter
👨🏽‍💻 - github
💼 - linkedin

...right? 😅 Of course having the names show on hover or something...
It would be a bit harder for some users to get it but it's a really fun idea.

Collapse
 
iceorfiresite profile image
Ice or Fire

Why not use icons for social media links? The user recognizes the icons for FB/Twitter/IG/etc. and knows exactly what to expect so it seems like a best practice to me.

Collapse
 
wangonya profile image
Kelvin Wangonya

I agree that using icons is the best way. I just want to see other ways people have done it.

Collapse
 
nataliedeweerd profile image
𝐍𝐚𝐭𝐚𝐥𝐢𝐞 𝐝𝐞 𝐖𝐞𝐞𝐫𝐝

Not specifically social media links, but here are some nice text link hover animations on tympanus: tympanus.net/Development/CreativeL...

Collapse
 
wangonya profile image
Kelvin Wangonya

Awesome resource. The link effects are really nice. I'll definitely be using some of these in my projects. Thanks.

Collapse
 
lelamanolio profile image
Lela • Edited

I immediately thought of CSS Tricks footer social links!
I hope it helps 😊

Collapse
 
wangonya profile image
Kelvin Wangonya

Yeah! I'd never noticed it. Looks awesome. Thanks 😀