edent-gh/SuperTinyIcons
1
0
Fork 0
forked from edent/SuperTinyIcons
Code Pull Requests Activity

Yammer

Browse Source 
Small README improvements
This commit is contained in:
edent
2017-10-31 08:29:21 +00:00
parent a1ec1097e8
commit 21f0993fb1
3 changed files with 17 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
README.md
View File

@@ -1,12 +1,12 @@
# Super Tiny Social Icons # Super Tiny Social Icons
Under 1KB each! Super Tiny Social Icons are minuscule SVG versions of your favourite logos. The average size is *under* 500 bytes! Under 1KB each! Super Tiny Web Icons are minuscule SVG versions of your favourite logos. The average size is *under* 500 bytes!
The logos are 400x400 & have a 512x512 viewbox. They will scale up and down to suit your needs. The logos have a 512x512 viewbox, they will fit in a circle with radius 256. They will scale up and down to suit your needs.
You can [play around with the corner radius size using our interactive tool](https://edent.github.io/SuperTinySocialIcons/radius.html)
Originally created for my contact page - [https://edent.tel/](https://edent.tel/) Originally created for my contact page - [https://edent.tel/](https://edent.tel/)
**New!** Icons also available in [Android Vector Drawables](https://developer.android.com/guide/topics/graphics/vector-drawable-resources.html) so you can easily use them in Android apps. Converted using https://github.com/inloop/svg2android/issues - not guaranteed to be under 1KB.
## How Small? ## How Small?
| 720 Bytes SVG | 21,263 Bytes PNG | 397 Bytes SVG | 20,225 Bytes PNG | 211 Bytes SVG | 11,837 Bytes PNG | | 720 Bytes SVG | 21,263 Bytes PNG | 397 Bytes SVG | 20,225 Bytes PNG | 211 Bytes SVG | 11,837 Bytes PNG |
@@ -98,7 +98,7 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
</tr> </tr>
<tr> <tr>
<td><img src="https://edent.github.io/SuperTinySocialIcons/tiny/ibm.svg" width="125" title="IBM" /><br>912 Bytes</td> <td><img src="https://edent.github.io/SuperTinySocialIcons/tiny/ibm.svg" width="125" title="IBM" /><br>912 Bytes</td>
<td></td> <td><img src="https://edent.github.io/SuperTinySocialIcons/tiny/yammer.svg" width="125" title="Yammer" /><br>918 Bytes</td>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
@@ -106,8 +106,6 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
</tr> </tr>
</table> </table>
You can [play around with the corner radius size using our interactive tool](https://edent.github.io/SuperTinySocialIcons/radius.html)
## Why so smallious? ## Why so smallious?
Bytes cost money. They cost money to store, transport, and process. Simplicity should be our goal in all endeavours. Bytes cost money. They cost money to store, transport, and process. Simplicity should be our goal in all endeavours.
@@ -127,6 +125,9 @@ Think you can make them smaller? Tell me by raising an issue!
Want more icons? Tell me by raising an issue! Want more icons? Tell me by raising an issue!
**New!** Icons also available in [Android Vector Drawables](https://developer.android.com/guide/topics/graphics/vector-drawable-resources.html) so you can easily use them in Android apps. Converted using https://github.com/inloop/svg2android/issues - not guaranteed to be under 1KB.
## Licenses ## Licenses
The majority of these vector logos are based on someone else's work. The majority of these vector logos are based on someone else's work.
@@ -154,6 +155,9 @@ The majority of these vector logos are based on someone else's work.
* [Yahoo!](https://commons.wikimedia.org/wiki/File:Yahoo!_logo.svg) * [Yahoo!](https://commons.wikimedia.org/wiki/File:Yahoo!_logo.svg)
* [BitCoin](https://commons.wikimedia.org/wiki/File:Bitcoin_logo.svg) - CC0 * [BitCoin](https://commons.wikimedia.org/wiki/File:Bitcoin_logo.svg) - CC0
* [Bluetooth](https://commons.wikimedia.org/wiki/File:Bluetooth.svg) * [Bluetooth](https://commons.wikimedia.org/wiki/File:Bluetooth.svg)
* [IBM](https://github.com/gilbarbara/logos/) - CC0
From [SVGporn](https://github.com/gilbarbara/logos/) - CC0
* IBM
* Yammer
Where possible, they retain their original licenses. Some logos may be subject to copyright and trademark laws, but these files are small enough to memorise. Where possible, they retain their original licenses. Some logos may be subject to copyright and trademark laws, but these files are small enough to memorise.

2
javascript.js
View File

@@ -9,7 +9,7 @@ var items = [
'line', 'lastpass', 'windows', 'digidentity', 'ubuntu', 'bitbucket', 'line', 'lastpass', 'windows', 'digidentity', 'ubuntu', 'bitbucket',
'apple', 'npm', 'docker', 'symantec', 'yubico', 'keybase', 'apple', 'npm', 'docker', 'symantec', 'yubico', 'keybase',
'ebay', 'evernote', 'kickstarter', 'yahoo', 'bitcoin', 'bluetooth', 'ebay', 'evernote', 'kickstarter', 'yahoo', 'bitcoin', 'bluetooth',
'ibm' 'ibm', 'yammer'
]; ];
var container = document.querySelector('.icons'); var container = document.querySelector('.icons');

4
tiny/yammer.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<rect fill="#fff" height="512" rx="15%" width="512"/>
<path d="M487.21 238.2c-.88-.04-1.8-.05-2.77-.05-16.14.03-132.25 12.77-126.43 24.6 5.8 11.7 77.3 17.4 128.26 17.41a21.42 21.42 0 0 0 17.68-22.54 21.45 21.45 0 0 0-16.74-19.42M447.84 361c-44.7-24.48-110.1-53.92-120.83-46.42-10.8 7.56 84.86 74.6 99 82.38l2.45 1.3a21.45 21.45 0 0 0 24.03-8.99c5.96-9.3 3.8-21.5-4.65-28.27m0-201.53a21.42 21.42 0 0 0 4.65-28.26 21.45 21.45 0 0 0-24.03-8.99c-.77.4-1.58.83-2.44 1.3-14.15 7.8-109.8 74.82-99 82.38 10.72 7.5 76.13-21.94 120.82-46.43zM179.83 338.91c-13.3 37.55-25.61 55.13-53.9 55.13-2.73 0-12.24-.56-12.86-.61a19.79 19.79 0 0 0-6.44 38.77c7.5 1.31 15.2 1.8 22.1 1.8 52.13 0 69.37-30.01 86.58-73.83L317 106.47a21.87 21.87 0 0 0-14.15-27.45 21.84 21.84 0 0 0-27.13 13.28l-71.47 188.87h-1.12l-75.17-190.3a23.09 23.09 0 0 0-42.82 17.07z" fill="#265495"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 918 B