Added icons for settings menu, refreshed menus to unify layouts

lib/tools/asset_viewer/lib/main_menu.rb

@@ -17,17 +17,19 @@ class IMICFPS
 
         @manifests.sort_by! { |m| m.name.downcase }
 
-        label IMICFPS::NAME.to_s, text_size: 100, color: Gosu::Color::BLACK
+
-        label "Asset Viewer", text_size: 50
 
         flow(width: 1.0, height: 1.0) do
           stack(width: 0.25, height: 1.0) do
-            button "Back", width: 1.0 do
-              pop_state
-            end
           end
 
           stack(width: 0.5, height: 1.0) do
+            label "Asset Viewer", text_size: 100, font: BOLD_SANS_FONT, width: 1.0, text_align: :center
+
+            link I18n.t("menus.back"), width: 1.0 do
+              pop_state
+            end
+
             flow(width: 1.0, height: 1.0) do
               @manifests.each do |manifest|
                 button manifest.name do

lib/tools/map_editor/lib/main_menu.rb

@@ -6,9 +6,6 @@ class IMICFPS
       def setup
         window.needs_cursor = true
 
-        label IMICFPS::NAME.to_s, text_size: 50
-        label "Map Editor", text_size: 28
-
         @maps = []
         Dir.glob("#{GAME_ROOT_PATH}/maps/*.json").each do |map|
           begin
@@ -22,15 +19,20 @@ class IMICFPS
 
         flow(width: 1.0, height: 1.0) do
           stack(width: 0.25, height: 1.0) do
-            button "New Map", width: 1.0
-
-            button "Back", margin_top: 64, width: 1.0 do
-              pop_state
-            end
           end
 
           stack(width: 0.5, height: 1.0) do
-            label "Edit Map"
+            label "Map Editor", text_size: 100, font: BOLD_SANS_FONT, width: 1.0, text_align: :center
+
+            flow width: 1.0 do
+              link I18n.t("menus.back"), width: 0.32 do
+                pop_state
+              end
+
+              button "New Map", width: 1.0, width: 0.64
+            end
+
+            label "Edit Map", width: 1.0, text_align: :center, text_size: 50
             flow(width: 1.0, height: 1.0) do
               @maps.each do |map|
                 button map.metadata.name do

lib/ui/menus/multiplayer_profile_menu.rb

@@ -3,17 +3,22 @@
 class IMICFPS
   class MultiplayerProfileMenu < Menu
     def setup
-      label "Profile", text_size: 100, color: Gosu::Color::BLACK
-
       flow(width: 1.0, height: 1.0) do
         stack(width: 0.25, height: 1.0) do
-          button "Edit Profile", width: 1.0
-          button "Log Out", width: 1.0
-          button I18n.t("menus.back"), width: 1.0, margin_top: 64 do
-            pop_state
-          end
         end
+
         stack(width: 0.5, height: 1.0) do
+          label "Profile", text_size: 100, color: Gosu::Color::BLACK, width: 1.0, text_align: :center
+
+          flow width: 1.0 do
+            link I18n.t("menus.back"), width: 0.32 do
+              pop_state
+            end
+
+            button "Edit Profile", width: 0.32
+            button "Log Out", width: 0.32
+          end
+
           flow(width: 1.0, padding: 4) do
             background 0x88_222222
 
@@ -25,7 +30,7 @@ class IMICFPS
             end
           end
 
-          flow(margin_top: 4, margin_right: 4) do
+          flow(margin_top: 4) do
             stack do
               label "Kiil/Death Ratio"
               label "Kills"
@@ -36,7 +41,7 @@ class IMICFPS
               label "Repair Points"
             end
 
-            stack do
+            stack margin_left: 16 do
               label "0.72"
               label "21"
               label "28"

lib/ui/menus/multiplayer_server_browser_menu.rb

@@ -30,19 +30,25 @@ class IMICFPS
         }
       ]
 
-      label "Server Browser", text_size: 100
+      flow(width: 1.0, height: 1.0) do
-      flow width: 1.0, height: 1.0 do
         stack width: 0.25 do
-          button "Host Game", width: 1.0
-          button "Direct Connect", width: 1.0
-
-          button I18n.t("menus.back"), width: 1.0, margin_top: 64 do
-            pop_state
-          end
         end
 
         stack width: 0.5, height: 1.0 do
