diff --git a/docs/_static/icons/book.png b/docs/_static/icons/book.png
new file mode 100644
index 00000000..40fbc91a
Binary files /dev/null and b/docs/_static/icons/book.png differ
diff --git a/docs/_static/icons/book.svg b/docs/_static/icons/book.svg
deleted file mode 100644
index 37415f78..00000000
--- a/docs/_static/icons/book.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4 19V6.2C4 5.0799 4 4.51984 4.21799 4.09202C4.40973 3.71569 4.71569 3.40973 5.09202 3.21799C5.51984 3 6.0799 3 7.2 3H16.8C17.9201 3 18.4802 3 18.908 3.21799C19.2843 3.40973 19.5903 3.71569 19.782 4.09202C20 4.51984 20 5.0799 20 6.2V17H6C4.89543 17 4 17.8954 4 19ZM4 19C4 20.1046 4.89543 21 6 21H20M9 7H15M9 11H15M19 17V21" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
\ No newline at end of file
diff --git a/docs/_static/icons/play.png b/docs/_static/icons/play.png
new file mode 100644
index 00000000..35ae8e1e
Binary files /dev/null and b/docs/_static/icons/play.png differ
diff --git a/docs/_static/icons/play.svg b/docs/_static/icons/play.svg
deleted file mode 100644
index b6c4339e..00000000
--- a/docs/_static/icons/play.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15 5V19M21 5V19M3 7.20608V16.7939C3 17.7996 3 18.3024 3.19886 18.5352C3.37141 18.7373 3.63025 18.8445 3.89512 18.8236C4.20038 18.7996 4.55593 18.4441 5.26704 17.733L10.061 12.939C10.3897 12.6103 10.554 12.446 10.6156 12.2565C10.6697 12.0898 10.6697 11.9102 10.6156 11.7435C10.554 11.554 10.3897 11.3897 10.061 11.061L5.26704 6.26704C4.55593 5.55593 4.20038 5.20038 3.89512 5.17636C3.63025 5.15551 3.37141 5.26273 3.19886 5.46476C3 5.69759 3 6.20042 3 7.20608Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
\ No newline at end of file
diff --git a/docs/_static/icons/plot.png b/docs/_static/icons/plot.png
new file mode 100644
index 00000000..b204e7da
Binary files /dev/null and b/docs/_static/icons/plot.png differ
diff --git a/docs/_static/icons/plot.svg b/docs/_static/icons/plot.svg
deleted file mode 100644
index f8afa270..00000000
--- a/docs/_static/icons/plot.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
-	 width="800px" height="800px" viewBox="0 0 32 32" xml:space="preserve">
-<style type="text/css">
-	.feather_een{fill:#0B1719;}
-</style>
-<path class="feather_een" d="M4,20c1.105,0,2-0.895,2-2c0-0.45-0.154-0.86-0.404-1.194l5.587-6.984C11.433,9.934,11.708,10,12,10
-	c0.533,0,1.015-0.212,1.373-0.552l4.728,2.954C18.041,12.592,18,12.79,18,13c0,1.105,0.895,2,2,2s2-0.895,2-2
-	c0-0.413-0.125-0.797-0.34-1.115l5.433-6.112C27.366,5.913,27.672,6,28,6c1.105,0,2-0.895,2-2c0-1.105-0.895-2-2-2s-2,0.895-2,2
-	c0,0.413,0.125,0.797,0.34,1.115l-5.433,6.112C20.634,11.087,20.328,11,20,11c-0.533,0-1.015,0.212-1.374,0.552l-4.727-2.955
-	C13.959,8.407,14,8.209,14,8c0-1.105-0.895-2-2-2s-2,0.895-2,2c0,0.45,0.154,0.86,0.404,1.194l-5.587,6.984
-	C4.567,16.066,4.292,16,4,16c-1.105,0-2,0.895-2,2C2,19.105,2.895,20,4,20z M28,3c0.551,0,1,0.449,1,1s-0.449,1-1,1s-1-0.449-1-1
-	S27.449,3,28,3z M20,12c0.551,0,1,0.449,1,1s-0.449,1-1,1s-1-0.449-1-1S19.449,12,20,12z M12,7c0.551,0,1,0.449,1,1s-0.449,1-1,1
-	s-1-0.449-1-1S11.449,7,12,7z M4,17c0.551,0,1,0.449,1,1s-0.449,1-1,1s-1-0.449-1-1S3.449,17,4,17z M28,21
-	c-0.677,0-1.273,0.338-1.635,0.853l-4.386-1.645C21.986,20.139,22,20.071,22,20c0-1.105-0.895-2-2-2s-2,0.895-2,2
-	c0,0.071,0.014,0.139,0.021,0.208l-4.386,1.645C13.273,21.338,12.677,21,12,21c-0.931,0-1.706,0.639-1.929,1.5H5.929
-	C5.706,21.639,4.931,21,4,21c-1.105,0-2,0.895-2,2c0,1.105,0.895,2,2,2c0.931,0,1.706-0.639,1.929-1.5h4.141
-	C10.294,24.361,11.069,25,12,25c1.105,0,2-0.895,2-2c0-0.071-0.014-0.139-0.021-0.208l4.386-1.645C18.727,21.662,19.323,22,20,22
-	s1.273-0.338,1.635-0.853l4.386,1.645C26.014,22.861,26,22.929,26,23c0,1.105,0.895,2,2,2s2-0.895,2-2C30,21.895,29.105,21,28,21z
-	 M4,24c-0.551,0-1-0.449-1-1s0.449-1,1-1s1,0.449,1,1S4.551,24,4,24z M12,24c-0.551,0-1-0.449-1-1s0.449-1,1-1s1,0.449,1,1
-	S12.551,24,12,24z M20,21c-0.551,0-1-0.449-1-1s0.449-1,1-1s1,0.449,1,1S20.551,21,20,21z M28,24c-0.551,0-1-0.449-1-1s0.449-1,1-1
-	s1,0.449,1,1S28.551,24,28,24z"/>
-</svg>
\ No newline at end of file
diff --git a/docs/_static/icons/wrench.svg b/docs/_static/icons/wrench.svg
deleted file mode 100644
index b0d497d0..00000000
--- a/docs/_static/icons/wrench.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.87171 1.58811C4.18324 1.9184 4.34293 2.75714 4.79289 3.20711L9.08579 7.5L7.5 9.08579L3.20711 4.79289C2.75711 4.3429 1.90944 4.19971 1.58419 4.87995C0.985604 6.1319 0.769329 7.54124 0.975579 8.9287C1.23113 10.6478 2.11708 12.2104 3.46105 13.3124C4.80502 14.4144 6.51089 14.977 8.24676 14.8908C8.89048 14.8588 9.52124 14.7385 10.1228 14.537L17.8787 22.2929C19.0503 23.4645 20.9497 23.4645 22.1213 22.2929L22.2929 22.1213C23.4645 20.9497 23.4645 19.0503 22.2929 17.8787L14.537 10.1228C14.7395 9.51835 14.8601 8.8844 14.8913 8.2375C14.9753 6.50151 14.4104 4.79638 13.3066 3.45387C12.2028 2.11135 10.6391 1.22746 8.91964 0.974169C7.53192 0.769745 6.12286 0.987876 4.87171 1.58811ZM12.0945 10.5087C12.5356 9.7995 12.793 8.98448 12.834 8.13802C12.8932 6.91285 12.4946 5.70946 11.7156 4.76198C10.9366 3.8145 9.83297 3.19069 8.61946 3.01193C8.21216 2.95193 7.80225 2.94351 7.39883 2.98462L10.5 6.08579C11.2811 6.86684 11.281 8.13317 10.5 8.91421L8.91421 10.5C8.13317 11.281 6.86684 11.281 6.08579 10.5L2.98467 7.39888C2.94336 7.8044 2.95209 8.21647 3.01295 8.62584C3.1933 9.8391 3.81856 10.9419 4.76707 11.7196C5.71557 12.4974 6.91949 12.8944 8.14458 12.8336C8.98967 12.7916 9.80314 12.5338 10.511 12.093L11.9946 13.5766L11.9924 13.5782L19.2929 20.8787C19.6834 21.2692 20.3166 21.2692 20.7071 20.8787L20.8787 20.7071C21.2692 20.3166 21.2692 19.6834 20.8787 19.2929L12.0945 10.5087Z" fill="#0F0F0F"/>
-</svg>
\ No newline at end of file
diff --git a/docs/index.rst b/docs/index.rst
index 4f349ae0..284dc7e9 100644
--- a/docs/index.rst
+++ b/docs/index.rst
@@ -17,22 +17,22 @@ xCDAT (Xarray Climate Data Analysis Tools) is an extension of `xarray`_ for clim
     :gutter: 2
 
     .. grid-item-card:: Getting started
-        :img-top: _static/icons/play.svg
+        :img-top: _static/icons/play.png
         :link: getting-started-guide/index
         :link-type: doc
 
     .. grid-item-card::  Examples
-        :img-top: _static/icons/plot.svg
+        :img-top: _static/icons/plot.png
         :link: gallery
         :link-type: doc
 
     .. grid-item-card::  API reference
-        :img-top: _static/icons/wrench.svg
+        :img-top: _static/icons/wrench.png
         :link: api
         :link-type: doc
 
     .. grid-item-card::  Developer guide
-        :img-top: _static/icons/book.svg
+        :img-top: _static/icons/book.png
         :link: contributing
         :link-type: doc