diff --git a/src/java.desktop/share/classes/javax/swing/BoxLayout.java b/src/java.desktop/share/classes/javax/swing/BoxLayout.java
index fe11a08bc64..cbc2bbd3092 100644
--- a/src/java.desktop/share/classes/javax/swing/BoxLayout.java
+++ b/src/java.desktop/share/classes/javax/swing/BoxLayout.java
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 1997, 2019, Oracle and/or its affiliates. All rights reserved.
+ * Copyright (c) 1997, 2023, Oracle and/or its affiliates. All rights reserved.
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
  *
  * This code is free software; you can redistribute it and/or modify it
@@ -38,9 +38,9 @@ import java.io.PrintStream;
  * arranged when the frame is resized.
  * <div style="float:right;text-align:center">
  *   <p><b>Example:</b>
- *   <p><img src="doc-files/BoxLayout-1.gif"
+ *   <p><img src="doc-files/BoxLayout-1.svg"
  *      alt="The following text describes this graphic."
- *      width="191" height="201">
+ *      width="160" height="160">
  * </div>
  * <p>
  * Nesting multiple panels with different combinations of horizontal and
diff --git a/src/java.desktop/share/classes/javax/swing/doc-files/BoxLayout-1.gif b/src/java.desktop/share/classes/javax/swing/doc-files/BoxLayout-1.gif
deleted file mode 100644
index 8493ab8ec14..00000000000
Binary files a/src/java.desktop/share/classes/javax/swing/doc-files/BoxLayout-1.gif and /dev/null differ
diff --git a/src/java.desktop/share/classes/javax/swing/doc-files/BoxLayout-1.svg b/src/java.desktop/share/classes/javax/swing/doc-files/BoxLayout-1.svg
new file mode 100644
index 00000000000..84235395ae6
--- /dev/null
+++ b/src/java.desktop/share/classes/javax/swing/doc-files/BoxLayout-1.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+ Copyright (c) 2023, Oracle and/or its affiliates. All rights reserved.
+ DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
+
+ This code is free software; you can redistribute it and/or modify it
+ under the terms of the GNU General Public License version 2 only, as
+ published by the Free Software Foundation.  Oracle designates this
+ particular file as subject to the "Classpath" exception as provided
+ by Oracle in the LICENSE file that accompanied this code.
+
+ This code is distributed in the hope that it will be useful, but WITHOUT
+ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License
+ version 2 for more details (a copy is included in the LICENSE file that
+ accompanied this code).
+
+ You should have received a copy of the GNU General Public License version
+ 2 along with this work; if not, write to the Free Software Foundation,
+ Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
+
+ Please contact Oracle, 500 Oracle Parkway, Redwood Shores, CA 94065 USA
+ or visit www.oracle.com if you need additional information or have any
+ questions.
+-->
+
+<svg width="160" height="160"
+     version="1.1"
+     xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+    <style><![CDATA[
+        rect {
+            fill: none;
+            stroke: black;
+            stroke-width: 1;
+        }
+        text {
+            font: 16px 'DejaVu Sans', sans-serif;
+            text-anchor: middle;
+            dominant-baseline: middle;
+        }
+        text.left {
+            text-anchor: start;
+            dominant-baseline: auto;
+        }
+    ]]></style>
+
+    <rect x="8" y="8"
+          width="144" height="144"/>
+    <text x="16" y="24" class="left">P1</text>
+    <g id="leftBox">
+        <rect x="16" y="28"
+              width="56" height="116"/>
+
+        <rect x="24" y="36"
+              width="40" height="28"/>
+        <rect x="24" y="72"
+              width="40" height="28"/>
+        <rect x="24" y="108"
+              width="40" height="28"/>
+    </g>
+
+    <text x="44" y="50">C1</text>
+    <text x="44" y="86">C2</text>
+    <text x="44" y="122">C3</text>
+
+    <use xlink:href="#leftBox" x="72" y="0"/>
+    <text x="86" y="24" class="left">P2</text>
+    <text x="116" y="50">C4</text>
+    <text x="116" y="86">C5</text>
+    <text x="116" y="122">C6</text>
+
+</svg>