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.

Discussion (9)

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 Author

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

Collapse
wangonya profile image
Kelvin Wangonya Author

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
lelamanolio profile image
Lela • Edited on

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

Collapse
wangonya profile image
Kelvin Wangonya Author

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

Collapse
rncrtr profile image
Ryan Carter

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

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 Author

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