Skip to content

gui-bus/TechIcons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 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

.NET

3dx Max

Acrobat Reader

Adonis

Aero

After Effects

Airbnb

AlpineJS

Analytics

Android

Android Studio

Angular

Animate

Ant Design

Apple

Appwrite

Arduino

Artstation

Aseprite

Autocad

AWS

Axios

Azure

Babel

Bash

Beats

Beekeeper

Behance

Binance

Biome

Bitbucket

Bitcoin

Blazor

Blender

Bootstrap

Brave

Bridge

BullMQ

Bulma

Bun

C#

C++

Cake PHP

Canva

Cardano

Chakra UI

ChartJS

ChatGPT

Chrome

Clarity

Claude

Clerk

ClickUp

Cloudinary

Codepen

Coffee

Coinbase

Coingecko

CoinMarketCap

Construct

Conventional Commits

Copilot

Creative Cloud

Cryptocom

CSS

Cursor

Cypress

Daisy UI

Dart

Delphi

DeviantArt

Dimension

Directus

Discord

Django

Docker

Doctrine

DOGE

Dreamweaver

Dribbble

Dropbox

DynamoDB

Edge

Elastic Search

Epic

ESLint

Ethereum

Excel

Expo

ExpressJS

Facebook

FastAPI

Fastify

Figma

Firebase

Firefox

Flask

Flutter

Framer Motion

Game maker

Gatsby

Gemini

GIMP

GIT

GITBash

Github

GITKraken

Gitlab

Gmail

GO

Godot

Google

Google Cloud

Google Drive

Google Maps

Google Play

Gradle

GraphQL

Gulp

Heroku

HeroUI

Highcharts

Hotjar

HTML

Husky

Iconify

Illustrator

InDesign

Insomnia

Instagram

Ionic

Java

Javascript

Jest

Jira

JQuery

JWT

Kibana

Kotlin

KrakenJS

Krita

Kubernetes

Laravel

Ledger

Lightroom

Linkedin

Linux

Logstash

Lua

Lucide

Material UI

Materialize

MATIC

Maya

Media Encoder

Meets

Messenger

Metamask

Microsoft

Midjourney

MongoDB

Mongoose

MySQL

NestJS

Netlify

Next Auth

NextJS

NextUI

NodeJS

Notepad++

Notion

npm

OBS

OpenAI

OpenSea

Opera

Oracle

Origami

Outlook

PancakeSwap

Perplexity

Phosphor Icons

Photoshop

PHP

PHP Storm

Pinterest

Poocoin

PostCSS

Postgresql

Postman

Power BI

Powerpoint

Powershell

Premiere

Prettier

PrismaORM

PyCharm

Python

Radix

Rails

Rarible

Raspberry

React

React Hook Form

React Native

React Query

React Router

Reddit

Redis

Redux

Ruby

Rust

Safari

Sanity

Sass

Scalar

Semantic Release

SemanticUI

Sequelize

ShadCNUI

Shibainu

Shopify

Sketch

Skype

Slack

Slim PHP

Snapchat

Solana

Spotify

Spring Boot

SQL Server

SQLite

Stackoverflow

Steam

Stock

Strapi

Stripe

Substance Alchemist

Substance Designer

Substance Painter

Substance Source

Supabase

Svelte

SVG

Swift

Swiper

TailwindCSS

Tally.so

Tanstack

Teams

Telegram

Tiktok

Tiptap

TMDB

Tor

Trello

Trezor

Trust Wallet

Twitter

Typescript

Ubuntu

Unity

Unreal

USDT

Vercel

Visual Studio

Vite

Vitest

Vivaldi

VSCode

Vue

Web Storm

Webpack

Whatsapp

Whisk

Windows

Windsurf

Word

Wordpress

XD

yarn

Youtube

ZBrush

Zod

Zoom

Zustand

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

48 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors