Doc: Update some icons and move them to icons folder

Change-Id: I06867460704b6ff085cd2f06042c0dce81d26377
Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>

doc/qtcreator/src/qtquick/creator-only/creator-mobile-app-tutorial.qdoc

@@ -94,7 +94,7 @@
                     to reference the rectangle from other places.
 
                 \li Select the \uicontrol Layout tab, and then click
-                    the \inlineimage anchor-fill.png
+                    the \inlineimage icons/anchor-fill.png
                     (\uicontrol {Fill to Parent}) button to anchor the rectangle
                     to the item.
 

doc/qtcreator/src/qtquick/creator-only/qtquick-app-tutorial.qdoc

@@ -119,8 +119,8 @@
                 the white background.
 
             \li Click \uicontrol {Layout}, and then click the
-                \inlineimage anchor-top.png
-                (\uicontrol Top) and \inlineimage anchor-left.png
+                \inlineimage icons/anchor-top.png
+                (\uicontrol Top) and \inlineimage icons/anchor-left.png
                 (\uicontrol Left) anchor buttons to anchor the
                 rectangle to the top left corner of the page.
 
@@ -135,7 +135,7 @@
             \uicontrol Library to \e topLeftRect in \uicontrol Navigator.
 
         \li Click \uicontrol {Layout}, and then click the
-            \inlineimage anchor-fill.png
+            \inlineimage icons/anchor-fill.png
             (\uicontrol {Fill to Parent}) button to anchor the mouse area to the
             rectangle.
 
@@ -151,9 +151,9 @@
             \li In the \uicontrol Id field, enter \e middleRightRect.
 
             \li In \uicontrol {Layout}, select the
