Doc: Fix paths to moved icons on the QDS side

- Copy missing icons from utils to doc/qtdesignstudio/images/icons
- Use gray-scale icons for keyframe icons

Task-number: QTCREATORBUG-26644
Change-Id: I3905f17317078b489ad3b33470657eb3e1fd48f5
Reviewed-by: <github-actions-qt-creator@cristianadam.eu>
Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>

57 files changed, 87 insertions, 88 deletions

diff --git a/doc/qtcreator/images/icons/navigator.png b/doc/qtcreator/images/icons/navigator.png
index d4629fd896..69d9a6e491 100644
--- a/doc/qtcreator/images/icons/navigator.png
+++ b/doc/qtcreator/images/icons/navigator.png
diff --git a/doc/qtcreator/images/icons/recordfill.png b/doc/qtcreator/images/icons/recordfill.png
index 57dc3054c8..ab0e225db1 100644
--- a/doc/qtcreator/images/icons/recordfill.png
+++ b/doc/qtcreator/images/icons/recordfill.png
diff --git a/doc/qtcreator/images/icons/visual.png b/doc/qtcreator/images/icons/visual.png
deleted file mode 100644
index 62fd49061f..0000000000
--- a/doc/qtcreator/images/icons/visual.png
+++ /dev/null
diff --git a/doc/qtdesignstudio/config/qtdesignstudio.qdocconf b/doc/qtdesignstudio/config/qtdesignstudio.qdocconf
index 2b3cf9879c..50687fbb36 100644
--- a/doc/qtdesignstudio/config/qtdesignstudio.qdocconf
+++ b/doc/qtdesignstudio/config/qtdesignstudio.qdocconf
@@ -19,7 +19,6 @@ sourcedirs = ../src \
 imagedirs = ../images \
             ../examples/doc/images \
             ../../qtcreator/images \
-            ../../../plugins/qmldesigner/qmlpreviewplugin/images \
             ../../../share/qtcreator/qml/qmlpuppet/mockfiles/images \
             ../../../share/qtcreator/qmldesigner/propertyEditorQmlSources/imports/HelperWidgets/images \
             ../../../src/libs/qmleditorwidgets/images \
diff --git a/doc/qtdesignstudio/examples/doc/coffeemachine.qdoc b/doc/qtdesignstudio/examples/doc/coffeemachine.qdoc
index 49a135949e..78daecb382 100644
--- a/doc/qtdesignstudio/examples/doc/coffeemachine.qdoc
+++ b/doc/qtdesignstudio/examples/doc/coffeemachine.qdoc
@@ -122,14 +122,14 @@
     \image coffee-machine-timeline.png
 
     Our viewport contains 200 frames, so we select the
-    \inlineimage plus.png "Plus button"
+    \inlineimage icons/plus.png "Plus button"
     button to add a 1200-frame timeline to the root component.
     We use the default values for all other fields.
 
     To start recording the transition from the startup screen to the coffee
     selection screen on the timeline, we select \e choosingCoffee in
     \l Navigator. We check that the playhead is at frame 0, and then
-    select the \inlineimage recordfill.png
+    select the \inlineimage icons/recordfill.png
     (\uicontrol {Auto Key (K)}) button (or press \key k).
 
     At frame 0, we set the X coordinate to 0 in \l Properties >
diff --git a/doc/qtdesignstudio/examples/doc/ebikedesign.qdoc b/doc/qtdesignstudio/examples/doc/ebikedesign.qdoc
index 7caed4225f..addef38bcd 100644
--- a/doc/qtdesignstudio/examples/doc/ebikedesign.qdoc
+++ b/doc/qtdesignstudio/examples/doc/ebikedesign.qdoc
@@ -55,14 +55,14 @@
     the screens in \e {Screen01.ui.qml}.
 
     Our viewport contains 1000 frames, so we select the
-    \inlineimage plus.png "Plus button"
+    \inlineimage icons/plus.png "Plus button"
     button to add a 5000-frame timeline to the root component.
     We use the default values for all other fields.
 
     To start recording the transitions between the Standard screen and the
     Trip and Navigator screens on the timeline, we select \e screenCanvas in
     the \l Navigator view. We check that the playhead is at frame 0, and then
-    select the \inlineimage recordfill.png
+    select the \inlineimage icons/recordfill.png
     (\uicontrol {Auto Key (K)}) button (or press \key k).
 
     \image ebikedesign-timeline.png "Timeline view"
diff --git a/doc/qtdesignstudio/examples/doc/loginui1.qdoc b/doc/qtdesignstudio/examples/doc/loginui1.qdoc
index 31e1ebb549..fec8c664a1 100644
--- a/doc/qtdesignstudio/examples/doc/loginui1.qdoc
+++ b/doc/qtdesignstudio/examples/doc/loginui1.qdoc
@@ -160,7 +160,7 @@
     To add the assets to \l Library:
     \list 1
         \li Select \uicontrol Library > \uicontrol Assets
-            > \inlineimage plus.png
+            > \inlineimage icons/plus.png
             .
         \li Select the asset files, and then select \uicontrol Open.
         \li Select the location where the files will be saved in the
@@ -281,7 +281,7 @@
     The \l {Images}{Image} component is used for adding images to the UI in several
     supported formats, including bitmap formats such as PNG and JPEG and vector
     graphics formats such as SVG. To add an image to \uicontrol Library, select
-    \uicontrol Assets > \inlineimage plus.png
+    \uicontrol Assets > \inlineimage icons/plus.png
     , and then select the image file.
 
     If you need to display animated images, use the \l {Animated Image}
diff --git a/doc/qtdesignstudio/examples/doc/loginui3.qdoc b/doc/qtdesignstudio/examples/doc/loginui3.qdoc
index d04690b224..79a708160a 100644
--- a/doc/qtdesignstudio/examples/doc/loginui3.qdoc
+++ b/doc/qtdesignstudio/examples/doc/loginui3.qdoc
@@ -177,7 +177,7 @@
         \li Select \uicontrol View > \uicontrol Views >
             \uicontrol {Connection View} to open the \uicontrol Connections tab.
         \li Select \e createAccount in \uicontrol Navigator.
-        \li In the \uicontrol Connections tab, select the \inlineimage plus.png
+        \li In the \uicontrol Connections tab, select the \inlineimage icons/plus.png
             button to add the action that the \c onClicked signal handler of
             \e createAccount should apply.
         \li Double-click the value \uicontrol Action column and select
