Tool Shed · Visuals & graphics

Icon finder

Browse openly licensed icons across several sets – general UI, brand logos, and scholarly/library marks – customize them, then copy the code or the picture. Free to use, no attribution required.

Loading icons…

Icons by Lucide (ISC), Tabler (MIT), Simple Icons (CC0), and Academicons (SIL OFL) – no attribution required.

Grow your own

Building a site or system? Add the whole set.

The finder above grabs one icon at a time – when you need only a few (a LibGuide, a slide, a worksheet). This is for a whole website or system you control the code for, where you’ll use lots of icons: it wires in the entire set at once, so you can use any icon by name – offline and themeable – instead of pasting SVGs one by one. Fill in the blanks, then copy the prompt for your AI coding assistant:

I’m building… Icon set Icon color Also build a local cheatsheet page to look up icon names (search + click-to-copy)

Once it’s set up, you add an icon by writing its name in a small tag – like <i data-icon="home"></i>. To find a name: hover any icon here, tick the cheatsheet box above for a local lookup page, or ask your AI assistant for the icon you want.

AI output varies a little – yours won’t match this preview exactly, and that’s fine. Run the prompt, then refine with a quick follow-up (“make the icons a bit bigger,” “use these in my nav”) until it fits.

New to icons on the web? Two clear, openly licensed primers: MDN: Including SVG in HTML · web.dev: Icons