Add custom icons for layout options (#34890) (#34966)

(cherry picked from commit 10f6638d9e)

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>

packages/grafana-ui/src/types/icon.ts

@@ -11,20 +11,20 @@ export const getAvailableIcons = () =>
     'angle-right',
     'angle-up',
     'apps',
+    'arrow',
     'arrow-down',
     'arrow-from-right',
     'arrow-left',
     'arrow-random',
     'arrow-right',
     'arrow-up',
-    'arrow',
     'arrows-h',
     'bars',
-    'bell-slash',
     'bell',
+    'bell-slash',
     'bolt',
-    'book-open',
     'book',
+    'book-open',
     'brackets-curly',
     'bug',
     'calculator-alt',
@@ -32,14 +32,14 @@ export const getAvailableIcons = () =>
     'camera',
     'channel-add',
     'chart-line',
-    'check-circle',
     'check',
+    'check-circle',
     'circle',
     'clipboard-alt',
     'clock-nine',
+    'cloud',
     'cloud-download',
     'cloud-upload',
-    'cloud',
     'code-branch',
     'cog',
     'columns',
@@ -58,28 +58,32 @@ export const getAvailableIcons = () =>
     'exchange-alt',
     'exclamation-triangle',
     'external-link-alt',
-    'eye-slash',
     'eye',
+    'eye-slash',
     'fa fa-spinner',
     'favorite',
     'file-alt',
     'file-blank',
     'file-copy-alt',
     'filter',
+    'folder',
     'folder-open',
     'folder-plus',
     'folder-upload',
-    'folder',
     'forward',
+    'gf-grid',
     'gf-interpolation-linear',
     'gf-interpolation-smooth',
     'gf-interpolation-step-after',
     'gf-interpolation-step-before',
+    'gf-landscape',
+    'gf-layout-simple',
     'gf-logs',
+    'gf-portrait',
     'grafana',
     'graph-bar',
-    'heart-break',
     'heart',
+    'heart-break',
     'history',
     'home-alt',
     'import',
@@ -87,12 +91,14 @@ export const getAvailableIcons = () =>
     'key-skeleton-alt',
     'keyboard',
     'layer-group',
+    'library-panel',
     'line-alt',
     'link',
+    'list-ui-alt',
     'list-ul',
     'lock',
-    'minus-circle',
     'minus',
+    'minus-circle',
     'mobile-android',
     'monitor',
     'palette',
@@ -102,18 +108,17 @@ export const getAvailableIcons = () =>
     'percentage',
     'play',
     'plug',
+    'plus',
     'plus-circle',
     'plus-square',
-    'plus',
     'power',
     'question-circle',
     'repeat',
-    'library-panel',
     'rocket',
     'save',
+    'search',
     'search-minus',
     'search-plus',
-    'search',
     'share-alt',
     'shield',
     'shield-exclamation',