diff --git a/doc/qtdesignstudio/examples/doc/loginui4.qdoc b/doc/qtdesignstudio/examples/doc/loginui4.qdoc
index 5c8bdca033..3997945e7f 100644
--- a/doc/qtdesignstudio/examples/doc/loginui4.qdoc
+++ b/doc/qtdesignstudio/examples/doc/loginui4.qdoc
@@ -85,7 +85,7 @@
         \li Double-click \e Screen01.ui.qml in \l Projects to open it
             in \l {Form Editor}.
         \li In the \l States view, select \e login, and then select
-            \inlineimage close.png
+            \inlineimage icons/close.png
             to remove the state. Repeat for the \e createAccount state.
         \li Select \e username in \l Navigator, and then select
             \inlineimage arrowleft.png
@@ -143,7 +143,7 @@
     \list 1
             \li Select \uicontrol View > \uicontrol Views >
             \uicontrol Timeline to open the \l Timeline view.
-        \li In \uicontrol Timeline, select \inlineimage plus.png
+        \li In \uicontrol Timeline, select \inlineimage icons/plus.png
             to add a 1000-frame timeline and settings for running the animation.
             \image loginui4-timeline-settings.png
         \li In the \uicontrol {Animation ID} field, enter
@@ -172,7 +172,7 @@
             opacity property of the component.
             \image loginui4-keyframe-opacity.png "Inserting keyframe for opacity property"
         \li In \uicontrol Timeline, check that the playhead is in
-            frame 0, and select the \inlineimage recordfill.png
+            frame 0, and select the \inlineimage icons/recordfill.png
             (\uicontrol {Per Property Recording}) button for the
             \uicontrol opacity property of \e repeatPassword to start
             recording property changes.
@@ -183,7 +183,7 @@
             to show the button.
 
             To fine-tune the value of a keyframe, you can also right-click the
-            keyframe marker \inlineimage keyframe_linear_inactive.png
+            keyframe marker \inlineimage icons/keyframe_linear_active.png
             , and select \uicontrol {Edit Keyframe}.
         \li Select the record button again to stop recording property changes.
             If you forget this, all the following changes will be recorded, and
@@ -236,7 +236,7 @@
     margin animation that will make the transition seem smoother:
 
     \list 1
-        \li Click the keyframe marker \inlineimage keyframe_linear_inactive.png
+        \li Click the keyframe marker \inlineimage icons/keyframe_linear_active.png
             for the \e anchors.topMargin property at frame 1000 on the
             timeline to select it.
             \image loginui4-easing-curve-top-anchor-margin.png "Top anchor margin keyframe marker"
@@ -249,8 +249,8 @@
     \endlist
 
     When you attach easing curves to keyframes, the shape of the keyframe
-    marker changes from \inlineimage keyframe_linear_inactive.png
-    to \inlineimage keyframe_manualbezier_inactive.png
+    marker changes from \inlineimage icons/keyframe_linear_active.png
+    to \inlineimage icons/keyframe_manualbezier_active.png
     .
 
     Your timeline should now look something like this:
diff --git a/doc/qtdesignstudio/examples/doc/progressbar.qdoc b/doc/qtdesignstudio/examples/doc/progressbar.qdoc
index 14c841fd72..80074c3d97 100644
--- a/doc/qtdesignstudio/examples/doc/progressbar.qdoc
+++ b/doc/qtdesignstudio/examples/doc/progressbar.qdoc
@@ -90,14 +90,14 @@
     \section2 Adding Color Animation
 
     First, we add a color animation to the \e root component in the \e Root.qml
-    file. We select the \inlineimage plus.png
+    file. We select the \inlineimage icons/plus.png
     button to add a 100-frame timeline to root. You can use the default
     values for all other fields.
 
     \image progressbar-timeline-settings.png "Timeline settings"
 
     To start recording a color animation on the timeline, we check that the
-    playhead is at frame 0 and then select the \inlineimage recordfill.png
+    playhead is at frame 0 and then select the \inlineimage icons/recordfill.png
     (\uicontrol {Auto Key (K)}) button (or press \key k).
 
     \image progressbar-timeline.png "Color animation timeline"
@@ -194,7 +194,7 @@
     use a column layout to lay out the progress bar instances.
 
     We can now add timelines for each progress bar instance, with different
-    settings. We select the \inlineimage plus.png
+    settings. We select the \inlineimage icons/plus.png
     button to add a 4000-frame timeline to the first progress bar instance
     (\e root). We select the \uicontrol Continuous check box so that the
     animation will loop.
@@ -236,8 +236,8 @@
     \image studio-easing-curve-editor.png "Easing Curve Editor"
 
     When we apply easing curves to animations, the shape of the keyframe
-    marker changes from \inlineimage keyframe_linear_inactive.png
-    to \inlineimage keyframe_manualbezier_inactive.png
+    marker changes from \inlineimage icons/keyframe_linear_active.png
+    to \inlineimage icons/keyframe_manualbezier_active.png
     .
 
     For more information, see \l{Editing Easing Curves}.
diff --git a/doc/qtdesignstudio/examples/doc/sidemenu.qdoc b/doc/qtdesignstudio/examples/doc/sidemenu.qdoc
index 28695ad5d4..391f9cb630 100644
--- a/doc/qtdesignstudio/examples/doc/sidemenu.qdoc
+++ b/doc/qtdesignstudio/examples/doc/sidemenu.qdoc
@@ -120,7 +120,7 @@
     In addition, we set the \uicontrol Checked property to \c true for the
     first button instance on the menu bar to make it appear selected.
 
-    We can now select the \inlineimage run_small.png "Run button"
+    We can now select the \inlineimage icons/run_small.png "Run button"
     (\uicontrol Run) button to run the application and test our menu bar.
 
     \section1 Creating a Side Menu
@@ -153,7 +153,7 @@
 
     \image sidemenu-states.png "Side menu states"
 
-    We then select the \inlineimage plus.png
+    We then select the \inlineimage icons/plus.png
     button in the \l Timeline view to add animation
     for transitions to the \e open and \e close states:
 
@@ -167,7 +167,7 @@
     We want to change the position of the outline and background images. To
     start recording the transition from the closed state to the open state,
     we select \e imageOutline in \uicontrol Navigator. We check that the
-    playhead is at frame 0, and then select the \inlineimage recordfill.png
+    playhead is at frame 0, and then select the \inlineimage icons/recordfill.png
     (\uicontrol {Auto Key (K)}) button (or press \key k).
 
     At frame 0, we set the X coordinate to -423 in \uicontrol Properties >