-          stack width: 1.0, height: 0.75, border_color: 0xffffffff, border_thickness: 1 do
+          stack width: 1.0, height: 0.25 do
+            label "Server Browser", text_size: 100, text_align: :center, width: 1.0
+
+            flow(width: 1.0) do
+              link I18n.t("menus.back"), width: 0.32 do
+                pop_state
+              end
+
+              button "Host Game", width: 0.32
+              button "Direct Connect", width: 0.32
+            end
+          end
+
+          stack width: 1.0, height: 0.5, border_color: 0xffffffff, border_thickness: 1 do
             @sample_games.each_with_index do |game, i|
               text_size = 18
               flow width: 1.0 do

lib/ui/menus/settings_menu.rb

@@ -17,53 +17,69 @@ class IMICFPS
     end
 
     def setup
-      @categories = %w[
-        Display
-        Graphics
-        Audio
-        Controls
-        Multiplayer
-      ]
       @pages = {}
       @current_page = nil
 
-      label "Settings", text_size: 100, color: Gosu::Color::BLACK
-
       flow(width: 1.0, height: 1.0) do
         stack(width: 0.25, height: 1.0) do
-          @categories.each do |category|
+        end
-            button category, width: 1.0 do
+
-              show_page(:"#{category}".downcase)
+        stack(width: 0.5, height: 1.0) do
+          stack(width: 1.0, height: 0.25) do
+            label "Settings", color: Gosu::Color::BLACK, text_size: 100, text_align: :center, width: 1.0
+
+            flow(width: 1.0) do
+              link I18n.t("menus.back"), width: nil do
+                pop_state
+              end
+
+              button get_image("#{GAME_ROOT_PATH}/static/icons/settings_display.png"),     image_width: 64, tip: I18n.t("settings.display") do
+                show_page(:display)
+              end
+
+              button get_image("#{GAME_ROOT_PATH}/static/icons/settings_graphics.png"),    image_width: 64, tip: I18n.t("settings.graphics") do
+                show_page(:graphics)
+              end
+
+              button get_image("#{GAME_ROOT_PATH}/static/icons/settings_audio.png"),       image_width: 64, tip: I18n.t("settings.audio") do
+                show_page(:audio)
+              end
+
+              button get_image("#{GAME_ROOT_PATH}/static/icons/settings_controls.png"),    image_width: 64, tip: I18n.t("settings.controls") do
+                show_page(:controls)
+              end
+
+              button get_image("#{GAME_ROOT_PATH}/static/icons/settings_multiplayer.png"), image_width: 64, tip: I18n.t("settings.multiplayer") do
+                show_page(:multiplayer)
+              end
             end
           end
 
-          button I18n.t("menus.back"), width: 1.0, margin_top: 64 do
+          @page_container = stack(width: 1.0, height: 0.75, scroll: true) do
-            pop_state
-          end
-        end
-
-        @categories.each do |category|
-          stack(width: 0.5, height: 1.0) do |element|
-            @pages[:"#{category}".downcase] = element
-            element.hide
-
-            send(:"create_page_#{category}".downcase) if respond_to?(:"create_page_#{category}".downcase)
           end
         end
       end
 
+      #   @categories.each do |category|
+      #     stack(width: 0.5, height: 1.0) do |element|
+      #       @pages[:"#{category}".downcase] = element
+      #       element.hide
+
+      #       send(:"create_page_#{category}".downcase) if respond_to?(:"create_page_#{category}".downcase)
+      #     end
+      #   end
+      # end
+
       show_page(:display)
     end
 
     def show_page(page)
-      if element = @pages[page]
+      @page_container.clear do
-        @current_page&.hide
+        send(:"page_#{page}")
-        @current_page = element
-        element.show
       end
     end
 
-    def create_page_display
+    def page_display
       label "Display", text_size: 50
 
       label "Resolution"
@@ -109,7 +125,7 @@ class IMICFPS
       end
     end
 
-    def create_page_audio
+    def page_audio
       label "Audio", text_size: 50
       longest_string = "Dialogue".length
       volumes = %i[sound music dialogue]
@@ -131,7 +147,7 @@ class IMICFPS
       end
     end
 
