TechIcons

<div align="center"> <img src="https://github.com/gui-bus/TechIcons/blob/main/techicons.png" alt="TechIcons" width="300" /> </div> <h1 align="center">Bem vindo ao TechIcons!</h1> <p align="center">Este repositório contém uma variedade de ícones que você pode usar em seus arquivos README ou em outros projetos. <strong> Sinta-se à vontade para explorar a lista de ícones abaixo e usá-los conforme necessário. </strong> 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. <strong> Estou sempre disposto a adicionar mais ícones à coleção!</strong></p> <p align="center">Espero que esses mais de 200 ícones facilitem a criação de READMEs e documentos mais informativos e visualmente atraentes. <br> <strong>Divirta-se usando-os em seus projetos!</strong> 😊</p> <div align="center"> <h2 align="center">Atalhos de navegação</h1>

Lista de ícones :bookmark_tabs:​ Como utilizar :gear: Alinhamentos :triangular_ruler: Links :link: Tamanhos :straight_ruler:

</div> <h1 align="center">Como utilizar</h1>

1. Escolha o ícone desejado na tabela.
2. Copie o nome do ícone e tenha em mente qual é o tema desejado.
3. 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">

Exemplo

<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">

<div> <img alt="Typescript" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Typescript.svg"> <img alt="React" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Dark/React.svg"> <img alt="TailwindCSS" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Dark/TailwindCSS.svg"> <img alt="Typescript" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Light/Typescript.svg"> <img alt="React" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Light/React.svg"> <img alt="TailwindCSS" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Light/TailwindCSS.svg"> </div> <h1 align="center">Alinhando ao centro</h1>

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>

<div align="center"> <img alt="Typescript" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Typescript.svg"> <img alt="React" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Dark/React.svg"> <img alt="TailwindCSS" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Dark/TailwindCSS.svg"> <img alt="Typescript" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Light/Typescript.svg"> <img alt="React" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Light/React.svg"> <img alt="TailwindCSS" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Light/TailwindCSS.svg"> </div> <h1 align="center">Inserindo links</h1>

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>

<div align="center"> <a href="[Insira o link aqui]"> <img alt="Instagram" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Instagram.svg"> </a> <a href="[Insira o link aqui]"> <img alt="LinkedIn" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Linkedin.svg"> </a> <a href="mailto:[Insira o email aqui]"> <img alt="Gmail" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Gmail.svg"> </a> <a href="[Insira o link aqui]"> <img alt="Instagram" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Light/Instagram.svg"> </a> <a href="[Insira o link aqui]"> <img alt="LinkedIn" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Light/Linkedin.svg"> </a> <a href="mailto:[Insira o email aqui]"> <img alt="Gmail" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Light/Gmail.svg"> </a> </div> <h1 align="center">Personalizando o tamanho dos ícones</h1>

Você pode personalizar o tamanho dos ícones de acordo com suas preferências. Basta ajustar os valores de height e width nas tags <img> 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>

<div align="center"> <img alt="React" height="30" width="30" src="https://github.com/gui-bus/TechIcons/blob/main/Dark/React.svg"> <img alt="React" height="40" width="40" src="https://github.com/gui-bus/TechIcons/blob/main/Dark/React.svg"> <img alt="React" height="50" width="50" src="https://github.com/gui-bus/TechIcons/blob/main/Dark/React.svg"> <img alt="React" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Light/React.svg"> <img alt="React" height="70" width="70" src="https://github.com/gui-bus/TechIcons/blob/main/Light/React.svg"> <img alt="React" height="80" width="80" src="https://github.com/gui-bus/TechIcons/blob/main/Light/React.svg"> </div> <br> <div align="center"> <h1 align="center">Lista de ícones disponíveis</h1>

| Icons (Dark/Light) | Label | Icons (Dark/Light) | Label | |---------------------------------------|------------------------------------------------| ---------------------------------------|------------------------------------------------| | <img src="https://github.com/gui-bus/TechIcons/blob/main/Dark/3dx%20Max.svg" width="80"> <img src="https://github.com/gui-bus/TechIcons/blob/main/Light/3dx%20Max.svg" width="80"> | <p align="center">3dx Max</p> | <img src="https://github.com/gui-bus/TechIcons/blob/main/Dark/AWS.svg" width="80"> <img src="https://github.com/gui-bus/TechIcons/blob/main/Light/AWS.svg" width="80"> | <p align="center">AWS</p> | | <img src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Acrobat%20Reader.svg" width="80"> <img src="https://github.com/gui-bus/TechIcons/blob/main/Light/Acrobat%20Reader.svg" width="80"> | <p align="center">Acrobat Reader</p> | <img src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Adonis.svg" width="80"> <img src="https://github.com/gui-bus/TechIcons/blob/main/Light/Adonis.svg" width="80"> | <p align="center">Adonis</p> | | <img src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Aero.svg" width="80"> <img src="https://github.com/gui-bus/TechIcons/blob/main/Light/Aero.svg" width="80"> | <p align="center">Aero</p> | <img src="https://github.com/gui-bus/TechIcons/blob/main/Dark/After%20Effects.svg" width="80"> <img src="https://github.com/gui-bus/TechIcons/blob/main/Light/After%20Effects.svg" width="80"> | <p align="center">After Effects</p> | | <img src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Airbnb.svg" width="80"> <img src="https://github.com/gui-bus/TechIcons/blob/main/Light/Airbnb.svg" width="80"> | <p align="center">Airbnb</p> | <img src="https://github.com/gui-bus/TechIcons/blob/main/Dark/AlpineJS.svg" width="80"> <img src="https://github.com/gui-bus/TechIcons/blob/main/Light/AlpineJS.svg" width="80"> | <p align="center">AlpineJS</p> | | <img src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Android%20Studio.svg" width="80"> <img src="https://github.com/gui-bus/TechIcons/blob/main/Light/Android%20Studio.svg" width="80"> | <p align="center">Android Studio</p> | <img src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Android.svg" width="80"> <img src="https://github.com/gui-bus/TechIcons/blob/main/Light/Android.svg" width="80"> | <p align="center">Android</p> | | <img src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Angular.svg" width="80"> <img src="https://github.com/gui-bus/TechIcons/blob/main/Light/Angular.svg" width="80"> | <p align="center">Angular</p> | <img src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Animate.svg" width="80"> <img src="https://github.com/gui-bus/TechIcons/blob/main/Light/Animate.svg" width="80"> | <p align="center">Animate</p> | | <img src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Ant%20Design.svg" width="80"> <img src="https://github.com/gui-bus/TechIcons/blob/main/Light/Ant%20Design.svg" width="80"> | <p align="center">Ant Design</p> | <img src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Apple.svg" width="80"> <img src="https://github.com/gui-bus/TechIcons/blob/main/Light/Apple.svg" width="80"> | <p align="center">Apple</p> | | <img src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Appwrite.svg" width="80"> <img src="https://github.com/gui-bus/TechIcons/blob/main/Light/Appwrite.svg" width="80"> | <p align="center">Appwrite</p> | <img src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Arduino.svg" width="80"> <img src="https://github.com/gui-bus/TechIcons/blob/main/Light/Arduino.svg" width="80"> | <p align="center">Arduino</p> | | <img src="https://github.co