diff --git a/doc/qtdesignstudio/examples/doc/simplekeyboard.qdoc b/doc/qtdesignstudio/examples/doc/simplekeyboard.qdoc
index ab63deab97..1b2c2363a0 100644
--- a/doc/qtdesignstudio/examples/doc/simplekeyboard.qdoc
+++ b/doc/qtdesignstudio/examples/doc/simplekeyboard.qdoc
@@ -40,7 +40,7 @@
     text into \l{Text Edit} or \l{Text Input} components. For more information
     about using it, see \l{User Guide}{Virtual Keyboard: User Guide}.
 
-    To test the virtual keyboard, you need to select the \inlineimage run_small.png
+    To test the virtual keyboard, you need to select the \inlineimage icons/run_small.png
     (\uicontrol Run) button to run the example on the desktop or a device.
     The keyboard is not available during preview.
 
diff --git a/doc/qtdesignstudio/examples/doc/washingMachineUI.qdoc b/doc/qtdesignstudio/examples/doc/washingMachineUI.qdoc
index 7d6177c35e..bc7e35a543 100644
--- a/doc/qtdesignstudio/examples/doc/washingMachineUI.qdoc
+++ b/doc/qtdesignstudio/examples/doc/washingMachineUI.qdoc
@@ -134,7 +134,7 @@
 
     We can now add a timeline animation to make the arc move around the button
     when the button is pressed. In the \uicontrol Timeline view, we select the
-    \inlineimage plus.png
+    \inlineimage icons/plus.png
     button to add a 1000-frame timeline to the \e root of the component.
     We'll use the default values for all other fields.
 
@@ -150,7 +150,7 @@
     \image washingmachineui-insert-keyframe.png "Inserting keyframe for Rotation property"
 
     To start recording a rotation animation on the timeline, we check that the
-    playhead is at frame 0 and then select the \inlineimage recordfill.png
+    playhead is at frame 0 and then select the \inlineimage icons/recordfill.png
     (\uicontrol {Auto Key (K)}) button (or press \key k).
 
     First, we set the rotation at frame 0 to -90 in \uicontrol Properties >
@@ -214,7 +214,7 @@
 
     Then, we select the mouse area for the start button, \e startMA,
     in \uicontrol Navigator. In \l {Connection View} > \uicontrol Connections,
-    we select the \inlineimage plus.png
+    we select the \inlineimage icons/plus.png
     (\uicontrol Add) button to connect the \c onClicked() signal handler
     of the button to the \c startClicked() signal.
 
diff --git a/doc/qtdesignstudio/images/icons/boundingrect.png b/doc/qtdesignstudio/images/icons/boundingrect.png
new file mode 100644
index 0000000000..0a91478d6d
--- /dev/null
+++ b/doc/qtdesignstudio/images/icons/boundingrect.png
diff --git a/doc/qtdesignstudio/images/icons/close.png b/doc/qtdesignstudio/images/icons/close.png
new file mode 100644
index 0000000000..dfe3144d14
--- /dev/null
+++ b/doc/qtdesignstudio/images/icons/close.png
diff --git a/doc/qtdesignstudio/images/icons/eye_open.png b/doc/qtdesignstudio/images/icons/eye_open.png
new file mode 100644
index 0000000000..7cb34bf982
--- /dev/null
+++ b/doc/qtdesignstudio/images/icons/eye_open.png
diff --git a/doc/qtdesignstudio/images/icons/keyframe_autobezier_active.png b/doc/qtdesignstudio/images/icons/keyframe_autobezier_active.png
new file mode 100644
index 0000000000..8a3eaa7888
--- /dev/null
+++ b/doc/qtdesignstudio/images/icons/keyframe_autobezier_active.png
diff --git a/doc/qtdesignstudio/images/icons/keyframe_linear_active.png b/doc/qtdesignstudio/images/icons/keyframe_linear_active.png
new file mode 100644
index 0000000000..a195ac5fca
--- /dev/null
+++ b/doc/qtdesignstudio/images/icons/keyframe_linear_active.png
diff --git a/doc/qtdesignstudio/images/icons/keyframe_lineartobezier_active.png b/doc/qtdesignstudio/images/icons/keyframe_lineartobezier_active.png
new file mode 100644
index 0000000000..f85d3f78fd
--- /dev/null
+++ b/doc/qtdesignstudio/images/icons/keyframe_lineartobezier_active.png
diff --git a/doc/qtdesignstudio/images/icons/keyframe_manualbezier_active.png b/doc/qtdesignstudio/images/icons/keyframe_manualbezier_active.png
new file mode 100644
index 0000000000..4b6a7c8978
--- /dev/null
+++ b/doc/qtdesignstudio/images/icons/keyframe_manualbezier_active.png
diff --git a/doc/qtdesignstudio/images/icons/live_preview.png b/doc/qtdesignstudio/images/icons/live_preview.png
new file mode 100644
index 0000000000..b56467d4ea
--- /dev/null
+++ b/doc/qtdesignstudio/images/icons/live_preview.png
diff --git a/doc/qtdesignstudio/images/icons/unlocked.png b/doc/qtdesignstudio/images/icons/unlocked.png
new file mode 100644
index 0000000000..a281db1a8c
--- /dev/null
+++ b/doc/qtdesignstudio/images/icons/unlocked.png
diff --git a/doc/qtdesignstudio/images/keyframe_linear_inactive.png b/doc/qtdesignstudio/images/keyframe_linear_inactive.png
deleted file mode 100644
index f53c5c25ce..0000000000
--- a/doc/qtdesignstudio/images/keyframe_linear_inactive.png
+++ /dev/null
diff --git a/doc/qtdesignstudio/images/keyframe_manualbezier_inactive.png b/doc/qtdesignstudio/images/keyframe_manualbezier_inactive.png
deleted file mode 100644
index ab6ced5af0..0000000000
--- a/doc/qtdesignstudio/images/keyframe_manualbezier_inactive.png
+++ /dev/null
diff --git a/doc/qtdesignstudio/images/navigator.png b/doc/qtdesignstudio/images/navigator.png
deleted file mode 100644
index 69d9a6e491..0000000000
--- a/doc/qtdesignstudio/images/navigator.png
+++ /dev/null
diff --git a/doc/qtdesignstudio/src/components/qtquick-buttons.qdoc b/doc/qtdesignstudio/src/components/qtquick-buttons.qdoc
index d6ef4744b3..3d9f56c4be 100644
--- a/doc/qtdesignstudio/src/components/qtquick-buttons.qdoc
+++ b/doc/qtdesignstudio/src/components/qtquick-buttons.qdoc
@@ -176,7 +176,7 @@
 
     \list 1
         \li Click \uicontrol {Design} to edit the UI file in \l {Form Editor}.
