diff --git a/documentation/src/features.js b/documentation/src/features.js
index 1987cc9e..bbce7043 100644
--- a/documentation/src/features.js
+++ b/documentation/src/features.js
@@ -76,7 +76,7 @@ export const features = [
     },
     {
         title: 'Recoil',
-        imageUrl: 'img/recoil.png',
+        imageUrl: 'img/recoil.svg',
         url: "https://recoiljs.org/"
     },
     {
diff --git a/documentation/static/img/recoil.png b/documentation/static/img/recoil.png
deleted file mode 100644
index 17245c46..00000000
Binary files a/documentation/static/img/recoil.png and /dev/null differ
diff --git a/documentation/static/img/recoil.svg b/documentation/static/img/recoil.svg
new file mode 100644
index 00000000..bae35dcd
--- /dev/null
+++ b/documentation/static/img/recoil.svg
@@ -0,0 +1,20 @@
+<svg width="964" height="341" viewBox="0 0 964 341" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6_2)">
+<path d="M36.8294 148.623C39.3654 148.093 41.9772 147.715 44.5889 147.488L64.8773 145.559L37.3214 115.381C29.032 106.267 24.452 94.468 24.452 82.1395H1.66541C1.66541 100.141 8.36511 117.423 20.5154 130.735L36.8294 148.623Z" fill="#3578E5"/>
+<path d="M107.99 192.831C105.946 193.209 103.864 193.474 101.782 193.701L79.8286 195.781L107.309 225.884C115.598 234.998 120.178 246.797 120.178 259.125H143.003C143.003 241.124 136.303 223.879 124.153 210.53L107.99 192.831Z" fill="#3578E5"/>
+<path d="M145.728 125.932C141.98 107.326 127.37 93.7873 108.52 91.4048L105.038 90.951C93.2657 89.4761 84.3706 79.4167 84.3706 67.5798V55.4404C94.8176 51.0914 102.161 40.805 102.161 28.8169C102.161 12.8958 89.2535 0 73.318 0C57.3826 0 44.4752 12.8958 44.4752 28.8169C44.4752 40.5403 51.5156 50.6376 61.5841 55.1378V67.5798C61.5841 90.9132 79.0336 110.692 102.199 113.566L105.681 114.02C116.544 115.381 121.957 123.398 123.395 130.432C124.834 137.466 122.979 146.959 113.478 152.442C108.823 155.127 103.788 156.753 98.4514 157.245L46.1028 162.161C37.4727 162.993 29.2968 165.603 21.8022 169.914C5.33687 179.444 -2.87689 197.596 0.908251 216.202C4.65554 234.809 19.2662 248.347 38.1162 250.73L41.5985 251.184C53.3703 252.658 62.2654 262.718 62.2654 274.555V285.597C51.8563 289.946 44.5509 300.233 44.5509 312.183C44.5509 328.104 57.4583 341 73.3937 341C89.3292 341 102.237 328.104 102.237 312.183C102.237 300.422 95.1583 290.287 85.052 285.824V274.555C85.052 251.221 67.6025 231.443 44.4374 228.569L40.9551 228.115C30.0917 226.753 24.6789 218.736 23.2406 211.702C21.8022 204.668 23.657 195.176 33.1577 189.692C37.8134 187.007 42.8476 185.381 48.1847 184.89L100.533 179.973C109.163 179.141 117.339 176.532 124.834 172.221C141.299 162.691 149.475 144.538 145.728 125.932Z" fill="#3578E5"/>
+<path d="M539.988 255.268H463.301C436.881 255.268 415.382 233.788 415.382 207.391V137.202C415.382 110.805 436.881 89.3248 463.301 89.3248H504.295C530.715 89.3248 552.214 110.805 552.214 137.202V148.244C552.214 168.552 535.673 185.079 515.347 185.079H437.335V207.429C437.335 221.724 448.994 233.372 463.301 233.372H539.951V255.268H539.988ZM437.373 163.145H515.385C523.599 163.145 530.298 156.451 530.298 148.244V137.202C530.298 122.907 518.64 111.259 504.332 111.259H463.301C448.994 111.259 437.335 122.907 437.335 137.202V163.145H437.373Z" fill="#3578E5"/>
+<path d="M916.534 103.128H894.58V252.583H916.534V103.128Z" fill="#3578E5"/>
+<path d="M821.944 255.268H780.95C754.53 255.268 733.031 233.788 733.031 207.391V137.202C733.031 110.805 754.53 89.3248 780.95 89.3248H821.944C848.364 89.3248 869.863 110.805 869.863 137.202V207.429C869.826 233.825 848.364 255.268 821.944 255.268ZM780.95 111.259C766.643 111.259 754.984 122.907 754.984 137.202V207.429C754.984 221.724 766.643 233.372 780.95 233.372H821.944C836.251 233.372 847.91 221.724 847.91 207.429V137.202C847.91 122.907 836.251 111.259 821.944 111.259H780.95Z" fill="#3578E5"/>
+<path d="M964.038 55.5538H942.084V252.621H964.038V55.5538Z" fill="#3578E5"/>
+<path d="M916.534 56.2724H894.58V76.8073H916.534V56.2724Z" fill="#3578E5"/>
+<path d="M661.378 257.083H620.385C593.964 257.083 572.465 235.603 572.465 209.206V138.979C572.465 112.583 593.964 91.1022 620.385 91.1022H661.378C687.798 91.1022 709.298 112.583 709.298 138.979V149.946H687.344V138.979C687.344 124.684 675.686 113.036 661.378 113.036H620.385C606.077 113.036 594.419 124.684 594.419 138.979V209.206C594.419 223.501 606.077 235.149 620.385 235.149H661.378C675.686 235.149 687.344 223.501 687.344 209.206V198.239H709.298V209.206C709.298 235.603 687.798 257.083 661.378 257.083Z" fill="#3578E5"/>
+<path d="M382.943 259.087H360.989V251.524C360.989 238.439 356.03 225.921 346.984 216.24L346.681 215.938L325.938 189.806L343.161 176.192L363.336 201.643C375.978 215.333 382.905 233.069 382.905 251.524V259.087H382.943Z" fill="#3578E5"/>
+<path d="M268.896 259.087L246.943 259.012L247.359 119.314C247.397 103.279 260.645 90.2703 276.921 90.2703H277.035C287.898 90.3837 298.421 90.1946 308.64 90.0434C318.974 89.8921 329.648 89.703 340.814 89.8165C348.119 89.8921 362.011 91.6695 373.215 102.75C380.596 110.011 385.176 120.222 386.198 131.491C387.144 142.231 384.798 152.896 379.536 161.518C370.49 176.456 355.425 181.599 349.369 183.112L333.698 187.083C321.548 190.033 309.7 193.02 298.269 195.894C288.806 198.277 279.116 200.735 269.124 203.193L268.896 259.087ZM276.883 112.204C272.719 112.242 269.351 115.457 269.313 119.39L269.124 180.578C277.186 178.574 285.097 176.57 292.819 174.641C304.288 171.729 316.173 168.741 328.399 165.792L343.956 161.859C347.362 161.027 355.841 158.153 360.686 150.173C366.629 140.378 365.266 125.819 357.696 118.331C351.791 112.507 343.729 111.788 340.511 111.751C329.686 111.637 319.125 111.826 308.943 111.977C298.648 112.129 287.974 112.318 276.883 112.204Z" fill="#3578E5"/>
+</g>
+<defs>
+<clipPath id="clip0_6_2">
+<rect width="964" height="341" fill="white"/>
+</clipPath>
+</defs>
+</svg>