-                \inlineimage anchor-vertical-center.png
+                \inlineimage icons/anchor-center-vertical.png
                 (\uicontrol {Vertical Center} anchor button and then the
-                \inlineimage anchor-right.png
+                \inlineimage icons/anchor-right.png
                 (\uicontrol Right) anchor button to anchor the rectangle
                 to the middle right margin of its parent.
 
@@ -169,8 +169,8 @@
             \li In the \uicontrol Id field, enter \e bottomLeftRect.
 
             \li In \uicontrol {Layout}, select the
-                \inlineimage anchor-bottom.png
-                (\uicontrol Bottom) and \inlineimage anchor-left.png
+                \inlineimage icons/anchor-bottom.png
+                (\uicontrol Bottom) and \inlineimage icons/anchor-left.png
                 (\uicontrol Left) anchor buttons to anchor the rectangle
                 to the bottom left margin of its parent.
 

doc/qtcreator/src/qtquick/qtquick-buttons.qdoc

@@ -75,7 +75,7 @@
                 the rectangle to produce rounded corners for the button.
 
             \li Select \uicontrol {Layout}, and then select the
-                \inlineimage anchor-fill.png
+                \inlineimage icons/anchor-fill.png
                 (\uicontrol {Fill to Parent}) button to anchor the rectangle to
                 the item.
 
@@ -190,7 +190,7 @@
                 \li In the \uicontrol Source field, select the image file for
                     the border image. For example, inactive_button.png.
                 \li In the \uicontrol {Layout} tab, select the
-                    \inlineimage anchor-fill.png
+                    \inlineimage icons/anchor-fill.png
                     (\uicontrol {Fill to Parent}) button to always make the
                     image the same size as its parent. This makes the button
                     component scalable, because the image size is bound to the
@@ -204,7 +204,7 @@
                     for the button when it is clicked. For example,
                     active_button.png.
                 \li In the \uicontrol {Layout} tab, select the
-                    \inlineimage anchor-fill.png
+                    \inlineimage icons/anchor-fill.png
                     (\uicontrol {Fill to Parent}) button.
             \endlist
         \li Select the text item to specify font size and color in
@@ -216,9 +216,9 @@
                 \li In \uicontrol Font group, \uicontrol Size field, enter the
                     font size.
                 \li In the \uicontrol {Layout} tab, select
-                    \inlineimage anchor-vertical-center.png
+                    \inlineimage icons/anchor-center-vertical.png
                     (\uicontrol {Vertical Center}) and
-                    \inlineimage anchor-horizontal-center.png
+                    \inlineimage icons/anchor-center-horizontal.png
                     (\uicontrol {Horizontal Center}) buttons to inherit the
                     vertical and horizontal centering from the parent.
                     This ensures that the button label is centered when the

doc/qtcreator/src/qtquick/qtquick-form-editor.qdoc

@@ -55,7 +55,7 @@
 
     \section1 Rotating Items
 
-    You can use a rotation tool \inlineimage rotate_on.png
+    You can use a rotation tool \inlineimage icons/rotation-cursor.png
     in one of the corners of an item to freely rotate
     items around their origin in \uicontrol {Form Editor}.
     Drag clockwise or counter-clockwise to rotate the item.

doc/qtcreator/src/qtquick/qtquick-positioning.qdoc

@@ -111,7 +111,7 @@
 
     \image qmldesigner-anchor-buttons.png "Anchor buttons"
 
-    For convenience, you can click the \inlineimage anchor-fill.png
+    For convenience, you can click the \inlineimage icons/anchor-fill.png
     (\uicontrol {Fill to Parent}) toolbar button to apply fill anchors to an
     item and the \inlineimage qtcreator-anchors-reset-icon.png
     (\uicontrol {Reset Anchors}) button to reset the anchors to their saved
@@ -205,7 +205,7 @@
 
     You can set the space between objects in pixels. You can
     disable the distribution of spacing in pixels by clicking
-    the \inlineimage qmldesigner-distribute-spacing-x.png
+    the \inlineimage icons/distribute-origin-none.png
     button.
 
     \section2 Using Positioners

doc/qtdesignstudio/examples/doc/loginui2.qdoc

@@ -72,12 +72,12 @@
         \li Open \e {Screen01.ui.qml} for editing in the
             \uicontrol {Form Editor} view.
         \li Select \e logo in \uicontrol Navigator.
-        \li Select the \inlineimage anchor-top.png
-            (\uicontrol Top) and \inlineimage anchor-left.png
+        \li Select the \inlineimage icons/anchor-top.png
+            (\uicontrol Top) and \inlineimage icons/anchor-left.png
             (\uicontrol Left) anchor buttons to anchor \e logo to the top left
             corner of its parent with 10-pixel margins.
         \li Select \e pageTitle in \uicontrol Navigator.
-        \li Deselect the \inlineimage anchor-vertical-center.png
+        \li Deselect the \inlineimage icons/anchor-center-vertical.png
             (\uicontrol {Vertical Center}) button to remove the
             anchor, and then select the \uicontrol Top button to anchor the
             title to the top of the page with a 70-pixel margin.
@@ -167,12 +167,12 @@
         \li In \uicontrol Properties > \uicontrol Layout, select the
             \uicontrol Top button to anchor the top of the button column to
             the top of its parent with a 200-pixel margin.
-        \li Select the \inlineimage anchor-horizontal-center.png
+        \li Select the \inlineimage icons/anchor-center-horizontal.png
             (\uicontrol {Horizontal Center}) button to center the field
             column horizontally on the page.
         \li Select \e buttonColumn in \uicontrol Navigator.
         \li In \uicontrol Properties > \uicontrol Layout, select the
-            \inlineimage anchor-bottom.png
+            \inlineimage icons/anchor-bottom.png
             (\uicontrol Bottom) button to anchor the bottom of the button
             column to the bottom of its parent with a 50-pixel margin.
         \li Select the \uicontrol {Horizontal Center} button to center

doc/qtdesignstudio/examples/doc/loginui3.qdoc

@@ -92,8 +92,8 @@
         \li In the \uicontrol Text field, enter \e <.
         \li In the \uicontrol Font group, \uicontrol Size field, set the font
             size to \e 24 pixels.
-        \li Under \uicontrol Layout, select the \inlineimage anchor-top.png
-            (\uicontrol Top) and \inlineimage anchor-right.png
+        \li Under \uicontrol Layout, select the \inlineimage icons/anchor-top.png
+            (\uicontrol Top) and \inlineimage icons/anchor-right.png
             (\uicontrol Right) anchor buttons to anchor \e backButton to
             the top right corner of its parent with 20- and 10-pixel margins,
             respectively.

doc/qtdesignstudio/examples/doc/loginui4.qdoc

@@ -92,11 +92,11 @@
             \key Delete to delete it.
         \li Select \e usernameField in \uicontrol Navigator.
         \li In \uicontrol Properties > \uicontrol Layout, select the
-            \inlineimage anchor-top.png
+            \inlineimage icons/anchor-top.png
             (\uicontrol Top) button to anchor the top of the field to the top
             of its parent. \QDS will suggest an appropriate margin based on
             the current position of the field on the y axis, 200 pixels.
-        \li Select the \inlineimage anchor-horizontal-center.png
+        \li Select the \inlineimage icons/anchor-center-horizontal.png
             (\uicontrol {Horizontal Center}) button to anchor
             the horizontal center of the field to that of its parent.
         \li Select \e passwordField, and then select the \uicontrol Top

doc/qtdesignstudio/src/qtdesignstudio-app-flows.qdoc

@@ -204,7 +204,7 @@
         \li In \uicontrol Navigator, select the \uicontrol EventListSimulator
             type, and then select the \uicontrol Active check box in
             \uicontrol Properties to activate the event simulator.
-        \li Select the \inlineimage icon-event-list.png
+        \li Select the \inlineimage icons/edit.png
             (\uicontrol {Show Event List}) button on the Design mode toolbar,
             or press \key {Alt+E}.
             \image studio-flow-event-list.png "Event List Dialog"