-        \li Select \l Library > \uicontrol Assets > \inlineimage plus.png
+        \li Select \l Library > \uicontrol Assets > \inlineimage icons/plus.png
             to copy the image files you want to use to the project folder.
         \li In \l Navigator, select the root component and set the
             width (\uicontrol W) and height (\uicontrol H) of the button in the
diff --git a/doc/qtdesignstudio/src/components/qtquick-images.qdoc b/doc/qtdesignstudio/src/components/qtquick-images.qdoc
index 407c2715b5..acd01eddb3 100644
--- a/doc/qtdesignstudio/src/components/qtquick-images.qdoc
+++ b/doc/qtdesignstudio/src/components/qtquick-images.qdoc
@@ -37,7 +37,7 @@
     first add them to \l Library:
     \list 1
         \li Select \uicontrol Library > \uicontrol Assets
-            > \inlineimage plus.png
+            > \inlineimage icons/plus.png
             .
         \li Select the image file, and then select \uicontrol Open.
         \li Select the location where the image will be saved in the
diff --git a/doc/qtdesignstudio/src/components/qtquick-positioning.qdoc b/doc/qtdesignstudio/src/components/qtquick-positioning.qdoc
index 1076e7a374..185b684446 100644
--- a/doc/qtdesignstudio/src/components/qtquick-positioning.qdoc
+++ b/doc/qtdesignstudio/src/components/qtquick-positioning.qdoc
@@ -117,7 +117,7 @@
 
     For convenience, you can click the \inlineimage icons/anchor-fill.png
     (\uicontrol {Fill to Parent}) toolbar button to apply fill anchors to a
-    component and the \inlineimage qtcreator-anchors-reset-icon.png
+    component and the \inlineimage icons/qtcreator-anchors-reset-icon.png
     (\uicontrol {Reset Anchors}) button to reset the anchors to their saved
     state.
 
@@ -484,10 +484,10 @@
     \image qtquick-designer-stacked-view.png
 
     To add components to a \uicontrol {Stack Layout}, select the
-    \inlineimage plus.png
+    \inlineimage icons/plus.png
     button next to the component name in \l {Form Editor}.
-    To move between components, select the \inlineimage prev.png
-    (\uicontrol Previous) and \inlineimage next.png
+    To move between components, select the \inlineimage icons/prev.png
+    (\uicontrol Previous) and \inlineimage icons/next.png
     (\uicontrol Next) buttons.
 
     To add a tab bar to a stack layout, right-click on the
diff --git a/doc/qtdesignstudio/src/components/qtquick-preset-components.qdoc b/doc/qtdesignstudio/src/components/qtquick-preset-components.qdoc
index 488dbbdfe0..6907c70e6f 100644
--- a/doc/qtdesignstudio/src/components/qtquick-preset-components.qdoc
+++ b/doc/qtdesignstudio/src/components/qtquick-preset-components.qdoc
@@ -31,7 +31,7 @@
     \title Preset Components
 
     To use preset components, add the modules that contain them to your project
-    by selecting \l Library > \uicontrol Components > \inlineimage plus.png
+    by selecting \l Library > \uicontrol Components > \inlineimage icons/plus.png
     . For more information, see \l{Adding and Removing Modules}. You can then
     create instances of the components by dragging-and-dropping them from
     \uicontrol Library to \l {Form Editor}, \l {3D Editor}, or \l Navigator.
diff --git a/doc/qtdesignstudio/src/components/qtquick-text.qdoc b/doc/qtdesignstudio/src/components/qtquick-text.qdoc
index 8202082341..e1af7084f9 100644
--- a/doc/qtdesignstudio/src/components/qtquick-text.qdoc
+++ b/doc/qtdesignstudio/src/components/qtquick-text.qdoc
@@ -123,7 +123,7 @@
 
     \list 1
         \li Select \uicontrol Library > \l Assets
-            > \inlineimage plus.png
+            > \inlineimage icons/plus.png
             .
         \li Select the font file, and then select \uicontrol Open.
         \li Select the location where the file will be saved in the
diff --git a/doc/qtdesignstudio/src/overviews/qtquick-annotations.qdoc b/doc/qtdesignstudio/src/overviews/qtquick-annotations.qdoc
index 8c493319b9..f9d781961d 100644
--- a/doc/qtdesignstudio/src/overviews/qtquick-annotations.qdoc
+++ b/doc/qtdesignstudio/src/overviews/qtquick-annotations.qdoc
@@ -77,10 +77,10 @@
         \li Select \uicontrol OK.
     \endlist
 
-    To add more comments about the component, select the \inlineimage plus.png
+    To add more comments about the component, select the \inlineimage icons/plus.png
     (\uicontrol {Add Comment}) button.
 
-    To remove the active comment, select the \inlineimage minus.png
+    To remove the active comment, select the \inlineimage icons/minus.png
     (\uicontrol {Remove Comment}) button. To remove the annotation, right-click
     the annotation icon, and then select \uicontrol {Remove Annotation}.
 
diff --git a/doc/qtdesignstudio/src/overviews/qtquick-fonts.qdoc b/doc/qtdesignstudio/src/overviews/qtquick-fonts.qdoc
index bf79ffa20b..3f516d8bcc 100644
--- a/doc/qtdesignstudio/src/overviews/qtquick-fonts.qdoc
+++ b/doc/qtdesignstudio/src/overviews/qtquick-fonts.qdoc
@@ -46,7 +46,7 @@
 
     \list 1
         \li Select \uicontrol Library > \l Assets
-         > \inlineimage plus.png
+         > \inlineimage icons/plus.png
          .
         \li Browse to the folder that contains the font files and select them,
             and then select \uicontrol Open.
diff --git a/doc/qtdesignstudio/src/qtdesignstudio-app-flows.qdoc b/doc/qtdesignstudio/src/qtdesignstudio-app-flows.qdoc
index 1240adaab0..9acda5268c 100644
--- a/doc/qtdesignstudio/src/qtdesignstudio-app-flows.qdoc
+++ b/doc/qtdesignstudio/src/qtdesignstudio-app-flows.qdoc
@@ -510,7 +510,7 @@
         \li Select the \inlineimage icons/edit.png
             (\uicontrol {Show Event List}) button on the Design mode
             \l{Summary of Main Toolbar Actions}{toolbar}, or press \key {Alt+E}.
