Resolves issue #282: Created and added iheartradio svg (#306)

* Created and added iheart radio svg using official art files provided by iheart radio - converted eps to svg

* Reduced iheartradio svg to smallest possible size - 2.2 kb - unable to reach 1kb goal

* Modified logo to just heart to reduce size

* Added table cell to README.MD

* Created new iheartradio from scratch - minified to lowest possible size

* Attempt at reducing iheartradio icon down using a mirror image transform.

* Down to 1116 bytes... so nearly there!

* Fix errors

* Only way to fix is put in xlink namespace.

* Almost there...

* Down to 1065 bytes by rounding to 2 decimal places.

* Rounded to 1 decimal place - 948 bytes... Hoorah!

* Shrink it a little

* Updated readme
This commit is contained in:
Henry
2019-10-22 15:29:39 -04:00
committed by Terence Eden
parent 66653302ab
commit d143622551
4 changed files with 11 additions and 1 deletions

View File

@@ -50,6 +50,7 @@ Say thanks!
</tr>
<tr>
<td>Deezer<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/deezer.svg" width="125" title="Deezer"/><br>921 Bytes</td>
<td>iHeartRadio<br><img src="images/svg/iheartradio.svg" width="125" title="iHeartRadio" /><br>912 Bytes</td>
</tr>
</table>

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M76.8 0h358.4C477.6 0 512 34.4 512 76.8v358.4c0 42.4-34.4 76.8-76.8 76.8H76.8C34.4 512 0 477.6 0 435.2V76.8C0 34.4 34.4 0 76.8 0z" fill="#fff"/><path d="M372.4 67C324.1 67 281 92.6 256 129.9 231 92.6 187.9 67 139.6 67 62.7 67 .4 129.3.4 206.2c0 48.8 30.9 84 63.2 116.5l126.2 119.4c4.2 3.9 10.7 3.8 14.7-.4 1.8-1.9 2.8-4.5 2.8-7.1v-93c0-26.9 21.8-48.7 48.7-48.7 26.9 0 48.7 21.8 48.7 48.7v93c0 5.7 4.7 10.4 10.4 10.4 2.7 0 5.2-1 7.1-2.8l126.2-119.4c32.3-32.6 63.2-67.7 63.2-116.5 0-76.9-62.3-139.3-139.2-139.3zM129.6 313.6c-3.5 4-9.6 4.4-13.6.8-41.6-36.9-62.7-75.3-62.7-114.3v-.5c0-33.5 20.5-71.7 47.6-88.7 4.5-2.8 10.5-1.5 13.3 3 2.8 4.5 1.5 10.5-3 13.3-21.6 13.6-38.6 45.3-38.6 72.3v.5c0 33.3 18.9 66.9 56.2 99.9 3.9 3.6 4.3 9.7.8 13.7zm62.1-35.8c-1.7 3-4.9 4.9-8.4 4.9-1.6 0-3.3-.4-4.7-1.2-28.2-15.8-47.2-46.8-47.3-77.2v-.3c.1-28.9 16.2-55.4 41.8-68.8 4.7-2.5 10.6-.7 13 4 2.5 4.7.7 10.6-4 13-19.3 10.1-31.4 30.1-31.4 51.8.1 23.7 15.1 48 37.4 60.5 4.5 2.8 6.2 8.7 3.6 13.3zm106.2-66.5c0 23.1-18.7 41.9-41.9 41.9-23.1 0-41.9-18.7-41.9-41.8 0-23.1 18.7-41.9 41.8-41.9 23.2-.1 41.9 18.6 42 41.8zm35.6 70.2c-1.4.8-3.1 1.2-4.7 1.2-5.3 0-9.6-4.3-9.7-9.6 0-3.5 1.9-6.7 4.9-8.4 22.3-12.5 37.3-36.8 37.4-60.5 0-21.8-12.1-41.7-31.4-51.8-4.7-2.5-6.5-8.3-4-13 2.5-4.7 8.3-6.5 13-4 25.6 13.4 41.6 39.9 41.7 68.8v.3c-.1 30.2-19 61.2-47.2 77zm125.2-81.4c0 39-21.1 77.5-62.7 114.3-3.9 3.6-10 3.3-13.6-.6-3.6-3.9-3.3-10 .6-13.6.1-.1.2-.1.2-.2 37.3-33 56.2-66.6 56.2-99.9v-.5c0-27-16.9-58.8-38.6-72.3-4.4-3.1-5.4-9.1-2.4-13.4 2.8-4.1 8.3-5.3 12.6-2.9 27.1 17 47.6 55.1 47.6 88.7v.4z" fill="#c6002b"/></svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@@ -193,6 +193,7 @@ Where possible this links to the organisation's brand guidelines page.
| <img src="/images/svg/gitea.svg" width="256"/> | <img src="/images/reference/gitea.png" width="256"/> | https://github.com/go-gitea/gitea/tree/master/assets |
| <img src="/images/svg/drone.svg" width="256"/> | <img src="/images/reference/drone.png" width="256"/> | https://github.com/drone/brand |
| <img src="/images/svg/rubygems.svg" width="256"/> | <img src="/images/reference/rubygems.png" width="256"/> | https://rubygems.org |
| <img src="/images/svg/iheartradio.svg" width="256"/> | <img src="/images/reference/iheartradio.svg" width="256" /> | https://www.iheart.com/ |
| <img src="/images/svg/semaphoreci.svg" width="256" /> | <img src="/images/reference/semaphoreci.png" width="256" /> | https://twitter.com/semaphoreci |
| <img src="/images/svg/ubiquiti.svg" width="256"/> | <img src="/images/reference/ubiquiti.png" width="256"/> | https://pbs.twimg.com/profile_images/862701781368713216/B7oW421__400x400.jpg |
| <img src="/images/svg/verizon.svg" width="256"/> | <img src="/images/reference/verizon.png" width="256"/> | https://apps.apple.com/us/app/my-verizon/id416023011 |
@@ -204,4 +205,4 @@ Where possible this links to the organisation's brand guidelines page.
| <img src="/images/svg/messenger.svg" width="256" /> | <img src="/images/reference/messenger.svg" width="256" /> | https://en.facebookbrand.com/assets/messenger/ |
| <img src="/images/svg/ubisoft.svg" width="256"/> | <img src="/images/reference/ubisoft.png" width="256"/> | https://commons.wikimedia.org/wiki/File:Ubisoft_logo.svg |
| <img src="/images/svg/ea.svg" width="256"/> | <img src="/images/reference/ea.png" width="256"/> | https://commons.wikimedia.org/wiki/File:EA-Logo.svg |
| <img src="/images/svg/amazon_alexa.svg" width="256"/> | <img src="/images/reference/amazon_alexa.png" width="256"/> | https://developer.amazon.com/docs/alexa-voice-service/logo-and-brand.html |
| <img src="/images/svg/amazon_alexa.svg" width="256"/> | <img src="/images/reference/amazon_alexa.png" width="256"/> | https://developer.amazon.com/docs/alexa-voice-service/logo-and-brand.html |

