Super Crispy SVG Icons (ale) | | 22 |
svg, images, optimization |
In Defense of Text Labels (chr) | | 21 |
labels, images, usability, design |
Remove the “direction” Property on Your Arrow Icons (ali) | | 20 |
images, microcontent |
Misleading Icons: Icon-Only-Buttons and Their Impact on Screen Readers (ale/mat) | | 19 |
html, buttons, images, accessibility, screen-readers |
Don’t Forget to Localize Your Icons (eri) | | 18 |
localization, images, culture |
You Can Use “text-wrap: balance;” on Icons (ede) | | 17 |
css, images |
Icon Usability: When and How to Evaluate Digital Icons (kat/nng) | | 16 |
how-tos, usability, images |
Designing Design Systems: Constructing an Icon System (ado) | | 15 |
design, design-systems, images, case-studies |
How to Design Icons in Figma (str) | | 14 |
how-tos, images, figma, design |
How Your Favourite UI Libraries Manage Their Icons (and/bac) | | 13 |
libraries, images, maintenance |
Icon-Only Links Fail WCAG (tem) | | 12 |
accessibility, links, wcag, images, conformance |
The Many Methods for Using SVG Icons (hui) | | 11 |
css, svg, images |
Adding Shadows to SVG Icons With CSS and SVG Filters (ola/css) | | 10 |
css, svg, images, shadows, filters, effects |
How to Design a Set of Icons (hub) | | 9 |
design, images |
Standards for Writing Accessibly (mjm+/ali) | | 8 |
writing, content, conventions, accessibility, user-experience, screen-readers, colors |
Align SVG Icons to Text and Say Goodbye to Font Icons (ell/pro) | | 7 |
svg, images, icon-fonts, fonts, css, design, alignment |
Unicode for a Multi-Device World (joh/sma) | | 6 |
unicode, encoding, css |
CSS Architectures: New Best Practices (den/sit) | | 5 |
css, resetting, floats, image-replacement, layout |
Icon Design: Sizing (dav) | | 4 |
images, design |
Icons to Go (ibm) | | 3 |
images, windows |
Icon Generator (cod) | | 2 |
tools, exploration, images |
Flat Design Icon Generator (rub) | | 1 |
tools, exploration, images, flat-design |