-        \li In the \uicontrol {Event List} dialog, select \inlineimage plus.png
+        \li In the \uicontrol {Event List} dialog, select \inlineimage icons/plus.png
             to add a keyboard shortcut for triggering an event to the list.
             \image studio-flow-event-list.png "Event List dialog"
         \li In the \uicontrol {Event ID} field, enter an identifier for the
diff --git a/doc/qtdesignstudio/src/qtdesignstudio-importing-2d.qdoc b/doc/qtdesignstudio/src/qtdesignstudio-importing-2d.qdoc
index 4107275d08..a7b4024254 100644
--- a/doc/qtdesignstudio/src/qtdesignstudio-importing-2d.qdoc
+++ b/doc/qtdesignstudio/src/qtdesignstudio-importing-2d.qdoc
@@ -36,7 +36,7 @@
     To import an asset, drag-and-drop the external file containing the asset from,
     for example, File Explorer on Windows, to \uicontrol {Form Editor},
     \uicontrol Navigator, or \uicontrol {Text Editor}. Alternatively, select
-    \l Library > \uicontrol Assets > \inlineimage plus.png
+    \l Library > \uicontrol Assets > \inlineimage icons/plus.png
     and follow the instructions in the \uicontrol {Asset Import} dialog. You can
     also multiselect several external asset files to drag-and-drop them to
     \QDS simultaneously.
@@ -76,7 +76,7 @@
             create an empty project.
         \li In \uicontrol Projects, double-click \e Screen01.ui.qml to move to
             the Design mode.
-        \li Select \l Library > \uicontrol Assets > \inlineimage plus.png
+        \li Select \l Library > \uicontrol Assets > \inlineimage icons/plus.png
             .
         \li Select the folder where you exported the assets.
         \li Select \uicontrol {Exported Assets (*.metadata)} in the dropdown
@@ -121,7 +121,7 @@
 
     After importing the metadata files, wait a few moments to allow all
     imported assets to appear in your project files before selecting your
-    metadata filename from \uicontrol Assets > \inlineimage plus.png
+    metadata filename from \uicontrol Assets > \inlineimage icons/plus.png
     .
 
     If asset importer conflicts, warnings, and errors are displayed in the
diff --git a/doc/qtdesignstudio/src/qtdesignstudio-projects.qdoc b/doc/qtdesignstudio/src/qtdesignstudio-projects.qdoc
index f46b302cb3..07af4c6dec 100644
--- a/doc/qtdesignstudio/src/qtdesignstudio-projects.qdoc
+++ b/doc/qtdesignstudio/src/qtdesignstudio-projects.qdoc
@@ -169,7 +169,7 @@
     \endlist
 
     To use JavaScript and image files in the UI, select \uicontrol Library >
-    \uicontrol Assets > \inlineimage plus.png
+    \uicontrol Assets > \inlineimage icons/plus.png
     .
 
     \section1 Adding Files to Projects
diff --git a/doc/qtdesignstudio/src/qtdesignstudio-simulink.qdoc b/doc/qtdesignstudio/src/qtdesignstudio-simulink.qdoc
index 8592271055..b88f812f3c 100644
--- a/doc/qtdesignstudio/src/qtdesignstudio-simulink.qdoc
+++ b/doc/qtdesignstudio/src/qtdesignstudio-simulink.qdoc
@@ -146,7 +146,7 @@
 
     To integrate the Simulink model into \QDS, you first need to add the
     Simulink connector module to your project. In the \l Library view, select
-    \uicontrol Components > \inlineimage plus.png
+    \uicontrol Components > \inlineimage icons/plus.png
     > \uicontrol SimulinkConnector. \QDS is now ready to communicate with the
     Simulink model.
 
@@ -156,7 +156,7 @@
     \uicontrol SimulinkConnector item in \l Navigator and set the IP address
     and/or port in the \l Properties view. If you cannot see
     \uicontrol SimulinkConnector in \uicontrol Navigator, you need to click
-    \inlineimage filtericon.png
+    \inlineimage icons/filtericon.png
     (\uicontrol {Filter Tree}) and unselect \uicontrol {Show only visible items}.
 
     To communicate with a specific model in Simulink, you need to create
diff --git a/doc/qtdesignstudio/src/qtquick3d-editor/exporting-3d/exporting-from-qt3ds.qdoc b/doc/qtdesignstudio/src/qtquick3d-editor/exporting-3d/exporting-from-qt3ds.qdoc
index 3b24cf2815..112a7f73a5 100644
--- a/doc/qtdesignstudio/src/qtquick3d-editor/exporting-3d/exporting-from-qt3ds.qdoc
+++ b/doc/qtdesignstudio/src/qtquick3d-editor/exporting-3d/exporting-from-qt3ds.qdoc
@@ -166,7 +166,7 @@
 
     \section2 Importing Assets
     \list 1
-    \li Select \uicontrol Library > \uicontrol Assets > \inlineimage plus.png
+    \li Select \uicontrol Library > \uicontrol Assets > \inlineimage icons/plus.png
         .
         \image exporting-from-qt3ds/09-add-new-assets.png
 
diff --git a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-custom-shaders.qdoc b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-custom-shaders.qdoc
index 4bf5e03011..489ca9519f 100644
--- a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-custom-shaders.qdoc
+++ b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-custom-shaders.qdoc
@@ -155,7 +155,7 @@
 
             The \uicontrol Passes property contains a list of render passes
             implemented by the effect. You can add more entry fields to the list
-            by selecting \inlineimage plus.png
+            by selecting \inlineimage icons/plus.png
             . For more information, see \l {Custom Effects and Materials}.
 
     \row
diff --git a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-editor.qdoc b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-editor.qdoc
index 43b307c27f..caaa5bc635 100644
--- a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-editor.qdoc
+++ b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-editor.qdoc
@@ -44,7 +44,7 @@
     \l{Lights}{light}, \l{3D Models}{model}, and
     \l {Materials and Shaders}{materials}. If your scene did not contain
     them, you can add the corresponding \l {3D Components}{Qt Quick 3D}
-    components from \l Library > \uicontrol Components > \inlineimage plus.png
+    components from \l Library > \uicontrol Components > \inlineimage icons/plus.png
     > \uicontrol {Qt Quick 3D} > \uicontrol {Qt Quick 3D}.
 
     You can use the \l{Summary of the 3D Editor Toolbar Buttons}{toolbar buttons}
@@ -71,7 +71,7 @@
     grid.
 
     To refresh the contents of \uicontrol {3D Editor}, press \key P or
-    select the \inlineimage reset.png
+    select the \inlineimage icons/reset.png
     (\uicontrol {Reset View}) button.
 
     \image studio-3d-editor.png "3D Editor"
