gcruz.dev · skill-icons

Ícones de tecnologia
num único SVG.

Escolha as tecnologias, copie o snippet, cole no README. 270 ícones servidos por uma URL — sem build, sem imagem para versionar, com tema claro e escuro.

Montar meu snippet Ver o catálogo Documentação da API

Montador

Busque por nome, por apelido (js, k8s, ps) ou por categoria. O preview e o snippet acompanham a seleção e o tema do topo da página.

Movimento interno ao passar o mouse, focar pelo teclado ou selecionar. SVG mantém a animação; PNG e WebP são estáticos.

Carregando o catálogo…

API

Uma rota, três parâmetros. A resposta é um único SVG com todos os ícones pedidos — é o que faz o README carregar uma imagem em vez de dez.

GET /icons

Parâmetro Valores Padrão
i ou icons IDs separados por vírgula, ou all obrigatório
t ou theme dark · light dark
perline inteiro de 1 a 50 15

ID desconhecido devolve 400 nomeando quais não existem, em vez de renderizar um espaço vazio.

Metadados

  • GET /api/icons a lista de IDs
  • GET /api/manifest cada ID e o arquivo por tema
  • GET /api/svgs todos os SVGs em JSON
  • GET /svg/<Arquivo>.svg o arquivo estático, servido pela CDN

Exemplos

Stack de back-end, tema claro

Node.js, NestJS, PostgreSQL, Redis e Docker 
https://skill-icons-gcruz.vercel.app/icons?i=nodejs,nestjs,postgresql,redis,docker&theme=light&perline=5

Duas linhas de três

React, TypeScript, Tailwind, Vite, Vercel e Figma 
https://skill-icons-gcruz.vercel.app/icons?i=react,typescript,tailwindcss,vite,vercel,figma&perline=3