-    def create_page_controls
+    def page_controls
       label "Controls", text_size: 50
 
       InputMapper.keymap.each do |key, values|
@@ -150,7 +166,7 @@ class IMICFPS
       end
     end
 
-    def create_page_graphics
+    def page_graphics
       label "Graphics", text_size: 50
 
       longest_string = "Surface Effect Detail"
@@ -218,7 +234,7 @@ class IMICFPS
       end
     end
 
-    def create_page_multiplayer
+    def page_multiplayer
       label "Multiplayer", text_size: 50
 
       flow do

locales/en.yml

@@ -10,4 +10,10 @@ en:
     back:         Back
     leave:        Leave
     paused:       Paused
-    resume:       Resume
+    resume:       Resume
+  settings:
+    display: Display
+    graphics: Graphics
+    audio: Audio
+    controls: Controls
+    multiplayer: Multiplayer

svg/icons/settings_audio.svg

@@ -0,0 +1,114 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="128"
+   height="128"
+   viewBox="0 0 33.866666 33.866668"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="settings_audio.svg"
+   inkscape:export-filename="C:\Users\cyber\Code\i-mic-fps\static\icons\settings_audio.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="59.160271"
+     inkscape:cy="53.794164"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid833"
+       empspacing="8" />
+    <sodipodi:guide
+       position="2.1166666,16.933334"
+       orientation="1,0"
+       id="guide837" />
+    <sodipodi:guide
+       position="16.933333,31.750001"
+       orientation="0,-1"
+       id="guide839" />
+    <sodipodi:guide
+       position="31.749999,16.933334"
+       orientation="1,0"
+       id="guide841" />
+    <sodipodi:guide
+       position="19.05,2.1166667"
+       orientation="0,-1"
+       id="guide843" />
+    <sodipodi:guide
+       position="16.933333,27.516668"
+       orientation="1,0"
+       id="guide855" />
+    <sodipodi:guide
+       position="16.933333,16.933334"
+       orientation="0,-1"
+       id="guide857" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:#deddda;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 16.933333,8.4666671 12.7,10.583333 H 6.3500001 4.2333333 L 2.1166666,12.7 l 1e-7,8.466667 2.1166668,2.116667 H 12.7 l 4.233333,2.116667 H 19.05 l 0,-16.9333339 z"
+       id="path863"
+       sodipodi:nodetypes="cccccccccccc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.05833334;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
+       d="M 21.166667,8.4666669 C 25.4,12.7 25.4,21.166667 21.166667,25.400001"
+       id="path865"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.05833334;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 23.283334,8.4666667 c 4.233333,4.2333333 4.233333,12.7000003 0,16.9333343"
+       id="path865-8"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.05833334;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 25.4,8.4666667 C 29.633333,12.7 29.633333,21.166667 25.4,25.400001"
+       id="path865-6"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.52916667;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
+       d="M 16.933333,8.4666671 V 25.400001"
+       id="path896" />
+  </g>
+</svg>

svg/icons/settings_controls.svg

@@ -0,0 +1,127 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="128"
+   height="128"
+   viewBox="0 0 33.866666 33.866668"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="settings_controls.svg"
+   inkscape:export-filename="C:\Users\cyber\Code\i-mic-fps\static\icons\settings_controls.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="59.417753"
+     inkscape:cy="46.567825"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:snap-intersection-paths="false"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:snap-bbox-edge-midpoints="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid833"
+       empspacing="8" />
+    <sodipodi:guide
+       position="2.1166666,16.933334"
+       orientation="1,0"
+       id="guide837" />
+    <sodipodi:guide
+       position="16.933333,31.750001"
+       orientation="0,-1"
+       id="guide839" />
+    <sodipodi:guide
+       position="31.749999,16.933334"
+       orientation="1,0"
+       id="guide841" />
+    <sodipodi:guide
+       position="19.05,2.1166667"
+       orientation="0,-1"
+       id="guide843" />
+    <sodipodi:guide
+       position="16.933333,27.516668"
+       orientation="1,0"
+       id="guide855" />
+    <sodipodi:guide
+       position="16.933333,16.933334"
+       orientation="0,-1"
+       id="guide857" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:#deddda;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect898"
+       width="19.050001"
+       height="12.700001"
+       x="2.1166668"
+       y="10.583334"
+       rx="1.058336"
+       ry="1.0583334" />
+    <ellipse
+       style="fill:#deddda;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       id="path900"
+       cx="27.516666"
+       cy="17.197916"
+       rx="3.9245155"
+       ry="6.3499994" />
+    <rect
+       style="fill:#deddda;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect902"
+       width="12.964583"
+       height="1.5875001"
+       x="4.2333336"
+       y="20.902084"
+       rx="1.102295e-06"
+       ry="1.0583334" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.52916667;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 24.077084,14.816667 h 6.879167"
+       id="path904" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.52916667;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 27.516667,10.847917 v 3.96875"
+       id="path906" />
+  </g>
+</svg>

