Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! 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#
Making Emojis and Icons Screen Reader Accessible (pop)40
emoji, images, accessibility, screen-readers, html
Cascade Icons39
css, images
Anatomy of Good Icons (nng)38
videos, images, design
Icon Interpretation vs. Recognizability37
videos, images, usability
How to Build a Cohesive Icon Library for Your Design System36
how-tos, design-systems, images
The Hamburger-Menu Icon Today: Is It Recognizable? (nng)35
navigation, design, usability
Super Crispy SVG Icons (ale)34
svg, images, optimization
In Defense of Text Labels (chr)33
labels, images, usability, design
Remove the “direction” Property on Your Arrow Icons (ali)32
images, microcontent
Misleading Icons: Icon-Only-Buttons and Their Impact on Screen Readers (ale/mat)31
html, buttons, images, accessibility, screen-readers
Don’t Forget to Localize Your Icons (eri)30
localization, images, culture
You Can Use “text-wrap: balance;” on Icons (ede)29
css, images
Icon Usability: When and How to Evaluate Digital Icons (nng)28
how-tos, usability, images
Designing Design Systems: Constructing an Icon System27
design, design-systems, images, case-studies
How to Design Icons in Figma26
how-tos, images, figma, design
How Your Favourite UI Libraries Manage Their Icons (and)25
libraries, images, maintenance
Icon-Only Links Fail WCAG (tem)24
accessibility, links, wcag, images, conformance
The Many Methods for Using SVG Icons (hui)23
css, svg, images
Adding Shadows to SVG Icons With CSS and SVG Filters (css)22
css, svg, images, shadows, filters, effects
How to Design a Set of Icons21
design, images
Standards for Writing Accessibly (and/ali)20
writing, content, conventions, accessibility, user-experience, screen-readers, colors
Creating a Maintainable Icon System With Sass (tau/css)19
data-urls, maintainability, sass, css
Emojis as Icons (chr/css)18
emoji, techniques, css
Bad Icons: How to Identify and Improve Them (nng)17
how-tos, images, design, usability
Tips for Icon Usability16
videos, images, usability, tips-and-tricks
A Pretty Good SVG Icon System (chr/css)15
svg, images
Align SVG Icons to Text and Say Goodbye to Font Icons (pro)14
svg, images, icon-fonts, fonts, css, design, alignment
Are Icons Content? (chr/css)13
images, html, content
The Hamburger Icon Debate12
mobile, images, design-patterns
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