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

Merge branch 'master' of github.com:edent/SuperTinySocialIcons

Browse Source
This commit is contained in:
edent
2017-11-29 09:37:14 +00:00
parent 734179757f 675567964e
commit 50b5f155b7
6 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@@ -91,7 +91,7 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
<tr>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/ebay.svg" width="125" title="eBay" /><br>830 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/evernote.svg" width="125" title="Evernote" /><br>799 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/kickstarter.svg" width="125" title="Kickstarter" /><br>661 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/kickstarter.svg" width="125" title="Kickstarter" /><br>308 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/yahoo.svg" width="125" title="Yahoo!" /><br>575 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/bitcoin.svg" width="125" title="BitCoin" /><br>525 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/bluetooth.svg" width="125" title="bluetooth" /><br>255 Bytes</td>

2
images/svg/apple.svg
View File

@@ -1 +1 @@
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Apple" role="img"><rect height="512" rx="15%" width="512"/><path d="m419 349c-12 28-29 52-50 73a54 54 0 0 1 -36 16c-9 0-20-3-33-8a91 91 0 0 0 -72 0c-13 5-23 8-32 8-12 1-24-5-36-16-46-44-72-105-73-169 0-27 5-51 18-70 18-31 50-50 86-51 9 0 22 3 38 9s25 9 30 9c4 0 15-4 33-10 18-7 34-10 46-9 34 3 59 16 77 41a85 85 0 0 0 -45 76 85 85 0 0 0 55 82zm-78-305c0 20-7 39-22 56-18 21-40 33-63 31v-8a93 93 0 0 1 84-87z" fill="#fff"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Apple" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#666" rx="15%"/><path d="M400 352c-11 26-28 49-47 68-9 10-22 15-35 16-7 0-18-3-31-8-21-9-46-9-67 0-13 5-22 8-31 8-11 1-22-5-34-16-43-41-68-99-69-159 0-26 5-48 17-66 18-29 48-47 81-48 9 0 22 3 37 8 14 6 23 9 28 9 4 0 14-4 31-10s33-9 43-8c33 3 56 15 73 38a80 80 0 0 0-42 73c-1 33 19 64 52 77zM326 64c0 19-7 36-20 53-18 19-38 31-60 29v-8c3-43 36-78 79-82z" fill="#fff"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 502 B

After

Width:  |  Height:  |  Size: 503 B

2
images/svg/kickstarter.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Kickstarter" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#fff" rx="15%"/><defs><clipPath id="a"><path d="M1226.4 862.8l154 153a405.2 405.2 0 0 1 0 575 411.8 411.8 0 0 1-578.9 0l-56-55.7A409 409 0 0 1 409 1710c-225.8 0-409-182-409-406.3v-881C0 198.5 183.2 16.6 409 16.6a409 409 0 0 1 336.5 174.9l56-55.7a411.8 411.8 0 0 1 578.9 0 405.2 405.2 0 0 1 0 575z"/></clipPath><clipPath id="b"><path d="M0 0h1500v1710H0z"/></clipPath></defs><g clip-path="url(#a)" transform="matrix(.25981 0 0 -.25981 61 480.3)"><g clip-path="url(#b)"><path fill="#034752" d="M0 0h1650v1860H0z"/></g></g></svg>
<svg viewBox="0 0 512 512" aria-label="Kickstarter" role="img" xmlns="http://www.w3.org/2000/svg"><rect fill="#fff" height="512" rx="15%" width="512"/><path d="m170 142v225l60-110 115-115-115 115 115 110" fill="none" stroke="#034752" stroke-linecap="round" stroke-linejoin="round" stroke-width="210"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 661 B

After

Width:  |  Height:  |  Size: 308 B

2
images/svg/ubuntu.svg
View File

