Icons

Logos

View as markdown

Brand marks, in their real artwork.

The sheet

Loading the catalogue.

Usage

Copy takes the SVG as it is drawn on the page, so what lands on your clipboard is what you were looking at, wordmark included if that is what the card is showing.

The library also ships a few of these as typed components, for the ones it uses itself: the sign in marks and the model marks in the Open in menu.

TypeScript

import { GoogleLogo, ClaudeMark } from "@oscarkalid/ui";
<GoogleLogo colorful className="size-6" />
<ClaudeMark className="size-5" />

Trademarks

The artwork comes from svgl, which collects these under MIT. The logos belong to the companies they name, and every card links to that company. Do not recolour a mark, stretch one, or use one to suggest a partnership that does not exist.


Last updated: 12 August 2026