SuperTinyIcons
1.0.0
ต่ำกว่า 1KB ต่อคน! ไอคอนเว็บขนาดเล็กสุดพิเศษคือโลโก้ที่คุณชื่นชอบ ปัจจุบันมีไอคอน 386 และขนาดเฉลี่ย ต่ำกว่า 522 ไบต์!
โลโก้มี Viewbox 512x512 พวกเขาจะพอดีกับวงกลมที่มีรัศมี 256 พวกเขาจะขยายตัวและลงเพื่อให้เหมาะกับความต้องการของคุณ
ขอบคุณ!
| 527 ไบต์ SVG | 3,328 ไบต์ PNG | 352 ไบต์ SVG | 2,987 ไบต์ PNG | 235 ไบต์ SVG | 1,615 ไบต์ PNG |
|---|---|---|---|---|---|
| 1Password 360 ไบต์ | เอะอะ 402 ไบต์ | เข้าถึง 349 ไบต์ | กิจกรรม 337 ไบต์ | Adobe 220 ไบต์ | Airbnb 356 ไบต์ |
| อเมซอน 642 ไบต์ | Amazon Alexa 252 ไบต์ | Amazon Simple Storage Service 527 ไบต์ | กรอบอำพัน 415 ไบต์ | Andotp 253 ไบต์ | Android 372 ไบต์ |
| นักขุนนาง 965 ไบต์ | เชิงมุม 317 ไบต์ | ตอบได้ 311 ไบต์ | มูลนิธิ Apereo 453 ไบต์ | แอปเปิล 354 ไบต์ | เพลงแอปเปิ้ล 490 ไบต์ |
| พอดคาสต์แอปเปิ้ล 940 ไบต์ | ซุ้มประตู 308 ไบต์ | อะตอม 347 ไบต์ | Auth0 387 ไบต์ | การพิสูจน์ตัวตน 329 ไบต์ | สีฟ้า 841 ไบต์ |
| กระดูกสันหลัง 337 ไบต์ | badoo 298 ไบต์ | Baidu 783 ไบต์ | bandcamp 188 ไบต์ | ทุบตี 756 ไบต์ | การดู 666 ไบต์ |
| BING 939 ไบต์ | Bitbucket 665 ไบต์ | Bitcoin 514 ไบต์ | บิต 286 ไบต์ | เครื่องปั่น 368 ไบต์ | ผู้เขียนบล็อก 339 ไบต์ |
| บลูส์สกี้ 397 ไบต์ | บลูทู ธ 366 ไบต์ | กล้าหาญ 996 ไบต์ | Briar 491 ไบต์ | บัฟเฟอร์ 471 ไบต์ | bugcrowd 774 ไบต์ |
| ขนมปัง 1016 ไบต์ | ปฏิทิน 744 ไบต์ | centos 728 ไบต์ | โครเมี่ยม 401 ไบต์ | โครเมียม 403 ไบต์ | Citrix 743 ไบต์ |
| Citrix 348 ไบต์ | การปิดบัง 560 ไบต์ | เมฆ 478 ไบต์ | codeberg 463 ไบต์ | codepen 303 ไบต์ | coderwall 244 ไบต์ |
| CoffeeScript 513 ไบต์ | ม้วน 500 ไบต์ | เครื่องประดับ 710 ไบต์ | Google Colab 373 ไบต์ | C ++ 666 ไบต์ | คริสตัล 214 ไบต์ |
| CSS3 384 ไบต์ | โผ 545 ไบต์ | ดาต้าแคมป์ 476 ไบต์ | เดเบียน 922 ไบต์ | Deezer 717 ไบต์ | อร่อย 259 ไบต์ |
| dev.to 521 ไบต์ | deviantart 263 ไบต์ | การถ่ายทอด 366 ไบต์ | Digitalocean 244 ไบต์ | ความไม่ลงรอยกัน 345 ไบต์ | disqus 259 ไบต์ |
| โครงการ Django 428 ไบต์ | นักเทียบท่า 416 ไบต์ | เลี้ยงลูก 365 ไบต์ | เสียงพึมพำ 291 ไบต์ | กล่องดร็อปบ็อกซ์ 246 ไบต์ | ดรัปโปล 842 ไบต์ |
| Duckduckgo 879 ไบต์ | อิเล็กทรอนิกส์ 279 ไบต์ | อีเบย์ 800 ไบต์ | Ecosia 776 ไบต์ | ขอบ 1013 ไบต์ | ยืดหยุ่น 695 ไบต์ |
| องค์ประกอบ 414 ไบต์ | ระบบปฏิบัติการระดับประถมศึกษา 451 ไบต์ | อีเมล 326 ไบต์ | OS Endeavour 622 ไบต์ | Epub 308 ไบต์ | เอสเพรสซิฟ 577 ไบต์ |
| Ethereum 381 ไบต์ | Etsy 462 ไบต์ | Evernote 613 ไบต์ | ExpressionEngine 628 ไบต์ | F-droid 1015 ไบต์ | Facebook 258 ไบต์ |
| Fediverse 1003 ไบต์ | ฟิลด์ 267 ไบต์ | เครื่องค้นหา 661 ไบต์ | Firefox 1005 ไบต์ | Flattr 331 ไบต์ | ฟลิคก์ 235 ไบต์ |
| ลอย 823 ไบต์ | กระพือ 489 ไบต์ | Foobar2000 455 ไบต์ | FreeBSD 700 ไบต์ | Freecodecamp 701 ไบต์ | เพื่อน 821 ไบต์ |
| ฟริตซ์ 616 ไบต์ | กานี 749 ไบต์ | เกทฮับ 447 ไบต์ | ราศีเมถุน 615 ไบต์ | ผี 244 ไบต์ | กระตวน 365 ไบต์ |
| Gitea 748 ไบต์ | คนอื่น ๆ 514 ไบต์ | Gitlab 425 ไบต์ | Gitpod 543 ไบต์ | ความผิดพลาด 1017 ไบต์ | เครื่องตัดหญ้า 442 ไบต์ |
| เครื่องตัดหญ้า 567 ไบต์ | ไป 566 ไบต์ | Godot 683 ไบต์ | gog.com 703 ไบต์ | Gojek 258 ไบต์ | Goodreads 370 ไบต์ |
| Google 447 ไบต์ | Google Assistant 366 ไบต์ | ปฏิทิน Google 579 ไบต์ | เครื่องมือเนื้อหาร่วมกันของ Google 485 ไบต์ | Google Docs Editors 470 ไบต์ | Google Drive 560 ไบต์ |
| Google Drive 298 ไบต์ | Google Maps 553 ไบต์ | Google Maps 683 ไบต์ | Google พบกัน 513 ไบต์ | Google Play 420 ไบต์ | Google+ 380 ไบต์ |
| Google Podcasts 444 ไบต์ | Google Scholar 517 ไบต์ | ผู้สำเร็จการศึกษา 654 ไบต์ | กราฟานา 674 ไบต์ | guacamole 655 ไบต์ | กิลด์ 330 ไบต์ |
| H-card 399 ไบต์ | H-entry 386 ไบต์ | H-feed 474 ไบต์ | ข่าวแฮ็กเกอร์ 213 ไบต์ | แฮ็กเกอร์โรน 426 ไบต์ | เสียงดัง 922 ไบต์ |
| Heroku 435 ไบต์ | homekit 732 ไบต์ | HP 471 ไบต์ | HTML5 397 ไบต์ | ฮูลู 459 ไบต์ | มัด 952 ไบต์ |
| i18next 713 ไบต์ | IBM 477 ไบต์ | iheartradio 817 ไบต์ | IMDB 506 ไบต์ | imgur 263 ไบต์ | Instagram 752 ไบต์ |
| Intel 553 ไบต์ | อินเตอร์คอม 414 ไบต์ | คลังอินเทอร์เน็ต 800 ไบต์ | itch.io 852 ไบต์ | iTunes 744 ไบต์ | ยาโคบิน 226 ไบต์ |
| ชวา 779 ไบต์ | จาวาสคริปต์ 404 ไบต์ | เยลลี่ฟิน 655 ไบต์ | jQuery 1006 ไบต์ | JSON-LD 890 ไบต์ | JSON 508 ไบต์ |
| ฟีด JSON 665 ไบต์ | JSR 411 ไบต์ | จูเลีย 283 ไบต์ | การเป็นเพียงแค่ 351 ไบต์ | Kaggle 297 ไบต์ | KeepassDX 516 ไบต์ |
| เฟรมเวิร์ก Kemal 325 ไบต์ | Keskonfai 679 ไบต์ | คีย์เบส 632 ไบต์ | Kickstarter 273 ไบต์ | Ko-fi 397 ไบต์ | Kodi 752 ไบต์ |
| Kotlin 236 ไบต์ | Laravel 384 ไบต์ | ผ่านไปแล้ว 281 ไบต์ | โลโก้ leetcode 829 ไบต์ | การให้เสรีนิยม 544 ไบต์ | librespeed 942 ไบต์ |
| เส้น 454 ไบต์ | เป็นเส้นตรง 390 ไบต์ | LinkedIn 355 ไบต์ | ลินเวกซ์ 950 ไบต์ | Linux Mint 355 ไบต์ | lobste.rs 504 ไบต์ |
| ล็อค 377 ไบต์ | Logitech 352 ไบต์ | กรอบโชคดี 471 ไบต์ | แม็กอส 754 ไบต์ | ส่งจดหมาย 551 ไบต์ | MailChimp 981 ไบต์ |
| มอลต์ 412 ไบต์ | Manjaro 222 ไบต์ | การทำเครื่องหมาย 418 ไบต์ | มาสเตอร์การ์ด 322 ไบต์ | Mastodon 574 ไบต์ | เมทริกซ์ 641 ไบต์ |
| มากที่สุด 291 ไบต์ | McDonald's 434 ไบต์ | ปานกลาง 225 ไบต์ | การพบปะสังสรรค์ 502 ไบต์ | ผู้ส่งสาร 679 ไบต์ | ไมโครฟอร์แมต 783 ไบต์ |
| Microsoft 321 ไบต์ | Minecraft 1002 ไบต์ | MongoDB 353 ไบต์ | mysql 1007 ไบต์ | เน็ตเวิร์ก 521 ไบต์ | netbsd 419 ไบต์ |
| netflix 435 ไบต์ | Nextcloud 250 ไบต์ | nginx 450 ไบต์ | NHS 474 ไบต์ | นิกาย 528 ไบต์ | node.js 651 ไบต์ |
| NPM 277 ไบต์ | ตกลง 348 ไบต์ | แหวนโอลิมปิก 661 ไบต์ | คนเดียว 401 ไบต์ | OpenBenches 613 ไบต์ | เปิดบั๊ก 487 ไบต์ |
| การใช้ OpenCast 294 ไบต์ | เปิดกลุ่ม 304 ไบต์ | opencores 265 ไบต์ | โอเพ่นซอร์ส 278 ไบต์ | OpenStreetMap 951 ไบต์ | OpenVPN 278 ไบต์ |
| โอเปร่า 293 ไบต์ | ทำให้เกิดความผิดปกติ 311 ไบต์ | ต้นทาง 630 ไบต์ | มุมมอง 876 ไบต์ | มีเมฆมาก 760 ไบต์ | ทับกัน 437 ไบต์ |
| Patreon 205 ไบต์ | paypal 495 ไบต์ | PDF 650 ไบต์ | Peertube 278 ไบต์ | โทรศัพท์ 574 ไบต์ | PHP 573 ไบต์ |
| พินบอร์ด 241 ไบต์ | Pinterest 508 ไบต์ | ที่มีตัวตน 971 ไบต์ | PlayStation 703 ไบต์ | ลูกกาง 205 ไบต์ | กระเป๋า 293 ไบต์ |
| กระเป๋าเงิน 263 ไบต์ | ป๊อป! _os 427 ไบต์ | โป๊ 811 ไบต์ | บุรุษไปรษณีย์ 730 ไบต์ | PowerShell 992 ไบต์ | ทำขึ้นก่อน 333 ไบต์ |
| เครื่องพิมพ์ 272 ไบต์ | จดหมายโปรตอน 628 ไบต์ | งูหลาม 544 ไบต์ | QQ 924 ไบต์ | quora 264 ไบต์ | Raspberry Pi 954 ไบต์ |
| ตอบโต้ 339 ไบต์ | สีแดง 592 ไบต์ | redhat 534 ไบต์ | ประตูวิจัย 866 ไบต์ | เกมร็อคสตาร์ 838 ไบต์ | รอบคิวบ์ 514 ไบต์ |
| RSS 276 ไบต์ | ทับทิม 941 ไบต์ | อัญมณีทับทิม 271 ไบต์ | ทับทิมบนราง 447 ไบต์ | สนิม 985 ไบต์ | ซาฟารี 685 ไบต์ |
| ซัมซุง 830 ไบต์ | Samsung Internet 312 ไบต์ | ซัมซุง 602 ไบต์ | ซัมซุง 867 ไบต์ | เขี้ยว 501 ไบต์ | Semaphore CI 446 ไบต์ |
| ทหารยาม 359 ไบต์ | สัญญาณ 423 ไบต์ | ร่าง 353 ไบต์ | Skype 468 ไบต์ | หย่อน 384 ไบต์ | สไลด์แชร์ 646 ไบต์ |
| Snapchat 633 ไบต์ | โซโก้ 824 ไบต์ | ความเป็นน้ำ 548 ไบต์ | SoundCloud 944 ไบต์ | ทำให้เป็นสปอต 418 ไบต์ | เงินสด 775 ไบต์ |
| การแลกเปลี่ยนสแต็ก 385 ไบต์ | สแต็คล้น 286 ไบต์ | ไอน้ำ 440 ไบต์ | ตะเข็บ 372 ไบต์ | สตารา 269 ไบต์ | สะดุด 343 ไบต์ |
| การผสานประเสริฐ 551 ไบต์ | ข้อความประเสริฐ 589 ไบต์ | ผู้สมัครสมาชิก 584 ไบต์ | svelte 470 ไบต์ | SVG 746 ไบต์ | ฉับพลัน 659 ไบต์ |
| ไซแมนเทค 596 ไบต์ | ม้วนตัว 609 ไบต์ | taiga.io 731 ไบต์ | tailwindcss 536 ไบต์ | ทาทา 1009 ไบต์ | Teamspeak 921 ไบต์ |
| โทรเลข 476 ไบต์ | รูปปั้น 284 ไบต์ | ชีวิตชาวอเมริกันนี้ 277 ไบต์ | ด้าย 365 ไบต์ | threema 381 ไบต์ | tiktok 388 ไบต์ |
| ผู้นับถือศาสนา 737 ไบต์ | สารพิษ 479 ไบต์ | ลูกโซ่ 261 ไบต์ | TripAdvisor 691 ไบต์ | tumblr 251 ไบต์ | ปรับแต่ง 570 ไบต์ |
| ตูต้า 522 ไบต์ | ทวิตเตอร์ 311 ไบต์ | ชัก 271 ไบต์ | Twitter 352 ไบต์ | ตัวพิมพ์ใหญ่ 603 ไบต์ | Uber 588 ไบต์ |
| ubiquiti 540 ไบต์ | Ubisoft 504 ไบต์ | Ubuntu 438 ไบต์ | Udemy 289 ไบต์ | ยูนิคอด 360 ไบต์ | ไม่ถูกต้อง 395 ไบต์ |
| ส่งเสริม 800 ไบต์ | ยก 517 ไบต์ | การทำงาน 484 ไบต์ | คนพเนจร 537 ไบต์ | มังสวิรัติ 668 ไบต์ | Venmo 271 ไบต์ |
| เวียน 692 ไบต์ | vim 754 ไบต์ | Vimeo 332 ไบต์ | วีซ่า 623 ไบต์ | รหัสสตูดิโอภาพ 895 ไบต์ | Vivino 279 ไบต์ |
| VK 519 ไบต์ | VLC 636 ไบต์ | ความเต็ม 257 ไบต์ | W3C 523 ไบต์ | เวย์แลนด์ 905 ไบต์ | การใช้เว็บ 475 ไบต์ |
| การไปพบเว็บ 261 ไบต์ | webtoons 973 ไบต์ | Wechat 606 ไบต์ | Wekan 966 ไบต์ | Whatsapp 435 ไบต์ | whatwg 313 ไบต์ |
| wifi 562 ไบต์ | วิกิพีเดีย 563 ไบต์ | หน้าต่าง 226 ไบต์ | ลวด 256 ไบต์ | Wireguard 948 ไบต์ | Wordpress 488 ไบต์ |
| เวิร์ก 362 ไบต์ | x 287 ไบต์ | X11 756 ไบต์ | ซิง 347 ไบต์ | xmpp 726 ไบต์ | Yahoo! 280 ไบต์ |
| เยาะเย้ย 464 ไบต์ | เส้นด้าย 497 ไบต์ | ร้องเอ๋ง 448 ไบต์ | ยี่ 763 ไบต์ | YouTube 333 ไบต์ | ชาวยิวโกะ 250 ไบต์ |
| ซูม 515 ไบต์ | Zorinos 254 ไบต์ |
ไบต์มีค่าใช้จ่ายเงิน พวกเขามีค่าใช้จ่ายในการจัดเก็บการขนส่งและกระบวนการ ความเรียบง่ายควรเป็นเป้าหมายของเราในความพยายามทั้งหมด
ไฟล์เหล่านี้ได้รับการแก้ไขด้วยมือใน Inkscape, Illustrator หรือ Editor ข้อความจากนั้นถูกลดขนาดลงโดยใช้โปรแกรมแก้ไขเส้นทาง SVG ของ Yann Armelin, SVGO และ SVGCleaner การลดขนาดเล็กเพิ่มเติมอาจเป็นไปได้ ลองดูสิ
xmlns="http://www.w3.org/2000/svg" ในแท็ก <svg> สิ่งนี้ไม่จำเป็นอย่างเคร่งครัด - แต่เว็บเบราว์เซอร์บางตัวจะไม่แสดงเป็นภาพที่ไม่มีมัน#FF0000 กลายเป็น redคิดว่าคุณสามารถทำให้เล็กลงได้หรือไม่? บอกฉันด้วยการเพิ่มปัญหา!
ต้องการไอคอนเพิ่มเติมหรือไม่? บอกฉันด้วยการเพิ่มปัญหา!
คิดว่าไอคอนดูผิด? เปรียบเทียบกับโลโก้อย่างเป็นทางการ หากพวกเขายังดูผิดบอกฉันด้วยการทำให้เกิดปัญหา!
ไอคอนยังมีให้เป็น Drawables Android Vector ดังนั้นคุณสามารถใช้งานได้อย่างง่ายดายในแอพ Android
พวกเขา ไม่ รับประกันว่าจะต่ำกว่า 1KB
ฉัน รัก คุณที่จะส่งอะไร? กฎง่ายๆไอคอนของคุณต้อง:
rx="50%" เพื่อตรวจสอบอย่างน้อยไอคอนของคุณต้องการส่วนประกอบเหล่านี้:
< svg xmlns = " http://www.w3.org/2000/svg "
aria-label = " ... " role = " img "
viewBox = " 0 0 512 512 " >< path
d = " m0 0H512V512H0 "
fill = " #fff " /> ... </ svg >ไอคอน Super Tiny สามารถเข้าถึงได้โดยค่าเริ่มต้น แต่ละไอคอนมี:
role="img" เพื่อเปิดเผยองค์ประกอบ <svg> เป็นภาพในแผนภาพการเข้าถึงของเบราว์เซอร์aria-label="XYZ" (โดยที่ xyz เป็นชื่อแบรนด์ของไอคอน) เพื่อให้ไอคอนมีชื่อที่เข้าถึงได้ Note: หากใช้ <svg> เป็น src สำหรับองค์ประกอบ <img> คุณลักษณะ alt ควรยังคงใช้กับองค์ประกอบ <img> เนื่องจาก ARIA ไม่ได้รับการยอมรับในบริบทนี้
CSS-Tricks ยังมีบทความเกี่ยวกับไอคอน SVG ที่เข้าถึงได้
นี่คือแนวทางมาตรฐาน ใช้สิ่งนี้เพื่อช่วยในการปรับขนาดไอคอนของคุณและพวกเขาจะดูดีไม่ว่าจะเลือกรัศมีเส้นขอบใดก็ตาม
npm install --save super-tiny-iconsวิถีโรงเรียนเก่า:
< img src =" ./node_modules/super-tiny-icons/images/svg/github.svg " />วิธีที่ทันสมัยตัวอย่าง React (JSX):
import logo from "super-tiny-icons/images/svg/github.svg" ;
< img src = { logo } /> ;CSS สามารถใช้ในการปรับแต่งรูปลักษณ์ของไอคอน ตัวอย่างต่อไปนี้แสดงรูปแบบสำหรับไอคอนขนาดเล็ก/ขนาดกลาง/ขนาดใหญ่ที่มีเฟรมสี่เหลี่ยม/กลม/กลม/วงกลม:
< 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 " /> โครงการนี้มีอยู่ขอบคุณทุกคนที่มีส่วนร่วม [มีส่วนช่วย].
เป็นผู้สนับสนุนทางการเงินและช่วยให้เราสนับสนุนชุมชนของเรา [มีส่วนช่วย]
สนับสนุนโครงการนี้กับองค์กรของคุณ โลโก้ของคุณจะปรากฏขึ้นที่นี่พร้อมลิงค์ไปยังเว็บไซต์ของคุณ [มีส่วนช่วย]
โลโก้เวกเตอร์ส่วนใหญ่ขึ้นอยู่กับงานของคนอื่น
จาก SVGPORN - CC0
IBM, Yammer, Android, Authy, CloudFlare, Codepen, DigitalOcean, Discord, Airbnb, Wifi, อร่อย, โอเพ่นซอร์ส, Patreon, Tim Cuthbertson
หากเป็นไปได้พวกเขายังคงใบอนุญาตเดิม โลโก้บางอย่างอาจอยู่ภายใต้กฎหมายลิขสิทธิ์และเครื่องหมายการค้า แต่ไฟล์เหล่านี้มีขนาดเล็กพอที่จะจดจำ
