Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
icons

26 Articles
{
,

}
Direct link to the article The Proliferation and Problem of the ✨ Sparkles ✨ Icon
icons UI/IX Design

The Proliferation and Problem of the ✨ Sparkles ✨ Icon

Kate Kaplan hits on something over at Nielsen Norman Group’s blog that’s been bugging me:

The challenge with this icon is sparkle ambiguity: Participants in our recent research study generally agreed that it represented something a little special

…
Geoff Graham on Oct 3, 2024
Direct link to the article Improving Icons for UI Elements with Typographic Alignment and Scale
icons typography

Improving Icons for UI Elements with Typographic Alignment and Scale

Utilizing icons in user interface elements is helpful. In addition to element labeling, icons can help reinforce a user element’s intention to users. But I have to say, I notice a bit of icon misalignment while browsing the web. Even …

Marcel Moreau on May 17, 2022
Direct link to the article What Were the Hottest Front-End Tools in 2021?
components design tools generator icons pattern libraries

What Were the Hottest Front-End Tools in 2021?

Another year has passed and once again I’ve had the privilege of going through the Web Tools Weekly newsletter archives from the past 12 months to hunt down the front-end tools that readers found to be the most interesting during …

Louis Lazaris on Jan 17, 2022 Updated on Jan 18, 2022
Direct link to the article Icon Glassmorphism Effect in CSS
backdrop-filter filter icons mask

Icon Glassmorphism Effect in CSS

I recently came across a cool effect known as glassmorphism in a Dribble shot. My first thought was I could quickly recreate it in a few minutes if I just use some emojis for the icons without wasting time …

Ana Tudor on Nov 8, 2021 Updated on Jan 8, 2026
Direct link to the article Some New Icon Sets
icons svg icons

Some New Icon Sets

I’ve bookmarked some icon sets lately, partly because I can never find a nice set when I need to. I figured I’d even go the extra mile here and blog them so I can definitely find them later. Aside from …

Chris Coyier on Sep 29, 2020
Direct link to the article System UIcons
icons

System UIcons

This is a great collection of icons by Corey Ginnivan that’s both free and with no attribution required when you use them. The style is super simple. Each icon looks like older versions of the icons from macOS to me …

Robin Rendle on Aug 10, 2020
Direct link to the article SVG Title vs. HTML Title Attribute
accessibility icons SVG title

SVG Title vs. HTML Title Attribute

You know the title attribute? I can do this:

<div title="The Title"I'm a div with a `title`
</div

And now if I’m on a device with a mouse pointer and hover the cursor over that element, I get……

Chris Coyier on Jul 30, 2020 Updated on Aug 3, 2020
Direct link to the article Hamburger ☰ Heaven
hamburger icons

Hamburger ☰ Heaven

A pleasant little romp through iconography and culture from Sophia Lucero. The “hamburger” menu icon we’re familiar with now is really a sign from Taoist cosmology.

Besides ☰, which represents heaven 天, we have ☱ for lake/marsh 澤, ☲ for fire

…
Chris Coyier on Jan 22, 2020
Direct link to the article css.gg
css shapes icons

css.gg

I’m not sure what to call these icons from Astrit Malsija. The title is “500+ CSS Icons, Customizable, Retina Ready & API” and the URL is “css.gg” but they aren’t really named anything.

Anyway, their shtick is:

The 🌎’s first

…
Chris Coyier on Dec 18, 2019
  • 1
  • 2
  • 3
  • Older

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top