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

Gmail and Google Play Logos (#97)

Browse Source 
* gmail and google play

Signed-off-by: tony <tonyraoul6699@gmail.com>

* fix gmail icon display in chrome

Signed-off-by: tony <tonyraoul6699@gmail.com>

* fix gmail aria name

Signed-off-by: tony <tonyraoul6699@gmail.com>
This commit is contained in:
Tony Raoul
2017-12-01 22:03:25 +02:00
committed by Terence Eden
parent b8f81ea312
commit fbb7c8e8e7
6 changed files with 74 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
README.md
View File

@@ -125,9 +125,12 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/badoo.svg" width="125" title="Badoo" /><br>373 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/samsunginternet.svg" width="125" title="Samsung Internet" /><br>943 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/laravel.svg" width="125" title="Laravel" /><br>879 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/twilio.svg" width="125" title="Twilio" /><br>395 Bytes</td>
<td></td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/google_play.svg" width="125" title="Google Play" /><br>612 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/gmail.svg" width="125" title="Gmail" /><br>745 Bytes</td>
</tr>
<tr>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/twilio.svg" width="125" title="Twilio" /><br>395 Bytes</td>
<tr>
</table>
## Why so smallious?
@@ -213,6 +216,8 @@ The majority of these vector logos are based on someone else's work.
* [intel](https://commons.wikimedia.org/wiki/File:Intel-logo.svg)
* [Badoo](https://team.badoo.com/new/)
* [YouTube](https://www.youtube.com/yt/about/brand-resources/#logos-icons-colors)
* [Google Play](https://commons.wikimedia.org/wiki/File:Google_Play_symbol_2016.svg)
* [Gmail](https://commons.wikimedia.org/wiki/File:Gmail_Icon.svg)
* [Samsung Internet](https://github.com/edent/SuperTinyIcons/pull/74/commits/8824bdaf1346a472ab425347f958e8e64c0948ee)
From [SVGporn](https://github.com/gilbarbara/logos/) - CC0

28
images/reference/gmail.svg Normal file
View File

@@ -0,0 +1,28 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.2" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 64 64" overflow="scroll" xml:space="preserve">
<path fill="#EAEAEA" d="M53,50H11c-1.657,0-3-1.343-3-3V17c0-1.657,1.343-3,3-3h42c1.657,0,3,1.343,3,3v30
C56,48.657,54.657,50,53,50z"/>
<path fill="#D54C3F" d="M14,50h-3c-1.657,0-3-1.343-3-3V17c0-1.657,1.343-3,3-3h0c1.657,0,3,1.343,3,3V50z"/>
<path fill="#B63524" d="M50,50h3c1.657,0,3-1.343,3-3V17c0-1.657-1.343-3-3-3h0c-1.657,0-3,1.343-3,3V50z"/>
<path fill="#DE5145" d="M54.718,19.46C55.493,18.917,56,18.018,56,17c0-1.657-1.343-3-3-3c-0.639,0-1.232,0.2-1.718,0.54
c0,0-19.28,14.037-19.28,14.037L32,28.578l-0.002-0.001L12.718,14.54C12.232,14.2,11.639,14,11,14c-1.657,0-3,1.343-3,3
c0,1.018,0.507,1.917,1.282,2.46l-0.08-0.059L32,36"/>
<line fill="#DE5145" x1="54.799" y1="19.401" x2="32" y2="36"/>
<path fill="#EFEFEF" d="M53,14c-0.639,0-1.232,0.2-1.718,0.54c0,0-19.28,14.037-19.28,14.037L32,28.578l-0.002-0.001L12.718,14.54
C12.232,14.2,11.639,14,11,14L53,14z"/>
<path fill="#C64132" d="M14.001,24.188L8.945,19.18l-0.002,0.004c0.106,0.1,0.219,0.192,0.339,0.276l-0.08-0.059l4.8,3.495
l-0.001,1.328"/>
<polyline fill="#E3E3E3" points="28.668,38.591 14,50 14.001,24.063 28.665,38.587 "/>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="14.0005" y1="30.7436" x2="32" y2="30.7436">
<stop offset="0" style="stop-color:#C8C8C8"/>
<stop offset="1" style="stop-color:#CDCDCD"/>
</linearGradient>
<polygon fill="url(#SVGID_1_)" points="28.668,38.591 32,36 14.001,22.896 14.001,24.063 28.665,38.587 "/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="28.6645" y1="36.4474" x2="50" y2="36.4474">
<stop offset="0" style="stop-color:#D9D9D9"/>
<stop offset="1" style="stop-color:#E2E2E2"/>
</linearGradient>
<polygon fill="url(#SVGID_2_)" points="40.061,50 50,50 50,22.895 32,36 28.665,38.587 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

35
images/reference/google_play.svg Normal file
View File

@@ -0,0 +1,35 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" id="Layer_2" x="0px" y="0px" width="120.92399" height="129.16048" viewBox="0 0 120.92399 129.16047" enable-background="new 0 0 841.89 595.28" xml:space="preserve" inkscape:version="0.48.5 r10040" sodipodi:docname="Google Play symbol 2012-2016.svg"><metadata id="metadata55"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs id="defs53"><linearGradient inkscape:collect="always" xlink:href="#linearGradient4501" id="linearGradient4507" x1="-4561.0913" y1="2932.0034" x2="-4561.0913" y2="3070.1477" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.8017479,0,0,1.8017479,3716.8332,-2503.325)" /><linearGradient id="linearGradient4501"><stop style="stop-color:#196eef;stop-opacity:1" offset="0" id="stop4503" /><stop id="stop4509" offset="0.5" style="stop-color:#186dee;stop-opacity:1" /><stop style="stop-color:#1065e7;stop-opacity:1" offset="1" id="stop4505" /></linearGradient><linearGradient id="linearGradient4511"><stop style="stop-color:#de5744;stop-opacity:1" offset="0" id="stop4513" /><stop id="stop4523" offset="0.5" style="stop-color:#db4632;stop-opacity:1" /><stop style="stop-color:#d13d29;stop-opacity:1" offset="1" id="stop4515" /></linearGradient><linearGradient id="linearGradient4535"><stop style="stop-color:#1a6fef;stop-opacity:1" offset="0" id="stop4537" /><stop id="stop4547" offset="0.25" style="stop-color:#1e72ef;stop-opacity:1" /><stop id="stop4545" offset="0.5" style="stop-color:#166bec;stop-opacity:1" /><stop id="stop4543" offset="0.75" style="stop-color:#1267e9;stop-opacity:1" /><stop style="stop-color:#1063e5;stop-opacity:0.87450981" offset="1" id="stop4539" /></linearGradient><linearGradient id="linearGradient4551"><stop style="stop-color:#0aa561;stop-opacity:1" offset="0" id="stop4553" /><stop id="stop4559" offset="0.5" style="stop-color:#009b58;stop-opacity:1" /><stop style="stop-color:#00914b;stop-opacity:1" offset="1" id="stop4555" /></linearGradient><linearGradient id="linearGradient4561"><stop style="stop-color:#de5644;stop-opacity:1" offset="0" id="stop4563" /><stop id="stop4569" offset="0.5" style="stop-color:#da4531;stop-opacity:1" /><stop style="stop-color:#ce3a28;stop-opacity:1" offset="1" id="stop4565" /></linearGradient><linearGradient id="linearGradient4525"><stop style="stop-color:#ffc01a;stop-opacity:1" offset="0" id="stop4527" /><stop id="stop4533" offset="0.5" style="stop-color:#ffba03;stop-opacity:1" /><stop style="stop-color:#ffb300;stop-opacity:1" offset="1" id="stop4529" /></linearGradient></defs><sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1366" inkscape:window-height="706" id="namedview51" showgrid="false" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" inkscape:zoom="1.8773332" inkscape:cx="236.78482" inkscape:cy="65.546814" inkscape:window-x="-8" inkscape:window-y="-8" inkscape:window-maximized="1" inkscape:current-layer="Layer_2" />
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="226.8584" y1="284.50681" x2="210.5396" y2="252.47929" gradientTransform="translate(-124.695,-206.60064)">
<stop offset="0" style="stop-color:#FCD08F" id="stop12" />
<stop offset="1" style="stop-color:#F79673" id="stop14" />
</linearGradient>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="203.1299" y1="279.73831" x2="140.9948" y2="346.37" gradientTransform="translate(-124.695,-206.60064)">
<stop offset="0" style="stop-color:#E74047" id="stop19" />
<stop offset="1" style="stop-color:#7F50A0" id="stop21" />
</linearGradient>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="203.4604" y1="261.66989" x2="140.33949" y2="196.3062" gradientTransform="translate(-124.695,-206.60064)">
<stop offset="0" style="stop-color:#E6FFAB" id="stop26" />
<stop offset="1" style="stop-color:#47BEBC" id="stop28" />
</linearGradient>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="159.23779" y1="335.7168" x2="159.23779" y2="206.7505" gradientTransform="translate(-124.695,-206.60064)">
<stop offset="0" style="stop-color:#84E9DB" id="stop33" />
<stop offset="1" style="stop-color:#197491" id="stop35" />
</linearGradient>
<g id="g3042" transform="translate(0,7.0250703e-6)"><path style="fill:#ffe300;fill-opacity:1" inkscape:connector-curvature="0" id="path16" d="m 89.178,84.522358 c 15.287,-8.367 26.962,-14.758 28.024,-15.34 3.168,-1.734 6.487,-6.159 0,-9.696 -2.085,-1.139 -13.446,-7.334 -28.042,-15.297 l -20.075,20.229 20.093,20.104 z" /><path style="fill:#ff4e54;fill-opacity:1" inkscape:connector-curvature="0" id="path23" d="M 69.084,64.418358 4.876,129.11636 c 1.45,0.184 3.194,-0.2 5.2,-1.298 4.153,-2.273 48.753,-26.686 79.102,-43.298002 l -20.094,-20.102 z" /><path style="fill:#00f085;fill-opacity:1" inkscape:connector-curvature="0" id="path30" d="m 69.084,64.418358 20.075,-20.229 c 0,0 -74.616,-40.7089996 -79.083,-43.1459996 C 8.359,0.10635843 6.487,-0.22064157 4.83,0.14835843 L 69.084,64.418358 z" /><path style="fill:#00e0ff;fill-opacity:1" inkscape:connector-curvature="0" id="path37" d="M 69.084,64.418358 4.829,0.14935843 C 2.175,0.74135843 0,3.0383584 0,7.6553584 0,15.155358 0,115.10836 0,121.40536 c 0,4.348 1.711,7.406 4.875,7.711 L 69.084,64.418358 z" /></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

1
images/svg/gmail.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Gmail" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%" fill="#fff"/><rect width="360.041" height="267.049" x="75.777" y="122.563" ry="25.32" fill="#d54c3f"/><path fill="#eaeaea" d="M124.491 123.83h274.441v265.779H124.491z"/><path d="M233.36 304.911l-108.87 84.681.008-192.512 108.84 107.802" overflow="scroll" fill="#e3e3e3"/><path d="M317.327 389.636L92.17 164.55l307.687-7.305-.925 232.364z" overflow="scroll" opacity=".09"/><path d="M98.427 122.66L260.8 242.7l149.4-120.0z" fill="#efefef"/><path d="M426.7 162.9a22 22 0 1 0-25.5-36.5L258.1 230.5l-.015.1-.02-.007L115 126.405a22.3 22 0 0 0-25.5 36.5l-.593-.4 169.2 123.2m169.22-123.2l-170 124" fill="#de5145"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 745 B

1
images/svg/google_play.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Google Play" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%" fill="#fff"/><path d="M320 292a5820 5819 0 0 0 78-40c9-4.532 18-16.1 0-25.345-5.822-2-37.542-19-78.295-40l-56 52z" fill="#ffe300"/><path d="M264.073 239.577L84.8 408.698c4.05.481 8.918-.522 14.52-3.393l220.857-113.18z" fill="#ff4e54"/><path d="M264.073 239.577l56.05-52.88L99.32 73.915c-4.794-2.45-10.02-3.304-14.647-2.34z" fill="#00f085"/><path d="M264.073 239.6l-179.404-168c-7.41 1.5-13.5 7.551-13.4 19.62v297.345c0 11.365 4.7 19.36 13.612 20.156z" fill="#00e0ff"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 612 B

3
radius.html
View File

@@ -60,7 +60,8 @@
'ibm', 'yammer', 'android', 'authy', 'blogger', 'cloudflare',
'codepen', 'digitalocean','discord', 'medium', 'airbnb', 'wifi',
'delicious', 'disqus', 'ghost', 'opensource', 'patreon', 'trello',
'intel', 'badoo', 'laravel', 'twilio', 'samsunginternet'
'intel', 'badoo', 'laravel', 'twilio', 'google_play', 'gmail',
'samsunginternet'
];
var container = document.querySelector('.icons');