Skip to content

TechIcons é um repositório repleto de ícones que facilitam a criação de READMEs e documentos mais informativos e visualmente atraentes. Com mais de 200 ícones disponíveis, você pode adicionar um toque de estilo e clareza às suas mensagens. Sinta-se à vontade para explorar a lista de ícones e usá-los em seus projetos. 😄

License

Notifications You must be signed in to change notification settings

gui-bus/TechIcons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TechIcons

Bem vindo ao TechIcons!

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! 😊

Atalhos de navegação

Lista de ícones 📑​ Como utilizar ⚙️ Alinhamentos 📐 Links 🔗 Tamanhos 📏

Como utilizar

  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">
Typescript React TailwindCSS Typescript React TailwindCSS

Alinhando ao centro

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>
Typescript React TailwindCSS Typescript React TailwindCSS

Inserindo links

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>

Personalizando o tamanho dos ícones

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

Lista de ícones disponíveis

Icons (Dark/Light) Label Icons (Dark/Light) Label

3dx Max

AWS

Acrobat Reader

Adonis

Aero

After Effects

Airbnb

AlpineJS

Android Studio

Android

Angular

Animate

Ant Design

Apple

Appwrite

Arduino

Artstation

Aseprite

Autocad

Axios

Azure

Bash

Beats

Behance

Binance

Bitbucket

Bitcoin

Blazor

Blender

Bootstrap

Brave

Bridge

Bulma

Bun

C#

C++

CSS

Canva

Cardano

Chakra UI

ChartJS

ChatGPT

Chrome

Cloudinary

Codepen

Coffee

CoinMarketCap

Coinbase

Coingecko

Construct

Creative Cloud

Cryptocom

Cypress

DOGE

Daisy UI

Dart

DeviantArt

Dimension

Directus

Discord

Django

Docker

Dreamweaver

Dribbble

Dropbox

DynamoDB

ESLint

Edge

Elastic Search

Epic

Ethereum

Excel

Expo

ExpressJS

Facebook

Fastify

Figma

Firebase

Firefox

Flask

Flutter

Framer Motion

GIMP

GIT

GITBash

GITKraken

GO

Game maker

Gatsby

Github

Gitlab

Gmail

Godot

Google Cloud

Google Drive

Google Maps

Google Play

Google

Gradle

GraphQL

Gulp

HTML

Heroku

Illustrator

InDesign

Instagram

Ionic

JQuery

Java

Javascript

Jest

Kibana

Kotlin

KrakenJS

Krita

Kubernetes

Laravel

Ledger

Lightroom

Linkedin

Linux

Logstash

Lua

MATIC

Material UI

Materialize

Maya

Media Encoder

Meets

Messenger

Metamask

Microsoft

MongoDB

Mongoose

MySQL

NestJS

Netlify

Next Auth

NextJS

NextUI

NodeJS

Notepad++

Notion

OBS

OpenAI

OpenSea

Opera

Oracle

Origami

Outlook

PHP

PancakeSwap

Photoshop

Pinterest

Poocoin

PostCSS

Postgresql

Postman

Power BI

Powerpoint

Powershell

Premiere

Prettier

PrismaORM

PyCharm

Python

Rails

Rarible

Raspberry

React Hook Form

React Native

React Query

React Router

React

Reddit

Redux

Ruby

SQL Server

SQLite

SVG

Safari

Sass

SemanticUI

Sequelize

ShadCNUI

Shibainu

Shopify

Sketch

Skype

Slack

Snapchat

Solana

Spotify

Spring Boot

Stackoverflow

Steam

Stock

Strapi

Stripe

Substance Alchemist

Substance Designer

Substance Painter

Substance Source

Supabase

Svelte

Swift

Swiper

TMDB

TailwindCSS

Teams

Telegram

Tiktok

Tor

Trello

Trezor

Trust Wallet

Twitter

Typescript

USDT

Ubuntu

Unity

Unreal

VSCode

Vercel

Visual Studio

Vite

Vivaldi

Vue

Webpack

Whatsapp

Windows

Word

Wordpress

XD

Youtube

ZBrush

Zoom

Zustand

npm

yarn

About

TechIcons é um repositório repleto de ícones que facilitam a criação de READMEs e documentos mais informativos e visualmente atraentes. Com mais de 200 ícones disponíveis, você pode adicionar um toque de estilo e clareza às suas mensagens. Sinta-se à vontade para explorar a lista de ícones e usá-los em seus projetos. 😄

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published