@@ -1 +1 @@
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Ubuntu" role="img"><rect fill="#e65e17" height="512" rx="15%" width="512"/><circle cx="268" cy="256" fill="#fff" r="158"/><circle cx="268" cy="256" fill="#e65e17" r="104"/><circle cx="84" cy="257" fill="#e65e17" r="50"/><circle cx="84" cy="257" fill="#fff" r="38"/><circle cx="361" cy="417" fill="#e65e17" r="50"/><circle cx="361" cy="417" fill="#fff" r="38"/><circle cx="361" cy="96" fill="#e65e17" r="50"/><circle cx="361" cy="96" fill="#fff" r="38"/><path d="m432 266v-20h-64v20zm-254 126 18 10 32-55-18-10zm18-283-18 11 32 55 18-10z" fill="#e65e17"/></svg>
<svg fill="#e65e17" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Ubuntu" role="img"><rect height="512" rx="15%" width="512"/><circle cx="263" cy="256" fill="#fff" r="158"/><circle cx="263" cy="256" r="104"/><circle cx="79" cy="257" r="50"/><circle cx="79" cy="257" fill="#fff" r="38"/><circle cx="356" cy="417" r="50"/><circle cx="356" cy="417" fill="#fff" r="38"/><circle cx="356" cy="96" r="50"/><circle cx="356" cy="96" fill="#fff" r="38"/><path d="M427 266v-20h-64v20zM173 392l18 10 32-55-18-10zm18-283l-18 11 32 55 18-10z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 634 B

After

Width:  |  Height:  |  Size: 559 B

2
images/svg/wikipedia.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Wikipedia" role="img" viewBox="0 0 512 512"><rect width="512" height="512" fill="#282828" rx="15%"/><path fill="#fff" d="M57 130l-1 1v7c0 2 2 3 5 3 21 1 21 5 29 24l94 205c7 15 17 17 26-1l47-92 44 92c8 16 17 17 25 0l90-203c8-18 20-25 37-25 2 0 3-1 3-3v-7l-1-1h-83l-1 1v7c0 2 2 3 4 3 11 0 30 2 22 20l-73 173-3-1-45-92 38-75c9-16 11-25 27-25 2 0 4-1 4-3v-7l-1-1h-67l-1 1v7c0 3 4 3 7 3 19 1 17 8 11 20l-29 58-26-54c-9-17-11-22 2-23 4-1 9-1 9-4v-7l-1-1h-72l-1 1v8c0 2 2 2 5 2 12 2 12 3 24 27l42 88-39 78-3-1-80-174c-8-18 3-17 19-18 3 0 3-1 3-3v-7l-1-1z"/></svg>
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Wikipedia" role="img"><rect fill="#f3f3f3" height="512" rx="15%" width="512"/><path d="m57 147-1 1v7c0 2 2 3 5 3 21 1 21 5 29 24l94 205c7 15 17 17 26-1l47-92 44 92c8 16 17 17 25 0l90-203c8-18 20-25 37-25 2 0 3-1 3-3v-7l-1-1h-83l-1 1v7c0 2 2 3 4 3 11 0 30 2 22 20l-73 173-3-1-45-92 38-75c9-16 11-25 27-25 2 0 4-1 4-3v-7l-1-1h-67l-1 1v7c0 3 4 3 7 3 19 1 17 8 11 20l-29 58-26-54c-9-17-11-22 2-23 4-1 9-1 9-4v-7l-1-1h-72l-1 1v8c0 2 2 2 5 2 12 2 12 3 24 27l42 88-39 78-3-1-80-174c-8-18 3-17 19-18 3 0 3-1 3-3v-7l-1-1z" fill="#2f2f2f"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 608 B

After

Width:  |  Height:  |  Size: 610 B

5
radius.html
View File

@@ -79,7 +79,10 @@
var urls = items.map(item => 'images/svg/' + item + '.svg');
var icons;
Promise.all(urls.map(url => fetch(url).then(res => res.text()))).then(all => {
icons = all;
icons = all.map(icon => {
return icon + '<b>' + icon.match(/aria-label\=\"(.*?)\"/)[1] + '</b>';
});
render(range.value);
});