---
title: "Accessible SVG Icons"
url: https://daily.dev/posts/accessible-svg-icons-gn701expi
source_url: https://css-tricks.com/accessible-svg-icons/
type: article
source: "CSS-Tricks"
published: 2020-12-28T21:00:51.890Z
updated: 2021-10-07T14:17:10.317Z
reading_time: 1
upvotes: 22
comments: 2
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Accessible SVG Icons

**[CSS-Tricks](https://daily.dev/sources/css_tricks)** · 1 min read · 22 upvotes · 2 comments

## Summary

There’s no need to announce the icon because the label next to it already does the job. As in, the icon is just sitting there looking pretty but it doesn’t matter if it entirely went away. So, instead of reading it, we hide it from screen readers.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://css-tricks.com/accessible-svg-icons/>

## Community discussion

Top comments from developers on daily.dev.

**@ghost** · 1 upvotes

> A super quick info on how you can make an SVG icon accessible with 3 unique takes!

**@idoshamun** · 0 upvotes

> I thought about it a while ago because it seems pretty odd to me that I don't know anything about SVG accessibility. This article made it all clear.

## Similar posts on daily.dev

- [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 0 upvotes · 0 comments
- [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments
- [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments
- [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments
- [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments

---

[View this post on daily.dev](https://daily.dev/posts/accessible-svg-icons-gn701expi)