@@ -297,7 +297,7 @@
         \li \key G
         \li
     \row
-        \li \inlineimage reset.png
+        \li \inlineimage icons/reset.png
         \li Reset View
         \li \key R
         \li
diff --git a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-importing.qdoc b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-importing.qdoc
index ae12772cf4..b46ce6b005 100644
--- a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-importing.qdoc
+++ b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-importing.qdoc
@@ -66,7 +66,7 @@
 
     \list 1
         \li In the \l{Design Views}{Design mode}, select \l Library >
-            \uicontrol Assets > \inlineimage plus.png
+            \uicontrol Assets > \inlineimage icons/plus.png
             .
         \li Select \uicontrol {3D Assets} in the dropdown menu to filter 3D
             graphics files.
diff --git a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-instancing.qdoc b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-instancing.qdoc
index 31a9c90be9..1641fe159d 100644
--- a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-instancing.qdoc
+++ b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-instancing.qdoc
@@ -119,7 +119,7 @@
                 \uicontrol Instances, select each \uicontrol {Instance List Entry}
                 you wish to include in the \uicontrol {Instance List} by using
                 the dropdown menu. You can add more fields for the property by
-                clicking the \inlineimage plus.png
+                clicking the \inlineimage icons/plus.png
                 icon.
             \li To define an \uicontrol {Instance List Entry}, select it in
                 \uicontrol Navigator, and specify its properties in
diff --git a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-materials-shaders.qdoc b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-materials-shaders.qdoc
index b593f544e0..2485481e3a 100644
--- a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-materials-shaders.qdoc
+++ b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-materials-shaders.qdoc
@@ -227,6 +227,6 @@
     You can apply the same material to another component as well. Again,
     delete the default material first. You should then select the component and
     go to the \uicontrol Properties view. Find the \uicontrol Materials property,
-    select the \inlineimage plus.png
+    select the \inlineimage icons/plus.png
     icon, and choose the new material in the dropdown menu.
 */
diff --git a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-materials.qdoc b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-materials.qdoc
index 4f98406dd9..97a0303989 100644
--- a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-materials.qdoc
+++ b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-materials.qdoc
@@ -54,7 +54,7 @@
     \l Properties view. You can apply the same material to another component as
     well. Again, delete the default material first. You should then select the
     component and go to the \uicontrol Properties view. Find the
-    \uicontrol Materials property, select the \inlineimage plus.png
+    \uicontrol Materials property, select the \inlineimage icons/plus.png
     icon, and choose the new material in the dropdown menu.
 
     Each material has its own set of properties that can be used to further
diff --git a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-model.qdoc b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-model.qdoc
index 33c5e23b9a..a55c90ea80 100644
--- a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-model.qdoc
+++ b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-model.qdoc
@@ -53,7 +53,7 @@
     \section1 Model Properties
 
     You can change the model type in \uicontrol Properties > \uicontrol Model
-    > \uicontrol Source field. Select the \inlineimage plus.png
+    > \uicontrol Source field. Select the \inlineimage icons/plus.png
     button to add custom model types to the list.
 
     \image studio-qtquick-3d-model.png "Model properties"
@@ -69,7 +69,7 @@
 
     A model can consist of several sub-meshes, each of which can have its own
     material. Select the material from the list in the \uicontrol {Materials}
-    field. Select the \inlineimage plus.png
+    field. Select the \inlineimage icons/plus.png
     button to add materials to the list. For more information about materials,
     see \l {Materials and Shaders}.
 
diff --git a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-particles.qdoc b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-particles.qdoc
index 06e08b267a..b965fa4454 100644
--- a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-particles.qdoc
+++ b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-particles.qdoc
@@ -86,7 +86,7 @@
     To add a particle system that emits sprite particles:
 
     \list 1
-        \li Select \uicontrol Library > \uicontrol Assets > \inlineimage plus.png
+        \li Select \uicontrol Library > \uicontrol Assets > \inlineimage icons/plus.png
             to add your sprites, 3D models, textures, and other graphical
             \l{Assets}{assets} to the project.
         \li Drag-and-drop an instance of the \uicontrol {Particle System}
@@ -1016,7 +1016,7 @@
     \uicontrol System.
 
     To only affect some of the particles in the particle system, select
-    them in \uicontrol Particles. Select \inlineimage plus.png
+    them in \uicontrol Particles. Select \inlineimage icons/plus.png
     to add logical particles to the list.
 
     Deselect \uicontrol Enabled to turn the affector off. Usually, this
diff --git a/doc/qtdesignstudio/src/views/qtquick-connection-editor-bindings.qdoc b/doc/qtdesignstudio/src/views/qtquick-connection-editor-bindings.qdoc
index 82107b7507..7fb91b2c90 100644
--- a/doc/qtdesignstudio/src/views/qtquick-connection-editor-bindings.qdoc
+++ b/doc/qtdesignstudio/src/views/qtquick-connection-editor-bindings.qdoc
@@ -54,7 +54,7 @@
     \list 1
         \li Select \uicontrol View > \uicontrol Views >
              \l {Connection View} > \uicontrol {Bindings}.
-        \li Select the \inlineimage plus.png
+        \li Select the \inlineimage icons/plus.png
             (\uicontrol Add) button to add a binding for the currently selected
             component. The component ID is displayed in the \uicontrol Item
             column.
diff --git a/doc/qtdesignstudio/src/views/qtquick-connection-editor-properties.qdoc b/doc/qtdesignstudio/src/views/qtquick-connection-editor-properties.qdoc
index c0db8d22e7..55c7f9ce1d 100644
--- a/doc/qtdesignstudio/src/views/qtquick-connection-editor-properties.qdoc
+++ b/doc/qtdesignstudio/src/views/qtquick-connection-editor-properties.qdoc
@@ -65,7 +65,7 @@
     \list 1
         \li Select \uicontrol View > \uicontrol Views >
             \uicontrol {Connection View} > \uicontrol {Properties}.
-        \li Select the \inlineimage plus.png
+        \li Select the \inlineimage icons/plus.png
             (\uicontrol Add) button to add a dynamic property for the currently
             selected component. The component ID is displayed in the \uicontrol Item
             column.
diff --git a/doc/qtdesignstudio/src/views/qtquick-connection-editor-signals.qdoc b/doc/qtdesignstudio/src/views/qtquick-connection-editor-signals.qdoc
index 754066a93c..fffd8d5395 100644
--- a/doc/qtdesignstudio/src/views/qtquick-connection-editor-signals.qdoc
+++ b/doc/qtdesignstudio/src/views/qtquick-connection-editor-signals.qdoc
@@ -70,7 +70,7 @@
     \list 1
         \li Select \uicontrol View > \uicontrol Views >
             \l {Connection View} > \uicontrol {Connections}.
