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>