edent/SuperTinyIcons
1
0
Fork 1
Code Issues 11 Pull Requests Actions Packages Projects Releases Wiki Activity

All were resized and aligned accordingly.

Browse Source 
Facebook, Github and Gitlab were redrawn to better follow icon brand guidelines.

Badoo and bitbucket were just missing role="img".

Updated README with the new file sizes.
This commit is contained in:
arturoacevedob
2017-12-09 22:06:14 -06:00
parent 2812115c9a
commit 892fc4a27a
8 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
README.md
View File

@@ -7,7 +7,7 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
## How Small?
| 747 Bytes SVG | 3,549 Bytes PNG | 428 Bytes SVG | 3,388 Bytes PNG | 252 Bytes SVG | 2,581 Bytes PNG |
| 617 Bytes SVG | 3,549 Bytes PNG | 428 Bytes SVG | 3,388 Bytes PNG | 250 Bytes SVG | 2,581 Bytes PNG |
|------ |----------- |------ |---------- |------ |----------- |
| <img src="https://edent.github.io/SuperTinyIcons/images/svg/github.svg" width="100" /> | <img src="https://edent.github.io/SuperTinyIcons/images/png/github.png" width="100" /> | <img src="https://edent.github.io/SuperTinyIcons/images/svg/twitter.svg" width="100" /> | <img src="https://edent.github.io/SuperTinyIcons/images/png/twitter.png" width="100" /> | <img src="https://edent.github.io/SuperTinyIcons/images/svg/flickr.svg" width="100" /> | <img src="https://edent.github.io/SuperTinyIcons/images/png/flickr.png" width="100" /> |
@@ -16,8 +16,8 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
<table>
<tr>
<td><img src="images/svg/hackernews.svg" width="125" title="Hacker News" /><br>230 Bytes</td>
<td><img src="images/svg/flickr.svg" width="125" title="flickr" /><br>252 Bytes</td>
<td><img src="images/svg/facebook.svg" width="125" title="Facebook" /><br>270 Bytes</td>
<td><img src="images/svg/flickr.svg" width="125" title="flickr" /><br>250 Bytes</td>
<td><img src="images/svg/facebook.svg" width="125" title="Facebook" /><br>283 Bytes</td>
<td><img src="images/svg/tumblr.svg" width="125" title="tumblr" /><br>451 Bytes</td>
<td><img src="images/svg/twitter.svg" width="125" title="Twitter" /><br>438 Bytes</td>
<td><img src="images/svg/whatsapp.svg" width="125" title="WhatsApp" /><br>630 Bytes</td>
@@ -35,7 +35,7 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
<td><img src="images/svg/reddit.svg" width="125" title="Reddit" /><br>529 Bytes</td>
<td><img src="images/svg/pinterest.svg" width="125" title="Pinterest" /><br>532 Bytes</td>
<td><img src="images/svg/paypal.svg" width="125" title="PayPal" /><br>583 Bytes</td>
<td><img src="images/svg/github.svg" width="125" title="GitHub" /><br>747 Bytes</td>
<td><img src="images/svg/github.svg" width="125" title="GitHub" /><br>617 Bytes</td>
<td><img src="images/svg/wikipedia.svg" width="125" title="Wikipedia" /><br>610 Bytes</td>
</tr>
<tr>
@@ -113,7 +113,7 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
<tr>
<td><img src="images/svg/delicious.svg" width="125" title="delicious" /><br>270 Bytes</td>
<td><img src="images/svg/disqus.svg" width="125" title="Disqus" /><br>376 Bytes</td>
<td><img src="images/svg/ghost.svg" width="125" title="Ghost" /><br>273 Bytes</td>
<td><img src="images/svg/ghost.svg" width="125" title="Ghost" /><br>260 Bytes</td>
<td><img src="images/svg/opensource.svg" width="125" title="Open Source" /><br>256 Bytes</td>
<td><img src="images/svg/patreon.svg" width="125" title="Patreon" /><br>251 Bytes</td>
<td><img src="images/svg/trello.svg" width="125" title="Trello" /><br>276 Bytes</td>

2
images/svg/badoo.svg
View File

@@ -1 +1 @@
<svg fill="#fff" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Badoo"><rect fill="#7000e3" height="512" rx="15%" width="512"/><path d="M256 160a102 105 0 0 0-183 61c0 92 122 208 183 208s183-116 183-208c0-56-45-102-101-102-33 0-63 15-82 41z" fill="#ff671b"/></svg>
<svg fill="#fff" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Badoo" role="img"><rect fill="#7000e3" height="512" rx="15%" width="512"/><path d="M256 160a102 105 0 0 0-183 61c0 92 122 208 183 208s183-116 183-208c0-56-45-102-101-102-33 0-63 15-82 41z" fill="#ff671b"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 286 B

After

Width:  |  Height:  |  Size: 298 B