svg/icons/settings_display.svg

@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="128"
+   height="128"
+   viewBox="0 0 33.866666 33.866668"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="settings_display.svg"
+   inkscape:export-filename="C:\Users\cyber\Code\i-mic-fps\static\icons\settings_display.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="4"
+     inkscape:cx="38.887284"
+     inkscape:cy="53.219323"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid833"
+       empspacing="8" />
+    <sodipodi:guide
+       position="2.1166666,16.933334"
+       orientation="1,0"
+       id="guide837" />
+    <sodipodi:guide
+       position="16.933333,31.750001"
+       orientation="0,-1"
+       id="guide839" />
+    <sodipodi:guide
+       position="31.749999,16.933334"
+       orientation="1,0"
+       id="guide841" />
+    <sodipodi:guide
+       position="19.05,2.1166667"
+       orientation="0,-1"
+       id="guide843" />
+    <sodipodi:guide
+       position="16.933333,27.516668"
+       orientation="1,0"
+       id="guide855" />
+    <sodipodi:guide
+       position="16.933333,16.933334"
+       orientation="0,-1"
+       id="guide857" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:#deddda;stroke:#000000;stroke-width:0.52916667;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 16.933334,23.283334 -4.233334,0 -6.3499999,6.35 H 27.516667 l -6.35,-6.35 z"
+       id="path853"
+       sodipodi:nodetypes="cccccc" />
+    <rect
+       style="fill:#c0bfbc;stroke-width:0.52916667;stroke:#000000;stroke-miterlimit:4;stroke-dasharray:none;stroke-linejoin:round;stroke-linecap:round"
+       id="rect845"
+       width="29.633331"
+       height="16.933334"
+       x="2.1166668"
+       y="6.3499999"
+       ry="2.1166663"
+       rx="2.1166663" />
+    <rect
+       style="fill:#ffffff;stroke-width:1.05833"
+       id="rect849"
+       width="25.400002"
+       height="12.700001"
+       x="4.2333336"
+       y="8.4666672"
+       ry="1.4885254e-06"
+       rx="1.4885254e-06" />
+  </g>
+</svg>

svg/icons/settings_graphics.svg

@@ -0,0 +1,103 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="128"
+   height="128"
+   viewBox="0 0 33.866666 33.866668"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="settings_graphics.svg"
+   inkscape:export-filename="C:\Users\cyber\Code\i-mic-fps\static\icons\settings_graphics.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="40.619584"
+     inkscape:cy="57.766917"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid833"
+       empspacing="8" />
+    <sodipodi:guide
+       position="2.1166666,16.933334"
+       orientation="1,0"
+       id="guide837" />
+    <sodipodi:guide
+       position="16.933333,31.750001"
+       orientation="0,-1"
+       id="guide839" />
+    <sodipodi:guide
+       position="31.749999,16.933334"
+       orientation="1,0"
+       id="guide841" />
+    <sodipodi:guide
+       position="19.05,2.1166667"
+       orientation="0,-1"
+       id="guide843" />
+    <sodipodi:guide
+       position="16.933333,27.516668"
+       orientation="1,0"
+       id="guide855" />
+    <sodipodi:guide
+       position="16.933333,16.933334"
+       orientation="0,-1"
+       id="guide857" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:#f6f5f4;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 31.750001,10.583333 -8.466667,6.35 L 31.750001,25.4 Z"
+       id="path861" />
+    <rect
+       style="fill:#deddda;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect859"
+       width="23.283335"
+       height="14.816667"
+       x="2.1166666"
+       y="10.583333"
+       rx="1.058336"
+       ry="1.0583334" />
+  </g>
+</svg>