Este repositório contém uma variedade de ícones que você pode usar em seus arquivos README ou em outros projetos. Sinta-se à vontade para explorar a lista de ícones abaixo e usá-los conforme necessário. Se você precisar de um ícone que ainda não está listado aqui, não hesite em abrir uma "Issue" para solicitar um novo ícone. Estou sempre disposto a adicionar mais ícones à coleção!
Espero que esses mais de 200 ícones facilitem a criação de READMEs e documentos mais informativos e visualmente atraentes.
Divirta-se usando-os em seus projetos! 😊
Lista de ícones 📑 Como utilizar ⚙️ Alinhamentos 📐 Links 🔗 Tamanhos 📏
- Escolha o ícone desejado na tabela.
- Copie o nome do ícone e tenha em mente qual é o tema desejado.
- Em seu arquivo README ou documento, use a seguinte sintaxe para exibir os ícones selecionados:
<img alt="[Icon]" height="[Height]" width="[Width]" src="https://github.com/gui-bus/TechIcons/blob/main/[Theme]/[Icon].svg">
<img alt="Typescript" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Typescript.svg">
<img alt="React" height="40" width="40" src="https://github.com/gui-bus/TechIcons/blob/main/Light/React.svg">
Em seu arquivo README ou documento, use a seguinte sintaxe para exibir os ícones de forma centralizada:
<div align="center">
<img alt="[Icon]" height="[Height]" width="[Width]" src="https://github.com/gui-bus/TechIcons/blob/main/[Theme]/[Icon].svg">
</div>
Em seu arquivo README ou documento, use a seguinte sintaxe para inserir links nos ícones:
<div align="center">
<a href="[Link]">
<img alt="[Icon]" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/[Theme]/[Icon].svg">
</a>
</div>
Você pode personalizar o tamanho dos ícones de acordo com suas preferências. Basta ajustar os valores de height e width nas tags conforme necessário. Por exemplo:
<div align="center">
<img alt="[Icon]" height="[Height]" width="[Width]" src="https://github.com/gui-bus/TechIcons/blob/main/[Theme]/[Icon].svg">
</div>