2
images/svg/bitbucket.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="#205081" aria-label="Bitbucket" viewBox="0 0 512 512"><rect width="512" height="512" fill="#fff" rx="15%"/><path d="M422 130a10 10 0 0 0-9.9-11.7H100.5a10 10 0 0 0-10 11.7L136 409a10 10 0 0 0 9.9 8.4h221c5 0 9.2-3.5 10-8.4L422 130zM291 316.8h-69.3l-18.7-98h104.8z" fill="#2684ff"/><path d="m59.632 25.2H40.94l-3.1 18.3h-13v18.9H52c1 0 1.7-.7 1.8-1.6l5.8-35.6z" fill="url(#a)" transform="translate(89.8 85) scale(5.3285)"/><linearGradient id="a" gradientTransform="scale(-31.4) rotate(-39 -2 2)" gradientUnits="userSpaceOnUse" x2="1"><stop offset="0" stop-color="#0052cc"/><stop offset="1" stop-color="#2684ff"/></linearGradient></svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="#205081" aria-label="Bitbucket" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#fff" rx="15%"/><path d="M422 130a10 10 0 0 0-9.9-11.7H100.5a10 10 0 0 0-10 11.7L136 409a10 10 0 0 0 9.9 8.4h221c5 0 9.2-3.5 10-8.4L422 130zM291 316.8h-69.3l-18.7-98h104.8z" fill="#2684ff"/><path d="m59.632 25.2H40.94l-3.1 18.3h-13v18.9H52c1 0 1.7-.7 1.8-1.6l5.8-35.6z" fill="url(#a)" transform="translate(89.8 85) scale(5.3285)"/><linearGradient id="a" gradientTransform="scale(-31.4) rotate(-39 -2 2)" gradientUnits="userSpaceOnUse" x2="1"><stop offset="0" stop-color="#0052cc"/><stop offset="1" stop-color="#2684ff"/></linearGradient></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 680 B

After

Width:  |  Height:  |  Size: 692 B

2
images/svg/facebook.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Facebook" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#3b5998" rx="15%"/><path fill="#fff" d="M287 456V157c0-21 6-35 35-35h38V59c-7-1-29-3-55-3-54 0-91 33-91 94v306m143-254H152v72h196"/></svg>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Facebook" role="img"><rect fill="#3b5998" height="512" rx="15%" width="512"/><path d="m330 512v-190h64l9-74h-73v-47c0-22 6-36 37-36h39v-66c-7-1-30-3-57-3-57 0-95 34-95 98v54h-64v74h64v190z" fill="#fff"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 270 B

After

Width:  |  Height:  |  Size: 283 B

2
images/svg/flickr.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Flickr" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#fff" rx="15%"/><circle cx="150" cy="256" r="100" fill="#006ADD"/><circle cx="365" cy="256" r="100" fill="#FF1981"/></svg>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Flickr" role="img"><rect fill="#fff" height="512" rx="15%" width="512"/><circle cx="157" cy="256" fill="#006add" r="93"/><circle cx="355" cy="256" fill="#ff1981" r="93"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 252 B

After

Width:  |  Height:  |  Size: 250 B

2
images/svg/ghost.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Ghost" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#e8e9eb" rx="15%"/><path stroke="#3d515b" stroke-width="72" d="M75 111h220H75zm289 0h72-72zM75 256h364H75zm0 142h144H75zm220 0h144-144z"/></svg>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Ghost" role="img"><rect fill="#e8e9eb" height="512" rx="15%" width="512"/><path d="m101 134h187zm246 0h61zm-246 123h310zm0 121h123zm187 0h123z" stroke="#3d515b" stroke-width="61"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 273 B

After

Width:  |  Height:  |  Size: 260 B

2
images/svg/github.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Github" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#171515" rx="15%"/><path fill="#fff" d="M119 255c17 30 49 48 102 53-8 6-17 17-18 30-10 6-29 8-44 3-21-7-29-48-61-42-7 1-6 6 0 10 10 6 21 16 26 30 12 31 37 39 77 33v45c0 14-20 18-20 25 0 3 7 3 12 3 10 0 32-9 32-23 0-12 0-52 1-59 0-15 8-20 8-20s1 82-2 92c-4 13-10 11-10 17 0 9 26 2 35-17 7-15 4-95 3-94h7s0 37 1 53c0 17-1 39 9 50 7 7 29 19 29 8 0-6-12-12-12-29v-79c10 0 8 26 8 26l1 48s-2 18 19 25c8 3 24 3 25-1s-20-11-20-25v-49c0-36-5-49-22-60 53-5 86-18 102-53 10-20 12-44 12-62 0-50-24-67-29-76 7-38-1-55-5-60-14-5-48 12-66 24-30-9-94-8-118 2-44-31-67-26-67-26s-15 27-4 66c-15 18-25 31-26 65 0 27 3 44 15 67z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Github" role="img" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%"/><clipPath id="a"><rect width="512" height="512" rx="15%"/></clipPath><path fill="#fff" d="M335 499c14 0 12 17 12 17H165s-2-17 12-17c13 0 16-6 16-12l-1-50c-71 16-86-28-86-28-12-30-28-37-28-37-24-16 1-16 1-16 26 2 40 26 40 26 22 39 59 28 74 22 2-17 9-28 16-35-57-6-116-28-116-126 0-28 10-51 26-69-3-6-11-32 3-67 0 0 21-7 70 26 42-12 86-12 128 0 49-33 70-26 70-26 14 35 6 61 3 67 16 18 26 41 26 69 0 98-60 120-117 126 10 8 18 24 18 48l-1 70c0 6 3 12 16 12z" clip-path="url(#a)"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 747 B

After

Width:  |  Height:  |  Size: 617 B

2
images/svg/gitlab.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Gitlab" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#e65328" rx="15%"/><path fill="#fff" d="M389 77c-3-7-13-7-15 0l-44 136H182L138 77c-2-7-12-7-15 0L57 282c-2 6 0 13 5 17l194 141 194-141c5-4 7-11 5-17z"/></svg>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Gitlab" role="img"><rect fill="#fff" height="512" rx="15%" width="512"/><path d="m84 215 43-133c2-7 12-7 14 0l115 353 115-353c2-7 12-7 14 0l43 133" fill="#e24329"/><path d="m256 435-172-220h100.4zm71.7-220h100.3l-172 220 71.6-220z" fill="#fc6d26"/><path d="m84 215-22 67c-2 6 0 13 6 16l188 137zm344 0 22 67c2 6 0 13-6 16l-188 137z" fill="#fca326"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 289 B

After

Width:  |  Height:  |  Size: 429 B