SuperTinyIcons
1.0.0
Abaixo de 1kb cada! Os ícones super pequenos da Web são versões minúsculas de SVG de seus logotipos favoritos. Atualmente, existem 386 ícones e o tamanho médio é inferior a 522 bytes!
Os logotipos têm um ViewBox de 512x512, eles se encaixam em um círculo com o Radius 256. Eles vão escalar para cima e para baixo para atender às suas necessidades.
Diga obrigado!
| 527 bytes svg | 3.328 bytes png | 352 bytes svg | 2.987 bytes png | 235 bytes svg | 1.615 bytes png |
|---|---|---|---|---|---|
| 1Password 360 bytes | Acast 402 bytes | Acesso 349 bytes | Atividadepub 337 bytes | Adobe 220 bytes | Airbnb 356 bytes |
| Amazon 642 bytes | Amazon Alexa 252 bytes | Amazon Simple Storage Service 527 bytes | Estrutura âmbar 415 bytes | Andotp 253 bytes | Android 372 bytes |
| Angelista 965 bytes | Angular 317 bytes | Ansible 311 bytes | Fundação Apereo 453 bytes | Maçã 354 bytes | Música da Apple 490 bytes |
| Podcasts da Apple 940 bytes | Arch Linux 308 bytes | Átomo 347 bytes | Auth0 387 bytes | Authy 329 bytes | Azure 841 bytes |
| Espinha dorsal 337 bytes | Badeo 298 bytes | Baidu 783 bytes | Bandcamp 188 bytes | Bash 756 bytes | Behance 666 bytes |
| Bing 939 bytes | Bitbucket 665 bytes | Bitcoin 514 bytes | Bitwarden 286 bytes | Liquidificador 368 bytes | Blogueiro 339 bytes |
| Bluesky 397 bytes | Bluetooth 366 bytes | Corajoso 996 bytes | Briar 491 bytes | Buffer 471 bytes | Bugcrowd 774 bytes |
| BUN 1016 bytes | Calendário 744 bytes | CENTOS 728 bytes | Cromo 401 bytes | Cromo 403 bytes | Citrix 743 bytes |
| Citrix 348 bytes | Clojure 560 bytes | Cloudflare 478 bytes | Codeberg 463 bytes | Codepen 303 bytes | Coderwall 244 bytes |
| CoffeeScript 513 bytes | Bobina 500 bytes | Coinpot 710 bytes | Google Colab 373 bytes | C ++ 666 bytes | Cristal 214 bytes |
| CSS3 384 bytes | Dardo 545 bytes | Datacamp 476 bytes | Debian 922 bytes | Deezer 717 bytes | Delicioso 259 bytes |
| dev.to 521 bytes | DeviantArt 263 bytes | Digentidade 366 bytes | Digitalocean 244 bytes | Discórdia 345 bytes | Disqus 259 bytes |
| Projeto Django 428 bytes | Docker 416 bytes | Driblar 365 bytes | Drone 291 bytes | Dropbox 246 bytes | Drupal 842 bytes |
| Duckduckgo 879 bytes | Artes eletrônicas 279 bytes | eBay 800 bytes | ECOSIA 776 bytes | Borda 1013 bytes | elástico 695 bytes |
| Elemento 414 bytes | OS elementar 451 bytes | E-mail 326 bytes | Endeavor OS 622 bytes | epub 308 bytes | Espressif 577 bytes |
| Ethereum 381 bytes | Etsy 462 bytes | Evernote 613 bytes | ExpressionEngine 628 bytes | F-DROID 1015 bytes | Facebook 258 bytes |
| Fediverse 1003 bytes | Filestash 267 bytes | Localizador 661 bytes | Firefox 1005 bytes | Flattr 331 bytes | Flickr 235 bytes |
| Flutuador 823 bytes | Vibrar 489 bytes | Foobar2000 455 bytes | FreeBSD 700 bytes | Freecodecamp 701 bytes | Friendica 821 bytes |
| Fritz! 616 bytes | Gandi 749 bytes | GateHub 447 bytes | Gêmeos 615 bytes | Fantasma 244 bytes | Git 365 bytes |
| Gitea 748 bytes | Github 514 bytes | Gitlab 425 bytes | Gitpod 543 bytes | Falha 1017 bytes | Gmail 442 bytes |
| Gmail 567 bytes | Ir 566 bytes | Godot 683 bytes | Gog.com 703 bytes | Gojek 258 bytes | Goodreads 370 bytes |
| Google 447 bytes | Google Assistant 366 bytes | Calendário do Google 579 bytes | Ferramentas de conteúdo colaborativo do Google 485 bytes | Editores do Google Docs 470 bytes | Google Drive 560 bytes |
| Google Drive 298 bytes | Google Maps 553 bytes | Google Maps 683 bytes | Google Meet 513 bytes | Google play 420 bytes | Google+ 380 bytes |
| Podcasts do Google 444 bytes | Google Scholar 517 bytes | Gradle 654 bytes | Grafana 674 bytes | Guacamole 655 bytes | Guilda 330 bytes |
| h-card 399 bytes | H-Entry 386 bytes | H-feed 474 bytes | Notícias de hacker 213 bytes | Hackerone 426 bytes | Haml 922 bytes |
| Heroku 435 bytes | HomeKit 732 bytes | HP 471 bytes | Html5 397 bytes | Hulu 459 bytes | Pacote humilde 952 bytes |
| I18Next 713 bytes | IBM 477 bytes | iheartradio 817 bytes | IMDB 506 bytes | Imgur 263 bytes | Instagram 752 bytes |
| Intel 553 bytes | Interfone 414 bytes | Arquivo da Internet 800 bytes | ITCH.IO 852 bytes | iTunes 744 bytes | jacobino 226 bytes |
| Java 779 bytes | JavaScript 404 bytes | Jellyfin 655 bytes | jQuery 1006 bytes | JSON-LD 890 bytes | JSON 508 bytes |
| Feed json 665 bytes | JSR 411 bytes | Julia 283 bytes | Justgiving 351 bytes | Kaggle 297 bytes | Keepassdx 516 bytes |
| Quadro Kemal 325 bytes | Keskonfai 679 bytes | Keybase 632 bytes | Kickstarter 273 bytes | Ko-fi 397 bytes | Kodi 752 bytes |
| Kotlin 236 bytes | Laravel 384 bytes | LastPass 281 bytes | Logotipo leetcode 829 bytes | Librapay 544 bytes | LibreSpeed 942 bytes |
| LINHA 454 bytes | Linear 390 bytes | LinkedIn 355 bytes | Linux 950 bytes | Linux Mint 355 bytes | Lobste.rs 504 bytes |
| Trancar 377 bytes | Logitech 352 bytes | Lucky Framework 471 bytes | macos 754 bytes | Correspondência 551 bytes | MailChimp 981 bytes |
| Malte 412 bytes | Manjaro 222 bytes | Markdown 418 bytes | MasterCard 322 bytes | Mastodonte 574 bytes | matriz 641 bytes |
| Matéria mais 291 bytes | McDonald's 434 bytes | Médio 225 bytes | Encontro 502 bytes | Mensageiro 679 bytes | microformatos 783 bytes |
| Microsoft 321 bytes | Minecraft 1002 bytes | MongoDB 353 bytes | Mysql 1007 bytes | Netbeans 521 bytes | Netbsd 419 bytes |
| Netflix 435 bytes | NextCloud 250 bytes | Nginx 450 bytes | NHS 474 bytes | Nixos 528 bytes | Node.js 651 bytes |
| npm 277 bytes | Ok.ru 348 bytes | Anéis olímpicos 661 bytes | SomenteFans 401 bytes | Bancas abertas 613 bytes | Abra a recompensa de insetos 487 bytes |
| OpenCast 294 bytes | Coletivo aberto 304 bytes | OpenCores 265 bytes | Código aberto 278 bytes | OpenStreetMap 951 bytes | OpenVPN 278 bytes |
| Ópera 293 bytes | Orcid 311 bytes | Origem 630 bytes | Panorama 876 bytes | Nublado 760 bytes | Verso 437 bytes |
| Patreon 205 bytes | PayPal 495 bytes | Pdf 650 bytes | Peertube 278 bytes | Telefone 574 bytes | Php 573 bytes |
| Pinboard 241 bytes | Pinterest 508 bytes | Pixelded 971 bytes | PlayStation 703 bytes | Plex 205 bytes | Bolso 293 bytes |
| Caixa de bolso 263 bytes | POP! _OS 427 bytes | Pornhub 811 bytes | Carteiro 730 bytes | Powershell 992 bytes | Preact 333 bytes |
| Impressora 272 bytes | Proton Mail 628 bytes | Python 544 bytes | QQ 924 bytes | Quora 264 bytes | Raspberry Pi 954 bytes |
| Reagir 339 bytes | Reddit 592 bytes | Redhat 534 bytes | Portão de pesquisa 866 bytes | Jogos Rockstar 838 bytes | RoundCube 514 bytes |
| RSS 276 bytes | Rubi 941 bytes | Gemas de rubi 271 bytes | Rubi nos trilhos 447 bytes | Ferrugem 985 bytes | Safári 685 bytes |
| Samsung 830 bytes | Internet Samsung 312 bytes | Samsung 602 bytes | Samsung 867 bytes | Sass 501 bytes | Semáfore IC 446 bytes |
| Sentinela 359 bytes | Sinal 423 bytes | Esboço 353 bytes | Skype 468 bytes | Folga 384 bytes | Slideshare 646 bytes |
| Snapchat 633 bytes | SOGO 824 bytes | Solidez 548 bytes | Soundcloud 944 bytes | Spotify 418 bytes | Dinheiro quadrado 775 bytes |
| Exchange de pilha 385 bytes | Pilha estouro 286 bytes | Vapor 440 bytes | Stitcher 372 bytes | Strava 269 bytes | Stumbleupon 343 bytes |
| Merge sublime 551 bytes | Texto sublime 589 bytes | Assinantestar 584 bytes | SVELTE 470 bytes | Svg 746 bytes | Swift 659 bytes |
| Symantec 596 bytes | Symfony 609 bytes | taiga.io 731 bytes | Tailwindcss 536 bytes | Tata 1009 bytes | Teamspeak 921 bytes |
| Telegrama 476 bytes | Terraform 284 bytes | Esta vida americana 277 bytes | Tópicos 365 bytes | Threema 381 bytes | Tiktok 388 bytes |
| Todoist 737 bytes | Tox 479 bytes | Trello 261 bytes | TripAdvisor 691 bytes | Tumblr 251 bytes | Tunein 570 bytes |
| Tutanota 522 bytes | Twilio 311 bytes | Contração muscular 271 bytes | Twitter 352 bytes | TypeScript 603 bytes | Uber 588 bytes |
| Ubiquiti 540 bytes | Ubisoft 504 bytes | Ubuntu 438 bytes | Udemy 289 bytes | Unicode 360 bytes | Untappd 395 bytes |
| Defender 800 bytes | Uplay 517 bytes | Upwork 484 bytes | Vagabundo 537 bytes | Vegetariano 668 bytes | Venmo 271 bytes |
| Viber 692 bytes | Vim 754 bytes | Vimeo 332 bytes | Visa 623 bytes | Código do Visual Studio 895 bytes | Vivino 279 bytes |
| Vk 519 bytes | Vlc 636 bytes | Vue 257 bytes | W3C 523 bytes | Wayland 905 bytes | WebAssembly 475 bytes |
| Webmention 261 bytes | Webtoons 973 bytes | WeChat 606 bytes | Wekan 966 bytes | Whatsapp 435 bytes | Whatwg 313 bytes |
| Wi-fi 562 bytes | Wikipedia 563 bytes | Windows 226 bytes | Arame 256 bytes | Wireguard 948 bytes | WordPress 488 bytes |
| Workato 362 bytes | X 287 bytes | X11 756 bytes | Xing 347 bytes | XMPP 726 bytes | Yahoo! 280 bytes |
| Yammer 464 bytes | Fio 497 bytes | Yelp 448 bytes | Yii 763 bytes | YouTube 333 bytes | Yubico 250 bytes |
| Zoom 515 bytes | Zorinos 254 bytes |
Bytes custam dinheiro. Eles custam dinheiro para armazenar, transportar e processar. A simplicidade deve ser nosso objetivo em todos os empreendimentos.
Esses arquivos foram editados manualmente no Inkscape, Illustrator ou um editor de texto, foram ministrados usando o editor de caminho SVG da Yann Armelin, SVGO e SVGCleaner. Mais pequenificação podem ser possíveis. Experimente!
xmlns="http://www.w3.org/2000/svg" na tag <svg> . Isso não é estritamente necessário - mas alguns navegadores da Web não os exibem como uma imagem sem ela.#FF0000 fica red .Acha que você pode torná -los menores? Diga -me levantando um problema!
Quer mais ícones? Diga -me levantando um problema!
Acha que os ícones parecem errados? Compare -os com os logotipos oficiais. Se eles ainda parecerem errados, diga -me levantando um problema!
Os ícones também disponíveis como desenhos vetoriais do Android, para que você possa usá -los facilmente em aplicativos Android.
Eles não têm garantia de menos de 1kb.
Eu adoraria você enviar alguma coisa? As regras são simples, seu ícone deve:
rx="50%" para verificar.No mínimo, seu ícone precisa desses componentes:
< svg xmlns = " http://www.w3.org/2000/svg "
aria-label = " ... " role = " img "
viewBox = " 0 0 512 512 " >< path
d = " m0 0H512V512H0 "
fill = " #fff " /> ... </ svg >Os ícones super minúsculos são acessíveis por padrão. Cada ícone tem:
role="img" , para expor os elementos <svg> como imagens na árvore de acessibilidade do navegadoraria-label="XYZ" (onde XYZ é o nome da marca do ícone), para dar ao ícone um nome acessível Note: Se estiver usando o <svg> como o src para um elemento <img> , o atributo alt ainda deve ser usado no elemento <img> porque a ária não é reconhecida neste contexto.
O CSS-Tricks também possui um artigo sobre ícones SVG acessíveis.
Esta é a diretriz padrão. Use isso para ajudar no dimensionamento de seus ícones e eles ficarão bem, independentemente do raio da fronteira.
npm install --save super-tiny-iconsO jeito da velha escola:
< img src =" ./node_modules/super-tiny-icons/images/svg/github.svg " />A maneira moderna, o exemplo do React (JSX):
import logo from "super-tiny-icons/images/svg/github.svg" ;
< img src = { logo } /> ;O CSS pode ser usado para personalizar a aparência de um ícone. O exemplo a seguir mostra estilos para ícones pequenos/médios/grandes com quadros quadrados/arredondados/circulares:
< style >
.small-square {
width: 20px;
}
.medium-rounded {
width: 50px;
border-radius: 10%;
}
.large-circular {
width: 100px;
border-radius: 50%;
}
</ style >
< img src =" images/svg/reddit.svg " class =" small-square " />
< img src =" images/svg/reddit.svg " class =" medium-rounded " />
< img src =" images/svg/reddit.svg " class =" large-circular " /> Este projeto existe graças a todas as pessoas que contribuem. [Contribuir].
Torne -se um colaborador financeiro e ajude -nos a sustentar nossa comunidade. [Contribuir]
Apoie este projeto com sua organização. Seu logotipo aparecerá aqui com um link para o seu site. [Contribuir]
A maioria desses logotipos vetoriais é baseada no trabalho de outra pessoa.
De SvgPorn - CC0
IBM, Yammer, Android, Authy, CloudFlare, Codepen, Digitalocean, Discord, Airbnb, Wi -Fi, Delicioso, código aberto, Patreon, Tim Cuthbertson
Sempre que possível, eles mantêm suas licenças originais. Alguns logotipos podem estar sujeitos a leis de direitos autorais e marcas comerciais, mas esses arquivos são pequenos o suficiente para memorizar.