-        \li Select the \inlineimage plus.png
+        \li Select the \inlineimage icons/plus.png
             (\uicontrol Add) button to add a connection.
         \li Double-click the value in the \uicontrol Target column to add the
             component to connect to a signal.
diff --git a/doc/qtdesignstudio/src/views/qtquick-designer.qdoc b/doc/qtdesignstudio/src/views/qtquick-designer.qdoc
index 7536e8c757..8d0efbfb4d 100644
--- a/doc/qtdesignstudio/src/views/qtquick-designer.qdoc
+++ b/doc/qtdesignstudio/src/views/qtquick-designer.qdoc
@@ -148,19 +148,19 @@
         \li Keyboard Shortcut
         \li Read More
     \row
-        \li \inlineimage prev.png
+        \li \inlineimage icons/prev.png
         \li \uicontrol {Go Back}: moves a step backwards in your location history.
             That is, returns the focus to the last location in the last file it
             was on.
         \li \key Alt+< (\key Opt+Cmd+< on \macos)
         \li \l{Navigating Between Open Files and Symbols}
     \row
-        \li \inlineimage next.png
+        \li \inlineimage icons/next.png
         \li \uicontrol {Go Forward}: moves a step forward in your location history.
         \li \key Alt+> (\key Opt+Cmd+> on \macos)
         \li \l{Navigating Between Open Files and Symbols}
     \row
-        \li \inlineimage unlocked.png
+        \li \inlineimage icons/unlocked.png
         \li File is writable: the currently open file can be modified and saved.
         \li
         \li \l{Open Documents}
@@ -178,7 +178,7 @@
         \li
         \li \l{Open Documents}
     \row
-        \li \inlineimage close.png
+        \li \inlineimage icons/close.png
         \li \uicontrol {Close Document}: closes the current file.
         \li \key Ctrl+W (\key Cmd+W on \macos)
         \li
@@ -226,7 +226,7 @@
         \li \key Shift+F
         \li \l{Setting Anchors and Margins}
     \row
-        \li \inlineimage qtcreator-anchors-reset-icon.png
+        \li \inlineimage icons/qtcreator-anchors-reset-icon.png
         \li Resets anchors to their saved state for the selected component.
         \li \key Ctrl+Shift+R (\key Shift+Cmd+R on \macos)
         \li \l{Setting Anchors and Margins}
diff --git a/doc/qtdesignstudio/src/views/qtquick-easing-curve-editor.qdoc b/doc/qtdesignstudio/src/views/qtquick-easing-curve-editor.qdoc
index 5a6825ca6c..9a530cb661 100644
--- a/doc/qtdesignstudio/src/views/qtquick-easing-curve-editor.qdoc
+++ b/doc/qtdesignstudio/src/views/qtquick-easing-curve-editor.qdoc
@@ -102,7 +102,7 @@
 
     When you attach easing curves to keyframes, the shape of the
     \l{keyframe_marker}{keyframe marker} on a keyframe track in
-    \l Timeline changes from \inlineimage keyframe_linear_inactive.png
+    \l Timeline changes from \inlineimage icons/keyframe_linear_active.png
     to a marker that describes the type of the selected easing curve.
 
     \section1 Attaching Easing Curves to Transitions
diff --git a/doc/qtdesignstudio/src/views/qtquick-form-editor.qdoc b/doc/qtdesignstudio/src/views/qtquick-form-editor.qdoc
index bcd9317615..babada1e63 100644
--- a/doc/qtdesignstudio/src/views/qtquick-form-editor.qdoc
+++ b/doc/qtdesignstudio/src/views/qtquick-form-editor.qdoc
@@ -72,7 +72,7 @@
             align them.
         \li \l{Snapping to Parent and Sibling Components}
     \row
-        \li \inlineimage boundingrect.png
+        \li \inlineimage icons/boundingrect.png
         \li Hides and shows component instance boundaries.
         \li \l{Hiding Component Boundaries}
     \row
@@ -108,7 +108,7 @@
         \li Zooms to fit the current selection.
         \li \l{Zooming}
     \row
-        \li \inlineimage reset.png
+        \li \inlineimage icons/reset.png
         \li Refreshes the contents of \uicontrol {Form Editor}.
         \li \l{Refreshing Form Editor Contents}
     \endtable
@@ -199,7 +199,7 @@
     \section1 Hiding Component Boundaries
 
     \uicontrol {Form Editor} displays the boundaries of component instances.
-    To hide them, select the \inlineimage boundingrect.png
+    To hide them, select the \inlineimage icons/boundingrect.png
     button.
 
     \section1 Previewing Component Size
@@ -254,7 +254,7 @@
     \uicontrol {Form Editor}.
 
     To refresh the contents of \uicontrol {Form Editor}, press \key R or
-    select the \inlineimage reset.png
+    select the \inlineimage icons/reset.png
     (\uicontrol {Reset View}) button.
 
     \include qtquick-component-context-menu.qdocinc context-menu
diff --git a/doc/qtdesignstudio/src/views/qtquick-library.qdoc b/doc/qtdesignstudio/src/views/qtquick-library.qdoc
index adf66688b1..b70cb1ddde 100644
--- a/doc/qtdesignstudio/src/views/qtquick-library.qdoc
+++ b/doc/qtdesignstudio/src/views/qtquick-library.qdoc
@@ -98,7 +98,7 @@
     contains basic components and UI controls, while a 3D application project
     contains additional 3D components.
 
-    To view the list of available modules, select \inlineimage plus.png
+    To view the list of available modules, select \inlineimage icons/plus.png
     . Most commonly used modules are placed at the top of the list in
     alphabetical order. You can search for components and modules by entering
     search criteria in the \uicontrol Search field.
@@ -120,7 +120,7 @@
 
     \uicontrol Library > \uicontrol {Assets} displays the images and other files
     that you add to the project folder by dragging-and-dropping external asset
-    files to \QDS or by selecting \inlineimage plus.png
+    files to \QDS or by selecting \inlineimage icons/plus.png
     . For more information about importing assets to \QDS, see
     \l {Importing 2D Assets} and \l {Importing 3D Assets}.
 
