From e3e330f92fb364199c9baf7fdb803bb8c26d6c0d Mon Sep 17 00:00:00 2001
From: Bruno Cerecetto <bruno.cerecetto@gmail.com>
Date: Mon, 5 Oct 2020 04:47:24 -0300
Subject: [PATCH] Issue #415 - add preact (#433)

* add preact icon

* fix reference index

* update preact official logo

Co-authored-by: Terence Eden <edent@users.noreply.github.com>
---
 README.md                   | 1 +
 images/reference/index.md   | 3 ++-
 images/reference/preact.svg | 9 +++++++++
 images/svg/preact.svg       | 6 ++++++
 4 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 images/reference/preact.svg
 create mode 100644 images/svg/preact.svg

diff --git a/README.md b/README.md
index 4e111f94..715f865b 100644
--- a/README.md
+++ b/README.md
@@ -370,6 +370,7 @@ Say thanks!
 <td>Django Project<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/djangoproject.svg" width="125" title="Django Project" /><br>443 Bytes</td>
 <td>Ruby<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/ruby.svg" width="125" title="Ruby" /><br>984 Bytes</td>
 <td>SVG<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/svg.svg" width="125" title="SVG"/><br>979 Bytes</td>
+<td>Preact<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/preact.svg" width="125" title="SVG"/><br>602 Bytes</td>
 </tr>
 </table>
 
diff --git a/images/reference/index.md b/images/reference/index.md
index 385e12a9..e16757a0 100644
--- a/images/reference/index.md
+++ b/images/reference/index.md
@@ -233,4 +233,5 @@ Where possible this links to the organisation's brand guidelines page.
 | <img src="/images/svg/openvpn.svg" width="256"/> | <img src="/images/reference/openvpn.svg" width="256"/> | https://openvpn.net/ |
 | <img src="/images/svg/glitch.svg" width="256"/> | <img src="/images/reference/glitch-fish-big.png" width="256"/> | https://glitch.com/about/press/ |
 | <img src="/images/svg/roundcube.svg" width="256" /> | <img src="/images/reference/roundcube.svg" width="256" /> | https://roundcube.net/images/roundcube_logo_icon.svg |
-| <img src="/images/svg/itch_io.svg" width="256" /> | <img src="/images/reference/itch_io.svg" width="256" /> | https://itch.io/press-kit |
+| <img src="/images/svg/preact.svg" width="256" /> | <img src="/images/reference/preact.svg" width="256" /> | https://preactjs.com |
+| <img src="/images/svg/itch_io.svg" width="256" /> | <img src="/images/reference/itch_io.svg" width="256" /> | https://itch.io/press-kit |
\ No newline at end of file
diff --git a/images/reference/preact.svg b/images/reference/preact.svg
new file mode 100644
index 00000000..f487acda
--- /dev/null
+++ b/images/reference/preact.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="-256 -286 1900 572" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">
+  <path d="M0,-256 221.7025033688164,-128 221.7025033688164,128 0,256 -221.7025033688164,128 -221.7025033688164,-128z" fill="#673ab8"/>
+  <ellipse cx="0" cy="0" stroke-width="16px" rx="75px" ry="196px" fill="none" stroke="white" transform="rotate(52.5)"/>
+  <ellipse cx="0" cy="0" stroke-width="16px" rx="75px" ry="196px" fill="none" stroke="white" transform="rotate(-52.5)"/>
+  <circle cx="0" cy="0" r="34" fill="white"/>
+  <text x="250" y="128" font-size="350" font-family="Helvetica Neue,helvetica,arial" font-weight="300" fill="#673ab8">PREACT</text>
+</svg>
diff --git a/images/svg/preact.svg b/images/svg/preact.svg
new file mode 100644
index 00000000..553d0133
--- /dev/null
+++ b/images/svg/preact.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+aria-label="Preact" role="img"
+viewBox="0 0 512 512"><rect
+width="512" height="512"
+rx="15%"
+fill="#fff"/><g transform="translate(256,256)"><path d="M0,-256 221.7025033688164,-128 221.7025033688164,128 0,256 -221.7025033688164,128 -221.7025033688164,-128z" fill="#673ab8"/><ellipse cx="0" cy="0" stroke-width="16px" rx="75px" ry="196px" fill="none" stroke="white" transform="rotate(52.5)"/><ellipse cx="0" cy="0" stroke-width="16px" rx="75px" ry="196px" fill="none" stroke="white" transform="rotate(-52.5)"/><circle cx="0" cy="0" r="34" fill="white"/></g></svg>