Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“icons” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: images · Subtopics: favicons (non-exhaustive) · “icons” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Anatomy of Good Icons (nng)37
videos, images, design
Icon Interpretation vs. Recognizability36
videos, images, usability
How to Build a Cohesive Icon Library for Your Design System35
how-tos, design-systems, images
The Hamburger-Menu Icon Today: Is It Recognizable? (nng)34
navigation, design, usability
Super Crispy SVG Icons (ale)33
svg, images, optimization
In Defense of Text Labels (chr)32
labels, images, usability, design
Remove the “direction” Property on Your Arrow Icons (ali)31
images, microcontent
Misleading Icons: Icon-Only-Buttons and Their Impact on Screen Readers (ale/mat)30
html, buttons, images, accessibility, screen-readers
Don’t Forget to Localize Your Icons (eri)29
localization, images, culture
You Can Use “text-wrap: balance;” on Icons (ede)28
css, images
Icon Usability: When and How to Evaluate Digital Icons (nng)27
how-tos, usability, images
Designing Design Systems: Constructing an Icon System26
design, design-systems, images, case-studies
How to Design Icons in Figma25
how-tos, images, figma, design
How Your Favourite UI Libraries Manage Their Icons (and)24
libraries, images, maintenance
Icon-Only Links Fail WCAG (tem)23
accessibility, links, wcag, images, conformance
The Many Methods for Using SVG Icons (hui)22
css, svg, images
Adding Shadows to SVG Icons With CSS and SVG Filters (css)21
css, svg, images, shadows, filters, effects
How to Design a Set of Icons20
design, images
Standards for Writing Accessibly (and/ali)19
writing, content, conventions, accessibility, user-experience, screen-readers, colors
Creating a Maintainable Icon System With Sass (tau/css)18
data-urls, maintainability, sass, css
Emojis as Icons (chr/css)17
emoji, techniques, css
Bad Icons: How to Identify and Improve Them (nng)16
how-tos, images, design, usability
Tips for Icon Usability15
videos, images, usability, tips-and-tricks
A Pretty Good SVG Icon System (chr/css)14
svg, images
Align SVG Icons to Text and Say Goodbye to Font Icons13
svg, images, icon-fonts, fonts, css, design, alignment
Are Icons Content? (chr/css)12
images, html, content
Usability Testing of Icons (nng)11
images, testing, usability
Favicons, Touch Icons, Tile Icons, Etc.—Which Do You Need? (css)10
favicons, images
Swapping Out SVG Icons (chr/css)9
svg, images, css, jquery, techniques
Unicode for a Multi-Device World (sma)8
unicode, encoding, css
CSS Architectures: New Best Practices7
css, resets, floats, image-replacement, layout
Principles of Icon Design (jon)6
principles, images, design
Icon Design: Sizing (dav)5
images, design
Icon Styled Headings (sim)4
headings, css
Icons to Go3
images, windows
Flat Design Icon Generator2
tools, exploration, images, flat-design
Icon Generator (cod)1
tools, exploration, images