dev-icons: tech and brand logos for Claude
Give Claude 189 tech and brand logos as ready-made tiles. Ask for a README tech-stack banner, slide-ready PNGs or an animated intro, and Claude builds the file for you. Everything runs inside the skill, with nothing downloaded.
Install
Pick where you use Claude. You only need one of these.
- In the Claude Code chat box, type
/plugins(with an s) and press Enter. The Manage plugins dialog opens. - Go to the Marketplaces tab, enter
Hirusha-Nikson/pro-icons-skilland add it. It shows up as pro-icons. - Switch to the Plugins tab, find Dev Icons (
dev-icons) and click Install. - Choose the scope that installs it for you in all your projects, not Install locally, which only covers the current repository.
Or open the install screen in VS Code
Start a new conversation afterwards. The skill appears as dev-icons:dev-icons.
- Turn on Code execution and file creation in claude.ai Settings.
- Open Customize in the left sidebar and go to the Plugins tab.
- Click Add, choose Add marketplace, and under Add from a repository enter
Hirusha-Nikson/pro-icons-skill. - Open the Discover tab, find Dev Icons and click Add, then start a new chat.
Plugins need a paid plan (Pro, Max, Team or Enterprise).
Having trouble adding the plugin? Upload the skill instead.
- Turn on Code execution and file creation in claude.ai Settings.
- Download dev-icons.zip from the latest release.
- Go to Settings → Capabilities → Skills, click Upload skill and choose the zip.
- Make sure the skill is switched on, then start a new chat.
In a Claude Code session:
/plugin marketplace add Hirusha-Nikson/pro-icons-skill
/plugin install dev-icons@pro-iconsOr from your shell:
claude plugin marketplace add Hirusha-Nikson/pro-icons-skill
claude plugin install dev-icons@pro-iconsTo get later versions, run /plugin marketplace update pro-icons.
What to ask Claude
Ask in plain language. Claude looks up the icons, runs the right script and gives you the file.
Make a tech stack banner for my README: React, TypeScript, Node and Postgres.
I need Docker, Kubernetes and Terraform logos as PNGs for my slides.
Create an animated intro showing Python, FastAPI and Redis for my video.
Add a skills section with my stack to my portfolio site, using light tiles.
All 189 icons
Click icons to build a stack, then copy a ready-made prompt or command. Search by name or alias, so k8s, pg and node all work.
Restrictive licence (non-commercial or brand's own terms). See the licence note below.
Good to know
Missing a logo?
Some brands asked Simple Icons to remove their logos, so these aren't included: AWS, Azure, DynamoDB, VS Code, Windows, C#, PowerShell, Playwright, Heroku, Slack and OpenAI. Claude tells you when an icon isn't available instead of drawing a substitute.
Request a logo (it has to exist on simpleicons.org).
Licences and trademarks
The code and tile designs are MIT. The logos are not: they come from Simple Icons, and a few have their own licences, such as Vue, Sass and Tauri, which are non-commercial only.
All logos are trademarks of their owners. Use them only to refer to the product, like "built with React". Full licence list
Use the scripts yourself
The skill's Python scripts work without Claude too:
cd skills/dev-icons
python scripts/compose.py react,ts,nodejs -o stack.svg