HTML Text Icons - Visuals Without the Page Weight

Chris Drinkut
Oct 7, 2016 · 1 min read

Building sites with performance in mind can mean opting for text over images. Text icons provide a means for adding visuals without the page weight.


Nifty arrows and symbols in HTML can add some visual options. Here are a few for illustrative purposes.

⛱
☂
★
☆
☰

Click to Result tab below to see a few of the icons in action.

Click over to Result to see the icons in action

What text icons are you using?

Here’s an html icons list from W3C. There are some pretty fun and useful icons here to choose from.

Chris Drinkut

Written by

Digital Marketing Analyst 💼 📊💡🗞️ Delivering Insights & Unearthing Overlooked Opportunities in Digital Marketing, SEO, PPC, & CRO.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade