Cleber-Sanches / Aikon-box

https://www.aikonbox.com.br
MIT License
5 stars 0 forks source link
### solicite ícones você pode solicitar ícones personalizados abrindo um issue.


O que é o Aikon Box?

O Aikon Box é uma aplicação desenvolvida com Node.js, projetada para oferecer uma maneira simples e eficaz de integrar ícones personalizados ao seu README do GitHub. Com esta ferramenta, você pode adicionar um toque especial ao seu perfil, destacando suas habilidades de uma forma visualmente atraente.

Como Usar o Aikon Box?

Escolhendo os icones

No seu README.md, copie a URL base:

https://www.aikonbox.com.br/icons

Ícone Único

Se deseja um único ícone, adicione um dos parâmetros ?i=, ?icones= ou ?icon= seguido do nome do ícone desejado.

Exemplo:

?i=laravel

Lista de Ícones

Caso prefira uma variedade de ícones, basta adicionar os nomes dos ícones e separe por vírgulas.

Exemplo:

?i=wordpress,prisma,materialui,webpack

Ícone Não Encontrado

Caso você insira um nome de ícone incorreto, o Aikon Box exibirá um ícone de erro padrão. Entretanto, é fácil corrigir isso! Basta seguir estas instruções:


URL Incorreta:

https://www.aikonbox.com.br/icons?i=firebase,phpp,angular,postman

URL Correta:

https://www.aikonbox.com.br/icons?i=firebase,php,angular,postman


Atualize a Página: Após corrigir a URL, atualize a página ou README. O ícone correto será exibido conforme o nome corrigido.

Personalize o Tamanho dos Ícones:

Ajuste o tamanho dos ícones conforme suas preferências utilizando o parâmetro, seguido por um número:

?size=

Exemplo: Para ícones maiores, insira números acima de 48. Para ícones menores, experimente valores abaixo de 30. Encontre o tamanho perfeito para personalizar sua experiência visual!

?i=adonisjs,reactjs,redux,cplusplus,csharp,git,typescript,sass&size=64

Limitando Ícones por Linha:

Controle quantos ícones são exibidos por linha usando o parâmetro perLine= seguido de um número. O máximo permitido é 60, enquanto o mínimo é 1.

Exemplo:

?i=vue,docker,mongodb,nestjsjs,nextjs,figma,flutter,go&size=64&p=4

Centralizando Ícones no README:

Centralize os ícones adicionando o bloco de código que os contém dentro da tag HTML <p align="center">.


<p align="center">
    <img src="https://www.aikonbox.com.br/icons?i=kotlin,postgresql,bootstrap,nodemon,ruby&size=53" />
</p>;



