Demo
The names below arrive the way a CSV delivers them: multi-word, informal, and missing their domains. Each logo loads live fromimg.logo.dev/name/ the moment the row renders. Type your own company name in the last row to test a lookup.
Build it with AI
Want logos for a list of company names in your app? This prompt gives your AI coding tool everything it needs to build it in your framework.
Code
This example is in React, but you can get the same result in any frontend framework: the lookup is one image URL, and the only logic is encoding the name. PasteNameLogo.tsx, then render a list as the Usage tab shows.
Your publishable key is built for client-side code, so
you can ship it in the browser as-is.
How it works
- One URL resolves a name to its logo.
img.logo.dev/name/:nameruns the text through the same index as the Search API and returns the top match’s logo in one request. The name lookup reference covers matching behavior. - A miss still renders. Names the index can’t match come back as a generated monogram, so a long list never shows a broken image. Add
fallback=404to catch misses in code instead. See fallback images. - The standard parameters carry over.
size,retina=true, andformat=webpwork on name URLs the same way they work on domain URLs. See all image parameters. - Encoding is the component’s only logic. It URL-encodes each name so spaces, ampersands, and punctuation survive the path.
Make it your own
- Let people pick when names are ambiguous. Name lookup commits to the top match, so use the company autocomplete pattern when a person is there to choose.
- Handle misses yourself. Add
fallback=404and an error path like the logo from a domain component to swap monograms for your own avatar. - Tune the image. Add
themeorgreyscalefrom the image parameters list.
Next steps
Name lookup reference
Read the encoding rules, parameters, and matching behavior for the name endpoint.
Logo from a domain
Add dark mode handling and a custom fallback when you have clean domains.