View File

@@ -0,0 +1,7 @@
<svg
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-label="iHeartRadio" role="img"
viewBox="0 0 512 512"><rect
width="512" height="512"
fill="#fff"
rx="15%"/><path id="h" fill="#c6002b" d="M147.4 301.3c-32.3 -28.6 -48.6 -58.4 -48.6 -86.7 0 -28.3 15.9 -57.9 36.9 -71.1 10.3 -4.4 14.6 8.2 8 12.6 -16.7 10.5 -29.9 35.1 -29.9 58.7 0 23.6 14.7 49.6 43.6 75.2 7 8.7 -3.8 16.5 -9.9 11.2zm48.5 -25.5c-21.9 -12.3 -36.6 -36.3 -36.6 -59.4 0 -23.1 12.5 -43.7 32.3 -54 10.5 -3.7 14 9.3 7 13.2 -15 7.8 -24.3 23.3 -24.3 40.2 0.1 18.4 11.7 37.2 29 46.9 8.7 7.1 -0.6 16.7 -7.4 13.2zM256 253.9c-17.9 0 -32.5 -14.5 -32.5 -32.4 0 -17.9 14.6 -32.5 32.5 -32.5v-30.7c-19.4 -28.9 -52.8 -48.8 -90.3 -48.8 -59.6 0 -107.9 48.3 -107.9 107.9 0 37.8 24 65.1 49 90.3l97.9 92.6c6.3 3.9 13.5 1.3 13.6 -5.8v-72.1c0 -20.9 16.9 -37.8 37.8 -37.8z"/><use transform="matrix(-1 0 0 1 512 0)" xlink:href="#h"/></svg>

After

Width:  |  Height:  |  Size: 912 B