diff --git a/docs/README.md b/docs/README.md
index b7a1c288..bba22335 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -3158,7 +3158,7 @@ struct mg_iobuf {
 Generic IO buffer. The `size` specifies an allocation size of the data pointed
 by `buf`, and `len` specifies number of bytes currently stored.
 
-<img src="images/mg_iobuf.png">
+<img src="images/mg_iobuf.svg" alt="struct mg_iobuf diagram" />
 
 ### mg\_iobuf\_init()
 
diff --git a/docs/images/mg_iobuf.png b/docs/images/mg_iobuf.png
deleted file mode 100644
index 35c50941..00000000
Binary files a/docs/images/mg_iobuf.png and /dev/null differ
diff --git a/docs/images/mg_iobuf.svg b/docs/images/mg_iobuf.svg
new file mode 100644
index 00000000..afc8a069
--- /dev/null
+++ b/docs/images/mg_iobuf.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 554.6 417.3"><defs><style>.cls-1{fill:#576174;}.cls-2,.cls-4,.cls-7{isolation:isolate;}.cls-13,.cls-15,.cls-19,.cls-2,.cls-4,.cls-5{font-size:16.76px;}.cls-12,.cls-13,.cls-2,.cls-5{fill:#fff;}.cls-15,.cls-19,.cls-2,.cls-4,.cls-5{font-family:Courier;}.cls-3{letter-spacing:1.55em;}.cls-4,.cls-9{fill:#00983a;}.cls-10,.cls-11,.cls-18,.cls-21,.cls-6{fill:none;stroke-linecap:round;stroke-linejoin:round;}.cls-6{stroke:#00983a;}.cls-10,.cls-11,.cls-18,.cls-6{stroke-width:2.79px;}.cls-7{font-size:24px;}.cls-13,.cls-7{font-family:ProximaNova-Regular, Proxima Nova;}.cls-8{letter-spacing:-0.02em;}.cls-10{stroke:#ea5b0c;}.cls-11{stroke:#fff;}.cls-14,.cls-15,.cls-16{fill:#ea5b0c;}.cls-14{opacity:0.7;}.cls-17,.cls-19,.cls-20{fill:#45cfff;}.cls-17{opacity:0.5;}.cls-18,.cls-21{stroke:#45cfff;}</style></defs><rect class="cls-1" y="34.3" width="554.6" height="137.54" rx="8.5"/><rect class="cls-1" y="234.1" width="554.6" height="183.18" rx="9.8"/><text class="cls-2" transform="translate(16.5 65)">struct mg_iobuf {<tspan class="cls-3" x="0" y="20.1">	</tspan><tspan x="36" y="20.1">unsigned char *buf;</tspan><tspan class="cls-3" x="0" y="40.2">	</tspan><tspan x="36" y="40.2">size_t size;</tspan><tspan class="cls-3" x="0" y="60.3">	</tspan><tspan x="36" y="60.3">size_t len; </tspan></text><text class="cls-4" transform="translate(267.7 88)">// Pointer to stored data</text><text class="cls-4" transform="translate(267.7 107)">// Total size available</text><text class="cls-4" transform="translate(267.7 126.6)">// Current number of bytes</text><text class="cls-5" transform="translate(18.6 143.5)">}; </text><path class="cls-6" d="M366.5,225.6" transform="translate(-19.4 -8.3)"/><text class="cls-7" transform="translate(11.3 20)">SOURCE CODE</text><text class="cls-7" transform="translate(11.3 217.9)">MEMO<tspan class="cls-8" x="70.8" y="0">R</tspan><tspan x="85.1" y="0">Y</tspan></text><rect class="cls-9" x="63.9" y="317" width="438.2" height="5.71"/><line class="cls-6" x1="100.4" y1="334.7" x2="100.4" y2="305.1"/><line class="cls-6" x1="255.5" y1="305.1" x2="255.5" y2="334.7"/><path class="cls-10" d="M274.9,256.1" transform="translate(-19.4 -8.3)"/><line class="cls-6" x1="464.8" y1="305.1" x2="464.8" y2="334.7"/><line class="cls-11" x1="101" y1="374.5" x2="101" y2="347.8"/><polygon class="cls-12" points="95.9 348.5 106.1 348.5 101 343.4 95.9 348.5"/><text class="cls-13" transform="translate(88 395.5)">buf</text><line class="cls-11" x1="255.2" y1="374.5" x2="255.2" y2="347.8"/><polygon class="cls-12" points="250.1 348.5 260.3 348.5 255.2 343.4 250.1 348.5"/><text class="cls-13" transform="translate(246.2 395.5)">len</text><line class="cls-11" x1="465.5" y1="374.5" x2="465.5" y2="347.8"/><polygon class="cls-12" points="460.4 348.5 470.6 348.5 465.5 343.4 460.4 348.5"/><text class="cls-13" transform="translate(453.4 395.5)">size</text><rect class="cls-14" x="100.7" y="282.7" width="155.4" height="10.41"/><line class="cls-10" x1="100.4" y1="293.5" x2="100.4" y2="263.9"/><text class="cls-15" transform="translate(157.1 273.9)">data</text><line class="cls-10" x1="143.3" y1="269.3" x2="116.6" y2="269.3"/><polygon class="cls-16" points="117.3 274.4 117.3 264.2 112.2 269.3 117.3 274.4"/><line class="cls-10" x1="211.2" y1="269.9" x2="237.9" y2="269.9"/><polygon class="cls-16" points="237.2 264.9 237.2 275 242.3 269.9 237.2 264.9"/><rect class="cls-17" x="255.8" y="282.7" width="208.3" height="10.41"/><line class="cls-18" x1="464.9" y1="293.5" x2="464.9" y2="263.9"/><text class="cls-19" transform="translate(310.2 273.9)">free space</text><line class="cls-18" x1="301.4" y1="269.9" x2="274.7" y2="269.9"/><polygon class="cls-20" points="275.4 275 275.4 264.9 270.3 269.9 275.4 275"/><line class="cls-18" x1="422.3" y1="269.9" x2="449" y2="269.9"/><polygon class="cls-20" points="448.3 264.9 448.3 275 453.4 269.9 448.3 264.9"/><path class="cls-21" d="M275.9,253.5" transform="translate(-19.4 -8.3)"/><path class="cls-21" d="M275.9,284.8" transform="translate(-19.4 -8.3)"/><path class="cls-20" d="M276.3,301.8V272.2a1.4,1.4,0,0,0-1.4-1.4h0v32.4h0A1.4,1.4,0,0,0,276.3,301.8Z" transform="translate(-19.4 -8.3)"/><path class="cls-16" d="M273.6,301.8V272.2a1.4,1.4,0,0,1,1.4-1.4h0v32.4h0A1.4,1.4,0,0,1,273.6,301.8Z" transform="translate(-19.4 -8.3)"/></svg>
\ No newline at end of file