Icon Test

This page is used to verify the shared Icon.tsx component across light and dark themes.

Expected behavior:

• every icon uses a 24 × 24 view box, currentColor, rounded line caps, and a 2px stroke
• icons remain centered and readable at small, default, and large sizes
• icon color follows the surrounding text color
• Search, theme toggle, reader mode, menu, and chevron icons match the icons used by the site UI

Digital Garden Icons

searchSearch

noteNote

talksTalks

libraryLibrary

moviesMovies

filesFiles

folderFolder

Sports Icons

sportActivity

bikeBike

dumbbellDumbbell

trophyTrophy

Interface Icons

book-openReader mode

menuMenu

chevron-downDisclosure

sunLight theme

moonDark theme

Size And Color Checks

16px

24px

40px

currentColor

Component Usage

import { Icon } from "./quartz/components"
 
<Icon name="library" />
<Icon name="sport" title="Sport" class="nav-icon" />