# SVG · Tech watch

[Canonical source](<https://sebastien.rigaux.be/en/tech-watch/tags/svg>)

The Web’s vector format for icons, illustrations and graphics.

## [CSS icons as design tokens, without extra markup](<https://sebastien.rigaux.be/en/tech-watch/links/css-icons-as-design-tokens-without-extra-markup>)

Lea Verou proposes treating icons as **CSS design tokens**: custom properties assign them to pseudo-elements, where SVG masks render them without adding markup. Components can then select or override an icon based on state, theme, or context, while keeping definitions centralized in the design system.

There are trade-offs: masking mainly suits monochrome icons, URLs and registered properties behave inconsistently across browsers, and Safari needs workarounds. The post explains these constraints and introduces `@nudeui/icons`, a package that brings the system together.

2026-10-22 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/css-icons-as-design-tokens-without-extra-markup.md>) · [Original resource](<https://lea.verou.me/blog/2026/icons/>)

## [Search thousands of brand SVG icons with theSVG](<https://sebastien.rigaux.be/en/tech-watch/links/search-thousands-of-brand-svg-icons-with-thesvg>)

TheSVG catalogs searchable brand icons in SVG with integrations for several frameworks. It also offers a CLI, CDN, and MCP server for retrieving assets.

2026-03-16 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/search-thousands-of-brand-svg-icons-with-thesvg.md>) · [Original resource](<https://thesvg.org/>)

## [QuickPic: convert and prepare small web images](<https://sebastien.rigaux.be/en/tech-watch/links/quickpic-convert-and-prepare-small-web-images>)

QuickPic collects utilities for converting SVG to PNG, making square images and rounding corners. It provides focused operations for quickly preparing visuals.

2024-11-10 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/quickpic-convert-and-prepare-small-web-images.md>) · [Original resource](<https://quickpic.t3.gg/>)