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

Better Readme

Browse Source
This commit is contained in:
edent
2017-04-14 08:16:11 +01:00
parent 785dd5c329
commit bd93fa1142
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
README.md
View File

@@ -3,15 +3,17 @@ Under 1KB each! Super Tiny Social Icons are miniscule SVG versions of your favou
They are designed for a 512x512 viewbox - but should scale up and down to suit your needs. They are designed for a 512x512 viewbox - but should scale up and down to suit your needs.
Built using [svgo](https://github.com/svg/svgo)
Originally designed for my contact page - https://edent.tel/ Originally designed for my contact page - https://edent.tel/
## How Small? ## How Small?
| 839 Bytes SVG | xxx *K*B PNG | 918 Bytes SVG | XXX KB PNG | 770 Bytes SVG | xxx *K*B PNG | 918 Bytes SVG | XXX KB PNG |
|------ |----------- |------ |---------- |------ |----------- |------ |---------- |
| ![GitHub Logo](https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/tiny/github.svg) | png | ![Skype Logo](https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/tiny/skype.svg) | png | ![Twitter Logo](https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/tiny/twitter.svg) | png | ![Flickr Logo](https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/tiny/flickr.svg) | png |
## Can you go smaller? ## Can you go smaller?
Yes! Yes! These files were minified using [svgo](https://github.com/svg/svgo) and then hand edited. Further smallification is possible.
Each of these has an `xmlns="http://www.w3.org/2000/svg"` in the `<svg>` tag. This isn't strictly necessary - but some web browsers won't display them as an image without it. Each of these has an `xmlns="http://www.w3.org/2000/svg"` in the `<svg>` tag. This isn't strictly necessary - but some web browsers won't display them as an image without it.
@@ -19,6 +21,8 @@ Newlines can be stripped - they've been kept for readability where possible.
Rounded corners can be dropped - `rx="15%" ry="15%"` - the effect can be done in CSV if you want. Rounded corners can be dropped - `rx="15%" ry="15%"` - the effect can be done in CSV if you want.
The background colour can also be excluded if you're including it elsewhere.
The precision of the paths is *mostly* 0 decimal places. A few logos have 1 or 2 dp to make them look more accurate. The precision can be dropped if necessary. The precision of the paths is *mostly* 0 decimal places. A few logos have 1 or 2 dp to make them look more accurate. The precision can be dropped if necessary.
More? Tell me by raising an issue! More? Tell me by raising an issue!
@@ -35,3 +39,4 @@ The majority of these vector logos are based on someone else's work.
* [HTML5 Shield](https://www.w3.org/html/logo/) - CC-BY * [HTML5 Shield](https://www.w3.org/html/logo/) - CC-BY
Where possible, they retain their original licenses. Some logos may be subject to copyright laws, but these files are small enough to memorise. Where possible, they retain their original licenses. Some logos may be subject to copyright laws, but these files are small enough to memorise.