diff --git a/doc/qtdesignstudio/src/views/qtquick-navigator.qdoc b/doc/qtdesignstudio/src/views/qtquick-navigator.qdoc
index 3e50256a20..5bdc89095a 100644
--- a/doc/qtdesignstudio/src/views/qtquick-navigator.qdoc
+++ b/doc/qtdesignstudio/src/views/qtquick-navigator.qdoc
@@ -86,7 +86,7 @@
         \li Moves the component up within its parent.
         \li \l{Arranging Components}
     \row
-        \li \inlineimage filtericon.png
+        \li \inlineimage icons/filtericon.png
         \li Shows and hides invisible components in \uicontrol Navigator.
         \li \l{Showing and Hiding Components}
     \row
@@ -122,7 +122,7 @@
     parent component.
 
     To hide invisible components in \uicontrol Navigator, click
-    \inlineimage filtericon.png
+    \inlineimage icons/filtericon.png
     (\uicontrol {Filter Tree}) and select
     \uicontrol {Show Only Visible Components}.
 
@@ -164,7 +164,7 @@
     the bottom of the \uicontrol Navigator tree and behind overlapping
     components in \uicontrol {Form Editor}. To list the components in the order
     in which they appear in the file, as some other tools do, click
-    \inlineimage filtericon.png
+    \inlineimage icons/filtericon.png
     (\uicontrol {Filter Tree}), and select \uicontrol {Reverse Component Order}.
 
     To move a component to the top or bottom of the tree within its parent,
diff --git a/doc/qtdesignstudio/src/views/qtquick-states.qdoc b/doc/qtdesignstudio/src/views/qtquick-states.qdoc
index 71d4eba388..bd30a1bf40 100644
--- a/doc/qtdesignstudio/src/views/qtquick-states.qdoc
+++ b/doc/qtdesignstudio/src/views/qtquick-states.qdoc
@@ -178,7 +178,7 @@
     \list 1
         \li In the base state, add all components you will need in the
             application (1). While you work on one view, you can click the
-            \inlineimage eye_open.png
+            \inlineimage icons/eye_open.png
             icon in \l Navigator to hide components on the canvas that are
             not part of a view.
         \li In \uicontrol States, select \uicontrol {Create New State} to create
diff --git a/doc/qtdesignstudio/src/views/qtquick-timeline-view.qdoc b/doc/qtdesignstudio/src/views/qtquick-timeline-view.qdoc
index 246442def9..6cf56cfb26 100644
--- a/doc/qtdesignstudio/src/views/qtquick-timeline-view.qdoc
+++ b/doc/qtdesignstudio/src/views/qtquick-timeline-view.qdoc
@@ -37,7 +37,7 @@
 
     \image studio-timeline-empty.png "Empty Timeline view"
 
-    Select the \inlineimage plus.png
+    Select the \inlineimage icons/plus.png
     (\uicontrol {Add Timeline}) button to \l{Creating Timelines}
     {create a timeline} and specify settings for it in the
     \uicontrol {Timeline Settings} dialog.
@@ -225,13 +225,13 @@
             gray, and when a keyframe itself is selected, its marker turns
             brown:
             \list
-                \li \inlineimage keyframe_linear_inactive.png
+                \li \inlineimage icons/keyframe_linear_active.png
                     - linear easing curve
-                \li \inlineimage keyframe_manualbezier_inactive.png
+                \li \inlineimage icons/keyframe_manualbezier_active.png
                     - manually set Bezier curve
-                \li \inlineimage keyframe_autobezier_inactive.png
+                \li \inlineimage icons/keyframe_autobezier_active.png
                     - automatically set Bezier curve
-                \li \inlineimage keyframe_lineartobezier_inactive.png
+                \li \inlineimage icons/keyframe_lineartobezier_active.png
                     - linear-to-Bezier curve
             \endlist
         \li \l {Editing Easing Curves}
diff --git a/doc/qtdesignstudio/src/views/qtquick-timeline.qdoc b/doc/qtdesignstudio/src/views/qtquick-timeline.qdoc
index ab3e376872..df221b5776 100644
--- a/doc/qtdesignstudio/src/views/qtquick-timeline.qdoc
+++ b/doc/qtdesignstudio/src/views/qtquick-timeline.qdoc
@@ -46,7 +46,7 @@
     To create a timeline to animate a UI component:
 
     \list 1
-        \li In the \l Timeline view, select the \inlineimage plus.png
+        \li In the \l Timeline view, select the \inlineimage icons/plus.png
             (\uicontrol {Add Timeline}) button to specify settings
             for the timeline and running the animation
             in the \uicontrol {Timeline Settings} dialog.
@@ -82,12 +82,12 @@
         \li Select \uicontrol Close to close the dialog and save the settings.
     \endlist
 
-    To create additional timelines, select the \inlineimage plus.png
+    To create additional timelines, select the \inlineimage icons/plus.png
     (\uicontrol {Add Timeline}) button next to the
     \uicontrol {Timeline Settings} tab.
 
     To specify settings for running timeline animations, select the
-    \inlineimage plus.png
+    \inlineimage icons/plus.png
     (\uicontrol {Add Animation}) button next to the
     \uicontrol {Animation Settings} tab. For example, you could create
     settings for running a part of the timeline animation between specified
diff --git a/doc/qtdesignstudio/src/views/qtquick-transition-editor.qdoc b/doc/qtdesignstudio/src/views/qtquick-transition-editor.qdoc
index 12ade5c3c4..21e270a9c8 100644
--- a/doc/qtdesignstudio/src/views/qtquick-transition-editor.qdoc
+++ b/doc/qtdesignstudio/src/views/qtquick-transition-editor.qdoc
@@ -101,7 +101,7 @@
         \li Select \uicontrol View > \uicontrol Views >
             \uicontrol {Transition Editor}.
             \image qmldesigner-transition-editor-startup.png "Empty Transition Editor"
-        \li Select the \inlineimage plus.png
+        \li Select the \inlineimage icons/plus.png
             (\uicontrol {Add Transition}) button to add a transition. This
             works only if you have added at least one state and modified at
             least one property in it.
@@ -125,7 +125,7 @@
     To add transitions:
 
     \list 1
-        \li Select the \inlineimage plus.png
+        \li Select the \inlineimage icons/plus.png
             (\uicontrol {Add Transition}) button.
         \li In the \uicontrol {Transition ID} field, enter an ID for the
             transition.
@@ -133,7 +133,7 @@
         \li In the \uicontrol To field, select the state to transition to.
     \endlist
 
-    To remove the current transition, select the \inlineimage minus.png
+    To remove the current transition, select the \inlineimage icons/minus.png
     (\uicontrol {Remove Transition}) button.
 
     \if defined(qtcreator)