diff --git a/README.md b/README.md
index ced7488e..a6ff7b70 100644
--- a/README.md
+++ b/README.md
@@ -388,7 +388,7 @@ Say thanks!
 
 <tr>
 <td>Printer<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/print.svg" width="100" title="Printer"><br>441 bytes</td>
-<td>ProtonMail<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/protonmail.svg" width="100" title="ProtonMail"><br>428 bytes</td>
+<td>Proton Mail<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/protonmail.svg" width="100" title="Proton Mail"><br>635 bytes</td>
 <td>Python<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/python.svg" width="100" title="Python"><br>550 bytes</td>
 <td>QQ<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/qq.svg" width="100" title="QQ"><br>941 bytes</td>
 <td>quora<br><img src="https://edent.github.io/SuperTinyIcons/images/svg/quora.svg" width="100" title="quora"><br>272 bytes</td>
diff --git a/images/reference/index.md b/images/reference/index.md
index 44f15b30..b1f8c55b 100644
--- a/images/reference/index.md
+++ b/images/reference/index.md
@@ -196,7 +196,7 @@ Where possible this links to the organisation's brand guidelines page.
 | <img src="/images/svg/javascript.svg" width="256" /> | <img src="/images/reference/javascript.svg" width="256" />  | https://commons.wikimedia.org/wiki/File:Unofficial_JavaScript_logo_2.svg |
 | <img src="/images/svg/amberframework.svg" width="256"/> | <img src="/images/reference/amberframework.png" width="256"/>  | https://amberframework.org/media |
 | <img src="/images/svg/google_drive.svg" width="256" /> | <img src="/images/reference/google_drive.png" width="256" /> | https://developers.google.com/drive/api/v2/branding |
-| <img src="/images/svg/protonmail.svg" width="256" /> | <img src="/images/reference/protonmail.png" width="256" /> | https://protonmail.com/media-kit#Logos |
+| <img src="/images/svg/protonmail.svg" width="256" /> | <img src="/images/reference/protonmail.svg" width="256" /> | https://protonmail.com/media-kit |
 | <img src="/images/svg/ansible.svg" width="256" /> | <img src="/images/reference/ansible.svg" width="256" />  | https://www.ansible.com/logos |
 | <img src="/images/svg/sentry.svg" width="256"/> | <img src="/images/reference/sentry.svg" width="256" /> | https://sentry.io/branding/ |
 | <img src="/images/svg/microsoft.svg" width="256"/> | <img src="/images/reference/microsoft.png" width="256" /> | https://news.microsoft.com/mssurfacehub_logo_stacked_c-white_rgb/ |
diff --git a/images/reference/protonmail.png b/images/reference/protonmail.png
deleted file mode 100644
index 52a723ba..00000000
Binary files a/images/reference/protonmail.png and /dev/null differ
diff --git a/images/reference/protonmail.svg b/images/reference/protonmail.svg
new file mode 100644
index 00000000..c80b79fb
--- /dev/null
+++ b/images/reference/protonmail.svg
@@ -0,0 +1,17 @@
+<svg viewBox="0 0 918 745" xmlns="http://www.w3.org/2000/svg">
+<linearGradient id="a" x1="2304.04" y1="1228.39" x2="2116.29" y2="-635.265" gradientUnits="userSpaceOnUse">
+<stop offset="0.271" stop-color="#E3D9FF"/>
+<stop offset="1" stop-color="#7341FF"/>
+</linearGradient>
+<linearGradient id="b" x1="542.753" y1="752.371" x2="160.929" y2="-755.454" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E3D9FF"/>
+<stop offset="1" stop-color="#7341FF"/>
+</linearGradient>
+<radialGradient id="c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(914.374 91.7284) scale(1070.72 1083.11)">
+<stop offset="0.5561" stop-color="#6D4AFF"/>
+<stop offset="0.9944" stop-color="#AA8EFF"/>
+</radialGradient>
+<path d="M723.149 140.476V745.456H823.435C875.876 745.456 918.374 702.372 918.374 649.323V21.9472C918.374 3.82154 897.547 -6.04793 883.757 5.52972L723.149 140.476Z" fill="url(#a)"/>
+<path d="M583.274 258.151L400.057 422.041C368.818 449.941 322.193 450.605 290.202 423.654L0.226562 179.574V22.0424C0.226562 3.91675 21.053 -6.04762 34.8435 5.53003L398.65 311.294C433.83 340.902 484.864 340.902 520.044 311.294L583.274 258.151Z" fill="url(#b)"/>
+<path d="M723.149 140.571L583.274 258.151L583.368 258.15L400.057 422.041C368.818 449.941 322.193 450.605 290.202 423.654L0.226562 179.574V649.323C0.226562 702.372 42.7238 745.456 95.1652 745.456L723.149 745.456V140.571Z" fill="url(#c)"/>
+</svg>
diff --git a/images/svg/protonmail.svg b/images/svg/protonmail.svg
index 92e608d5..7122d843 100644
--- a/images/svg/protonmail.svg
+++ b/images/svg/protonmail.svg
@@ -1,5 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg"
-aria-label="ProtonMail" role="img"
+aria-label="Proton Mail" role="img"
 viewBox="0 0 512 512"><rect
 width="512" height="512"
-fill="#8A90C7"/><g fill="#fff"><path d="M259 77s-108-6-131 114v79s0 12 23 29c28 17 91 68 108 68s74-51 102-69c23-16 23-28 23-28v-79C361 71 259 77 259 77zm68 159H185v-45c11-57 74-57 74-57s57 0 68 57v45z"/><path d="M259 384l-34-12-97-68v120s0 11 17 11h222c11 0 17-11 17-11V304l-97 69-28 11z"/></g></svg>
\ No newline at end of file
+fill="#fff"/><linearGradient id="a" x1=".8" y1="1"><stop offset="0" stop-color="#d8cbff"/><stop offset="1" stop-color="#9d7aff"/></linearGradient><radialGradient id="b" cx="1.4" cy="0" r="1.6"><stop offset=".6" stop-color="#6d4aff"/><stop offset="1" stop-color="#aa8eff"/></radialGradient><path fill="url(#a)" d="m84 184v-60c0-7 8-12 15-5l132 111c13 12 32 15 48 2l137-115c4-3 12-1 12 7v235a36 36 0 01-36 36h-60"/><path fill="url(#b)" d="M84 183v176a36 36 0 0036 36h235V168l-50 42-74 66s-17 13-36 0"/></svg>
\ No newline at end of file