# Icons Icons are pictorial representations used in programs to convey meaning and improve visual communication and usability. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Toggle Labels With Icons - Personalizing Accessibility DevFeed: [Toggle Labels With Icons - Personalizing Accessibility]() Original publisher: [Read original article]() Author: Eevis Panula Published: 2025-06-11T04:23:15.051000Z Content type: tutorial Language: en Sources: [Eevis Blog]() Topics: [Accessibility](), [personalization](), [Icons](), [ui](), [User interface design](), [User experience (UX)](), [implementation]() Tags: [accessibility](), [how-to](), [icons](), [implementation](), [personalization](), [ui](), [users](), [ux]() ### AI overview This tutorial explains how personalization can improve accessibility by letting users toggle text labels alongside icons. It discusses why unlabeled icons can be difficult to understand for some users and outlines a settings-based implementation using a data store. ### Source excerpt As mentioned in my previous blog post, Personalizing Accessibility with Settings, accessibility for the broadest group of users often requires some personalization. What is accessible for one might not be accessible for another. In this blog post, I will discuss one example of accessibility issues that could be solved with the help of settings: Icons and the need for text labels accompanying them. As you can see from the next section, this particular issue is personal to me, and I wanted to give an example of how to solve it. Why? Icons are not universal. I can't tell you how many times I've opened an app, seen icons (without labels), and wondered what the heck they mean. Where do they lead me? What happens if I press the button with an icon? Do I get to the place I'm looking for? Or does my phone explode? Who knows. The UI is not communicating it to me. I know UX people say that it's about learning. "If you just use the app for long enough, you'll learn". But the thing is, I've had a TBI, which has affected... You guessed right, my memory. So, I find it super frustrating when there are all kinds of symbols I don't understand without text labels, and I have no idea what to do with them. These apps make me frustrated. And that's not the goal of an app, right? On the other hand, I know some people benefit from not having those labels present. Also, almost every designer I've talked to about this topic seemed to think that having text in the UI is ugly (yes, I'm exaggerating a bit.) So, I'm coming up with a solution to help both groups - those who need the labels and those who don't need them: Personalization -- a setting in the app to toggle showing labels with icons. How? This section will present one way to add this toggle in settings. It's not a complete solution, as the actual implementation varies based on your app's architectural patterns. It aims to provide guidelines on how to do things by showing one example. Settings Data Store The first step is to add settin ## A redesigned Google Fonts website helps you find fonts and icons for projects DevFeed: [A redesigned Google Fonts website helps you find fonts and icons for projects]() Original publisher: [Read original article]() Published: 2023-09-07T13:00:00Z Content type: release Language: en Sources: [Material.io - Material Design]() Topics: [Google](), [Website](), [Icons]() Tags: [google](), [icons](), [project](), [website]() ### AI overview The article announces a redesigned Google Fonts website intended to help users find fonts and icons for their projects. ### Source excerpt A redesigned Google Fonts website helps you find the right fonts and icons for your project ## Material Icons: Sehee Lee DevFeed: [Material Icons: Sehee Lee]() Original publisher: [Read original article]() Published: 2022-05-11T10:00:00Z Content type: article Language: en Sources: [Material.io - Material Design]() Topics: [Icons](), [Design system](), [Google]() Tags: [design-systems](), [designer](), [google](), [icons]() ### AI overview An interview with Sehee Lee, a Senior Visual Designer who leads icons and design systems for Google Fonts. ### Source excerpt An interview with Senior Visual Designer leading icons and design systems for Google Fonts, Sehee Lee ## The Overcast Redesign: Part One DevFeed: [The Overcast Redesign: Part One]() Original publisher: [Read original article]() Author: Marco Arment Published: 2022-03-25T14:57:51Z Content type: release Language: en Sources: [Marco.org]() Topics: [App](), [ui](), [iOS](), [screen](), [Font](), [navigation](), [Icons](), [color](), [notifications]() Tags: [bug](), [customizable](), [design](), [drag-and-drop](), [feature](), [icons](), [ios](), [notifications](), [redesign](), [update]() ### AI overview Overcast's 2022.2 update introduces the first phase of a major redesign focused on the home screen, playlist screen, typography, and spacing. It adds customizable playlist colors and icons, reordering, pinned podcasts, additional episode views, Mark as Played, special playlists, theme tint colors, and reliability improvements for notifications and background downloads. ### Source excerpt Overcast's latest update (2022.2) brings the largest redesign in its nearly-eight-year history, plus many of the most frequently requested features and lots of under-the-hood improvements. I'm pretty proud of this one. For this first and largest phase of the redesign, I focused on the home screen, playlist screen, typography, and spacing. (I plan to revamp the now-playing and individual-podcast screens in a later update.) The home screen is radically different: Home screen, before (left) and after (right). Playlists now have strong visual identities for nicer and easier navigation. Each playlist has a customizable color, and a custom icon can be selected from over 3,000 SF Symbols to match modern iOS design and the other icons within Overcast. And playlists can be manually reordered with drag-and-drop. Recently played and newly published episodes can now be displayed on the home screen for quick access, much like the widget and CarPlay experience. Podcasts can now be pinned to the top of the home-screen list. Pinned podcasts can also be manually reordered with drag-and-drop. I've also rethought the old stacked "Podcasts" and "Played Podcasts" sections to better match people's needs and expectations. Now, the toggle atop the podcast list switches between three modes: podcasts with current episodes, all followed podcasts, and inactive podcasts (those that you don't follow and therefore won't get any more episodes from, or haven't posted a new episode in a long time). The playlist screen's structure remains mostly the same, while refining the design for the modern era: Playlist screen, before (left) and after (right). Here, it's more apparent that I've replaced the system San Francisco font with an alternate variant, San Francisco Rounded, to increase legibility and better match the personality of the app. I've also added highly demanded features: By far, Overcast's most-requested feature is a Mark as Played feature. That's now available as a checkmark button on episod ## Google Fonts Adds Open Source Material Design Icons DevFeed: [Google Fonts Adds Open Source Material Design Icons]() Original publisher: [Read original article]() Published: 2021-03-02T13:00:00Z Content type: article Language: en Sources: [Material.io - Material Design]() Topics: [Google](), [Icons](), [Material Design](), [Open Source]() Tags: [fonts](), [google](), [icons](), [material-design](), [open-source]() ### AI overview Google Fonts now supports open source icons, beginning with the Material Design icon set. ### Source excerpt Google Fonts now supports open source icons, starting with the Material Design icon set ## GSOC Project TSE Week 10 DevFeed: [GSOC Project TSE Week 10]() Original publisher: [Read original article]() Published: 2017-08-12T00:00:00Z Content type: article Language: en Sources: [Front Page on ReactOS Website]() Topics: [coding](), [modules](), [Icons](), [USB](), [Shell]() Tags: [blog](), [coding](), [free](), [gsoc](), [icons](), [modules](), [open-source](), [os](), [project](), [react](), [reactos](), [usb](), [win32](), [winapi]() ### AI overview A GSOC project update describes new battery and safely removable device icons in ReactOS. It explains experimental device enumeration, icon visibility handling, attached-device lists, context-menu population, and device ejection through CM_Request_Device_Eject_Ex(). ### Source excerpt Hi, everyone! 0/ Tick-Tock is coming to an end, and the next week is perhaps the last week of coding before final evaluation starts! ;P But let's be calm and discuss what happened last week. And as promised, I managed to get some demonstrable snaps this time. So, here we go! As told in my last blog, we got some flashy new icons for the stobject modules I worked on. ## GSOC Project TSE Week 4 DevFeed: [GSOC Project TSE Week 4]() Original publisher: [Read original article]() Published: 2017-06-29T00:00:00Z Content type: article Language: en Sources: [Front Page on ReactOS Website]() Topics: [Toolbar](), [browser](), [file](), [navigation](), [Icons](), [ui](), [dialog](), [Shell]() Tags: [browser](), [dialog](), [enumeration](), [file](), [free](), [gsoc](), [icons](), [implement](), [interface](), [navigation](), [open-source](), [os](), [project](), [react](), [reactos](), [toolbar](), [ui](), [win32](), [winapi]() ### AI overview A week-four GSoC progress report describes a working prototype of ReactOS's Quick Launch band. The author implemented shell-folder initialization and enumeration, added folder-browsing UI, displayed file and folder names and icons as buttons, and integrated a context menu with the taskbar menu. ### Source excerpt Hi, everyone!! So you all are still with me? Good!! ;) As I had told last week, that this week will be rather an exciting one, and yes it indeed was. And the reason is, finally, you all will see a working (prototype) of the quick launch band. (yay!!) Let me go through chronologically, what I did this week. The first thing was to Implement the IShellFolderBand. This is a very important interface as it helps to initialize the IShellFolder and PIDL (via its InitializeSFB method) required to enumerate the folder objects. ## A New Visual Identity for Droidcon NYC 2016 - touchlab DevFeed: [A New Visual Identity for Droidcon NYC 2016 - touchlab]() Original publisher: [Read original article]() Published: 2016-05-25T14:08:48Z Content type: article Language: en Sources: [Touchlab | Enterprise Mobile Innovation & Development]() Topics: [Icons](), [format](), [Code]() Tags: [community](), [design](), [droidcon](), [elements](), [icons](), [layout](), [modular]() ### AI overview The article explains the creation of a new visual identity for Droidcon NYC 2016. It describes a flexible, modular pictographic system built from primary glyphs representing conference themes and promotional purposes, with glyphs that can be combined for session topics and other uses. ### Source excerpt Droidcon NYC is moving to a new venue with a somewhat new format, and a renewed focus on including design in the lineup. Read more.