diff --git a/README.md b/README.md
index 6662d8e98..5e1b19da9 100644
--- a/README.md
+++ b/README.md
@@ -35,7 +35,7 @@ MobX is made possible by the generosity of the sponsors below, and many other [i
 <a href="https://coinbase.com/"><img src="https://mobx.js.org/assets/coinbase.jpeg" align="center" width="100" title="Coinbase" alt="Coinbase" /></a>
 <a href="https://curology.com/blog/tech"><img src="https://mobx.js.org/assets/curology.png" align="center" width="100" title="Curology" alt="Curology"/></a>
 <a href="https://opensource.facebook.com/"><img src="https://mobx.js.org/assets/fbos.jpeg" align="center" width="100" title="Facebook Open Source" alt="Facebook Open Source" /></a>
-<a href="https://www.canva.com/"><img src="https://mobx.js.org/assets/canva.png" align="center" width="100" title="Canva" alt="Canva" /></a>
+<a href="https://www.canva.com/"><img src="https://mobx.js.org/assets/canva.svg" align="center" width="100" title="Canva" alt="Canva" /></a>
 
 **🥈 Silver sponsors (\$100+ per month):**<br/>
 
diff --git a/docs/README.md b/docs/README.md
index 689f68847..0b38c0fcc 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -36,7 +36,7 @@ MobX is made possible by the generosity of the sponsors below, and many other [i
 <a href="https://coinbase.com/"><img src="https://mobx.js.org/assets/coinbase.jpeg" align="center" width="80" title="Coinbase" alt="Coinbase" /></a>
 <a href="https://curology.com/blog/tech"><img src="https://mobx.js.org/assets/curology.png" align="center" width="80" title="Curology" alt="Curology"/></a>
 <a href="https://opensource.facebook.com/"><img src="https://mobx.js.org/assets/fbos.jpeg" align="center" width="80" title="Facebook Open Source" alt="Facebook Open Source" /></a>
-<a href="https://www.canva.com/"><img src="https://mobx.js.org/assets/canva.png" align="center" width="80" title="Canva" alt="Canva" /></a>
+<a href="https://www.canva.com/"><img src="https://mobx.js.org/assets/canva.svg" align="center" width="80" title="Canva" alt="Canva" /></a>
 
 **🥈 Silver sponsors (\$100+ per month):**<br/>
 <a href="https://casinosites.ltd.uk/?utm_source=sponsorship&utm_medium=mobx&utm_campaign=readme"><img src="https://mobx.js.org/assets/casino2.png" align="center" width="80" title="Casino Sites" alt="Casino Sites"/></a>
diff --git a/docs/assets/canva.png b/docs/assets/canva.png
deleted file mode 100644
index 8139efe53..000000000
Binary files a/docs/assets/canva.png and /dev/null differ
diff --git a/docs/assets/canva.svg b/docs/assets/canva.svg
new file mode 100644
index 000000000..e85e0694c
--- /dev/null
+++ b/docs/assets/canva.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1900" height="1900" fill="none">
+  <circle cx="950" cy="950" r="950" fill="#7D2AE7"/>
+  <circle cx="950" cy="950" r="950" fill="url(#a)"/>
+  <circle cx="950" cy="950" r="950" fill="url(#b)"/>
+  <circle cx="950" cy="950" r="950" fill="url(#c)"/>
+  <circle cx="950" cy="950" r="950" fill="url(#d)"/>
+  <path fill="#fff" d="M1707.73 1002.08c-2.55 0-4.82 1.71-5.95 5.11-15.41 43.86-36.21 70.04-53.32 70.04-9.83 0-13.8-10.96-13.8-28.17 0-42.91 25.81-134.03 38.66-175.63a45.25 45.25 0 0 0 2.56-13.33c0-12.1-6.62-18.05-22.97-18.05-16.36 0-36.68 7-55.02 39.32-6.43-28.54-25.71-41.02-52.65-41.02-31.1 0-61.16 20.04-85.93 52.46-24.76 32.42-53.78 43.2-75.71 37.9 15.78-38.47 21.55-67.3 21.55-88.66 0-33.56-16.54-53.79-43.29-53.79-40.75 0-64.19 38.85-64.19 79.69 0 31.57 14.28 64.09 45.85 79.88-26.38 59.64-64.94 113.62-79.59 113.62-18.91 0-24.49-92.45-23.35-158.62.56-37.9 3.78-39.89 3.78-51.42 0-6.52-4.35-11.06-21.46-11.06-39.98 0-52.46 33.93-54.26 72.88-.69 14.76-3 29.41-6.9 43.67-16.82 59.74-51.23 105.02-73.73 105.02-10.49 0-13.23-10.49-13.23-24.1 0-42.92 24.01-96.7 24.01-142.46 0-33.74-14.75-55.01-42.64-55.01-32.7 0-76.09 39.04-117.12 112.01 13.52-55.86 19-110.03-20.88-110.03a54.55 54.55 0 0 0-24.87 6.43c-5.48 2.84-8.4 7.94-8.03 13.61 3.78 59.65-48.02 212.12-97.17 212.12-8.99 0-13.24-9.64-13.24-25.33 0-42.92 25.62-133.85 38.47-175.54a46.91 46.91 0 0 0 2.56-14.08c0-11.35-7-17.2-22.97-17.2-17.59 0-36.59 6.7-55.02 39.03-6.43-28.54-25.71-41.02-52.56-41.02-44.14 0-93.58 46.7-115.23 107.66-29.01 81.3-87.53 159.76-166.27 159.76-71.46 0-109.18-59.46-109.18-153.33 0-135.74 99.63-246.53 173.46-246.53 35.35 0 52.18 22.5 52.18 57 0 41.79-23.25 61.17-23.25 77.05 0 4.82 3.97 9.64 12 9.64 32.14 0 69.86-37.72 69.86-89.14 0-51.43-41.7-89.14-115.61-89.14-122.04 0-244.92 122.88-244.92 280.27 0 125.25 61.82 200.78 168.63 200.78 72.89 0 136.6-56.62 171-122.89 3.88 54.92 28.74 83.47 66.65 83.47 33.74 0 61.06-20.04 81.95-55.39 8.04 36.96 29.3 55.11 57 55.11 31.76 0 58.23-20.14 83.47-57.48-.38 29.31 6.33 56.91 31.76 56.91 12 0 26.37-2.74 28.93-13.23 26.65-110.7 92.92-201.06 113.15-201.06 5.95 0 7.56 5.67 7.56 12.57 0 30.06-21.18 91.69-21.18 131.01 0 42.63 18.06 70.71 55.4 70.71 41.4 0 83.46-50.67 111.54-124.78 8.79 69.2 27.79 125.06 57.38 125.06 36.48 0 101.24-76.66 140.46-157.95 15.32 1.98 38.48 1.51 60.6-14.18-9.36 23.91-14.94 50.1-14.94 76.19 0 75.43 35.92 96.51 66.93 96.51 33.74 0 61.06-20.04 81.95-55.39 6.9 31.85 24.48 55.01 56.91 55.01 50.66 0 94.71-51.8 94.71-94.34 0-11.24-4.82-18.15-10.49-18.15Zm-1052.09 71.18c-20.51 0-28.54-20.7-28.54-51.42 0-53.31 36.48-142.55 75.14-142.55 16.83 0 23.26 19.95 23.26 44.24 0 54.17-34.7 149.73-69.86 149.73Zm701.21-159.37c-12.2-14.56-16.64-34.4-16.64-51.99 0-21.74 7.94-40.08 17.49-40.08 9.54 0 12.38 9.36 12.38 22.4 0 21.75-7.75 53.7-13.23 69.67Zm158.71 159.37c-20.42 0-28.46-23.72-28.46-51.42 0-51.52 36.49-142.55 75.44-142.55 16.82 0 22.87 19.67 22.87 44.24 0 54.17-34.12 149.73-69.85 149.73Z"/>
+  <defs>
+    <radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(956 -1116 1116 956 367 1684)" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#6420FF"/>
+      <stop offset="1" stop-color="#6420FF" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="b" cx="0" cy="0" r="1" gradientTransform="rotate(55 42.71 594.2) scale(1657.1)" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#00C4CC"/>
+      <stop offset="1" stop-color="#00C4CC" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="matrix(1023 -1030 473.7 470.5 367 1684)" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#6420FF"/>
+      <stop offset="1" stop-color="#6420FF" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="d" cx="0" cy="0" r="1" gradientTransform="matrix(596 1372 -2298.4 998.4 777 256)" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#00C4CC" stop-opacity=".73"/>
+      <stop offset="0" stop-color="#00C4CC"/>
+      <stop offset="1" stop-color="#00C4CC" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+</svg>