### Lista de Ícones Disponíveis | Ícone | Nome | Exemplo de Uso | |-------|------|------| | |
`adonisjs`
| ```https://www.aikonbox.com.br/icons?i=adonisjs```| | |
`angular`
| ```https://www.aikonbox.com.br/icons?i=angular```| | |
`aws`
| ```https://www.aikonbox.com.br/icons?i=aws```| | |
`beekeeper`
| ```https://www.aikonbox.com.br/icons?i=beekeeper```| | |
`bootstrap`
| ```https://www.aikonbox.com.br/icons?i=bootstrap```| | |
`csharp`
| ```https://www.aikonbox.com.br/icons?i=cshar```| | |
`cplusplus`
| ```https://www.aikonbox.com.br/icons?i=cplusplus```| | |
`c`
| ```https://www.aikonbox.com.br/icons?i=c```| | |
`css`
| ```https://www.aikonbox.com.br/icons?i=css```| | |
`discord`
| ```https://www.aikonbox.com.br/icons?i=discord```| | |
`docker`
| ```https://www.aikonbox.com.br/icons?i=docker```| | |
`dotenv`
| ```https://www.aikonbox.com.br/icons?i=dotenv```| | |
`expressjs`
| ```https://www.aikonbox.com.br/icons?i=expressjs```| | |
`figma`
| ```https://www.aikonbox.com.br/icons?i=figma```| | |
`firebase`
| ```https://www.aikonbox.com.br/icons?i=firebase```| | |
`flutter`
| ```https://www.aikonbox.com.br/icons?i=flutter```| | |
`git`
| ```https://www.aikonbox.com.br/icons?i=git```| | |
`github`
| ```https://www.aikonbox.com.br/icons?i=github```| | |
`go`
| ```https://www.aikonbox.com.br/icons?i=go```| | |
`html`
| ```https://www.aikonbox.com.br/icons?i=html```| | |
`illustrator`
| ```https://www.aikonbox.com.br/icons?i=illustrator```| | |
`insomnia`
| ```https://www.aikonbox.com.br/icons?i=insomnia```| | |
`javascript`
| ```https://www.aikonbox.com.br/icons?i=javascript```| | |
`jest`
| ```https://www.aikonbox.com.br/icons?i=jest```| | |
`jwt`
| ```https://www.aikonbox.com.br/icons?i=jwt```| | |
`knex`
| ```https://www.aikonbox.com.br/icons?i=knex```| | |
`kotlin`
| ```https://www.aikonbox.com.br/icons?i=kotlin```| | |
`kubernetes`
| ```https://www.aikonbox.com.br/icons?i=kubernetes```| | |
`laravel`
| ```https://www.aikonbox.com.br/icons?i=laravel```| | |
`materialui`
| ```https://www.aikonbox.com.br/icons?i=materialui```| | |
`mongodb`
| ```https://www.aikonbox.com.br/icons?i=mongodb```| | |
`mysql`
| ```https://www.aikonbox.com.br/icons?i=mysql```| | |
`nestjs`
| ```https://www.aikonbox.com.br/icons?i=nestjs```| | |
`nextjs`
| ```https://www.aikonbox.com.br/icons?i=nextjs```| | |
`nodejs`
| ```https://www.aikonbox.com.br/icons?i=nodejs```| | |
`nodemailer`
| ```https://www.aikonbox.com.br/icons?i=nodemailer```| | |
`nodemon`
| ```https://www.aikonbox.com.br/icons?i=nodemon```| | |
`notion`
| ```https://www.aikonbox.com.br/icons?i=notion```| | |
`npm`
| ```https://www.aikonbox.com.br/icons?i=npm```| | |
`photoshop`
| ```https://www.aikonbox.com.br/icons?i=photoshop```| | |
`php`
| ```https://www.aikonbox.com.br/icons?i=php```| | |
`postgresql`
| ```https://www.aikonbox.com.br/icons?i=postgresql```| | |
`postman`
| ```https://www.aikonbox.com.br/icons?i=postman```| | |
`prisma`
| ```https://www.aikonbox.com.br/icons?i=prisma```| | |
`python`
| ```https://www.aikonbox.com.br/icons?i=python```| | |
`reactjs`
| ```https://www.aikonbox.com.br/icons?i=reactjs```| | |
`redux`
| ```https://www.aikonbox.com.br/icons?i=redux```| | |
`ruby`
| ```https://www.aikonbox.com.br/icons?i=ruby```| | |
`sass`
| ```https://www.aikonbox.com.br/icons?i=sass```| | |
`swift`
| ```https://www.aikonbox.com.br/icons?i=swift```| | |
`tailwindcss`
| ```https://www.aikonbox.com.br/icons?i=tailwindcss```| | |
`typescript`
| ```https://www.aikonbox.com.br/icons?i=typescript```| | |
`vscode`
| ```https://www.aikonbox.com.br/icons?i=vscode```| | |
`vue`
| ```https://www.aikonbox.com.br/icons?i=vue```| | |
`webpack`
| ```https://www.aikonbox.com.br/icons?i=webpack```| | |
`wordpress`
| ```https://www.aikonbox.com.br/icons?i=wordpress```|