diff --git a/dist/icon-svg-demo.html b/dist/icon-svg-demo.html
index b6b9405..c7c77f9 100644
--- a/dist/icon-svg-demo.html
+++ b/dist/icon-svg-demo.html
@@ -1844,7 +1844,7 @@ <h1 class="mvm">TM Icon SVG Preview</h1>
             Date generated: 2024-9-30
         </p>
     </div>
-    <div class="clearfix svg-container ptl"><h2 class="grid-size mvm mtn fgc1">Grid Size: 16 px</h1><div class="svg-category">  <h3>Utility</h2>  <div class="cate-container"><div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-android"><use xlink:href="#tm-svg-android"></use></svg><span class="name">android</span></div></div>
+    <div class="clearfix svg-container ptl"><h2 class="grid-size mvm mtn fgc1">Grid Size: 16 px</h1><div class="svg-category">  <h3>Branding</h2>  <div class="cate-container"><div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-android"><use xlink:href="#tm-svg-android"></use></svg><span class="name">android</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-apple"><use xlink:href="#tm-svg-apple"></use></svg><span class="name">apple</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-chrome"><use xlink:href="#tm-svg-chrome"></use></svg><span class="name">chrome</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-edge"><use xlink:href="#tm-svg-edge"></use></svg><span class="name">edge</span></div></div>
@@ -1856,7 +1856,7 @@ <h1 class="mvm">TM Icon SVG Preview</h1>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-safari"><use xlink:href="#tm-svg-safari"></use></svg><span class="name">safari</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-t-ball"><use xlink:href="#tm-svg-t-ball"></use></svg><span class="name">t-ball</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-virustotal"><use xlink:href="#tm-svg-virustotal"></use></svg><span class="name">virustotal</span></div></div>
-<div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-window8"><use xlink:href="#tm-svg-window8"></use></svg><span class="name">window8</span></div></div>  </div></div><div class="svg-category">  <h3>Device</h2>  <div class="cate-container"><div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-chart-area"><use xlink:href="#tm-svg-chart-area"></use></svg><span class="name">chart-area</span></div></div>
+<div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-window8"><use xlink:href="#tm-svg-window8"></use></svg><span class="name">window8</span></div></div>  </div></div><div class="svg-category">  <h3>Chart</h2>  <div class="cate-container"><div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-chart-area"><use xlink:href="#tm-svg-chart-area"></use></svg><span class="name">chart-area</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-chart-areastep"><use xlink:href="#tm-svg-chart-areastep"></use></svg><span class="name">chart-areastep</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-chart-bar"><use xlink:href="#tm-svg-chart-bar"></use></svg><span class="name">chart-bar</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-chart-donut"><use xlink:href="#tm-svg-chart-donut"></use></svg><span class="name">chart-donut</span></div></div>
@@ -1869,7 +1869,7 @@ <h1 class="mvm">TM Icon SVG Preview</h1>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-indicator-2"><use xlink:href="#tm-svg-indicator-2"></use></svg><span class="name">indicator-2</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-indicator-3"><use xlink:href="#tm-svg-indicator-3"></use></svg><span class="name">indicator-3</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-indicator-4"><use xlink:href="#tm-svg-indicator-4"></use></svg><span class="name">indicator-4</span></div></div>
-<div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-map"><use xlink:href="#tm-svg-map"></use></svg><span class="name">map</span></div></div>  </div></div><div class="svg-category">  <h3>File</h2>  <div class="cate-container"><div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-TV"><use xlink:href="#tm-svg-TV"></use></svg><span class="name">TV</span></div></div>
+<div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-map"><use xlink:href="#tm-svg-map"></use></svg><span class="name">map</span></div></div>  </div></div><div class="svg-category">  <h3>Device</h2>  <div class="cate-container"><div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-TV"><use xlink:href="#tm-svg-TV"></use></svg><span class="name">TV</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-device"><use xlink:href="#tm-svg-device"></use></svg><span class="name">device</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-camera"><use xlink:href="#tm-svg-camera"></use></svg><span class="name">camera</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-desktop"><use xlink:href="#tm-svg-desktop"></use></svg><span class="name">desktop</span></div></div>
@@ -1902,7 +1902,7 @@ <h1 class="mvm">TM Icon SVG Preview</h1>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-server-off"><use xlink:href="#tm-svg-server-off"></use></svg><span class="name">server-off</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-server-on"><use xlink:href="#tm-svg-server-on"></use></svg><span class="name">server-on</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-server-update"><use xlink:href="#tm-svg-server-update"></use></svg><span class="name">server-update</span></div></div>
-<div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-server-warning"><use xlink:href="#tm-svg-server-warning"></use></svg><span class="name">server-warning</span></div></div>  </div></div><div class="svg-category">  <h3>Edit</h2>  <div class="cate-container"><div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-angle-down"><use xlink:href="#tm-svg-angle-down"></use></svg><span class="name">angle-down</span></div></div>
+<div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-server-warning"><use xlink:href="#tm-svg-server-warning"></use></svg><span class="name">server-warning</span></div></div>  </div></div><div class="svg-category">  <h3>Direction</h2>  <div class="cate-container"><div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-angle-down"><use xlink:href="#tm-svg-angle-down"></use></svg><span class="name">angle-down</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-angle-left"><use xlink:href="#tm-svg-angle-left"></use></svg><span class="name">angle-left</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-angle-right"><use xlink:href="#tm-svg-angle-right"></use></svg><span class="name">angle-right</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-angle-up"><use xlink:href="#tm-svg-angle-up"></use></svg><span class="name">angle-up</span></div></div>
@@ -1931,7 +1931,7 @@ <h1 class="mvm">TM Icon SVG Preview</h1>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-collapse-right"><use xlink:href="#tm-svg-collapse-right"></use></svg><span class="name">collapse-right</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-exchange"><use xlink:href="#tm-svg-exchange"></use></svg><span class="name">exchange</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-sort-down"><use xlink:href="#tm-svg-sort-down"></use></svg><span class="name">sort-down</span></div></div>
-<div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-sort-up"><use xlink:href="#tm-svg-sort-up"></use></svg><span class="name">sort-up</span></div></div>  </div></div><div class="svg-category">  <h3>Direction</h2>  <div class="cate-container"><div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-align-center"><use xlink:href="#tm-svg-align-center"></use></svg><span class="name">align-center</span></div></div>
+<div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-sort-up"><use xlink:href="#tm-svg-sort-up"></use></svg><span class="name">sort-up</span></div></div>  </div></div><div class="svg-category">  <h3>Edit</h2>  <div class="cate-container"><div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-align-center"><use xlink:href="#tm-svg-align-center"></use></svg><span class="name">align-center</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-align-left"><use xlink:href="#tm-svg-align-left"></use></svg><span class="name">align-left</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-align-right"><use xlink:href="#tm-svg-align-right"></use></svg><span class="name">align-right</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-bold"><use xlink:href="#tm-svg-bold"></use></svg><span class="name">bold</span></div></div>
@@ -1952,7 +1952,7 @@ <h1 class="mvm">TM Icon SVG Preview</h1>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-screenshot"><use xlink:href="#tm-svg-screenshot"></use></svg><span class="name">screenshot</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-strikethrough"><use xlink:href="#tm-svg-strikethrough"></use></svg><span class="name">strikethrough</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-underline"><use xlink:href="#tm-svg-underline"></use></svg><span class="name">underline</span></div></div>
-<div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-undo"><use xlink:href="#tm-svg-undo"></use></svg><span class="name">undo</span></div></div>  </div></div><div class="svg-category">  <h3>Chart</h2>  <div class="cate-container"><div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-file"><use xlink:href="#tm-svg-file"></use></svg><span class="name">file</span></div></div>
+<div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-undo"><use xlink:href="#tm-svg-undo"></use></svg><span class="name">undo</span></div></div>  </div></div><div class="svg-category">  <h3>File</h2>  <div class="cate-container"><div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-file"><use xlink:href="#tm-svg-file"></use></svg><span class="name">file</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-file-add-o"><use xlink:href="#tm-svg-file-add-o"></use></svg><span class="name">file-add-o</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-file-arrow-o"><use xlink:href="#tm-svg-file-arrow-o"></use></svg><span class="name">file-arrow-o</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-file-audio-o"><use xlink:href="#tm-svg-file-audio-o"></use></svg><span class="name">file-audio-o</span></div></div>
@@ -1979,7 +1979,7 @@ <h1 class="mvm">TM Icon SVG Preview</h1>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-unknown"><use xlink:href="#tm-svg-unknown"></use></svg><span class="name">unknown</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-warning-circle"><use xlink:href="#tm-svg-warning-circle"></use></svg><span class="name">warning-circle</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-warning-minor"><use xlink:href="#tm-svg-warning-minor"></use></svg><span class="name">warning-minor</span></div></div>
-<div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-warning-triangle"><use xlink:href="#tm-svg-warning-triangle"></use></svg><span class="name">warning-triangle</span></div></div>  </div></div><div class="svg-category">  <h3>Branding</h2>  <div class="cate-container"><div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-block-app"><use xlink:href="#tm-svg-block-app"></use></svg><span class="name">block-app</span></div></div>
+<div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-warning-triangle"><use xlink:href="#tm-svg-warning-triangle"></use></svg><span class="name">warning-triangle</span></div></div>  </div></div><div class="svg-category">  <h3>Threat</h2>  <div class="cate-container"><div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-block-app"><use xlink:href="#tm-svg-block-app"></use></svg><span class="name">block-app</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-callback"><use xlink:href="#tm-svg-callback"></use></svg><span class="name">callback</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-email-business-o"><use xlink:href="#tm-svg-email-business-o"></use></svg><span class="name">email-business-o</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-firewall-o"><use xlink:href="#tm-svg-firewall-o"></use></svg><span class="name">firewall-o</span></div></div>
@@ -1998,7 +1998,7 @@ <h1 class="mvm">TM Icon SVG Preview</h1>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-spyware"><use xlink:href="#tm-svg-spyware"></use></svg><span class="name">spyware</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-target-o"><use xlink:href="#tm-svg-target-o"></use></svg><span class="name">target-o</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-URL"><use xlink:href="#tm-svg-URL"></use></svg><span class="name">URL</span></div></div>
-<div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-virus"><use xlink:href="#tm-svg-virus"></use></svg><span class="name">virus</span></div></div>  </div></div><div class="svg-category">  <h3>Threat</h2>  <div class="cate-container"><div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-add"><use xlink:href="#tm-svg-add"></use></svg><span class="name">add</span></div></div>
+<div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-virus"><use xlink:href="#tm-svg-virus"></use></svg><span class="name">virus</span></div></div>  </div></div><div class="svg-category">  <h3>Utility</h2>  <div class="cate-container"><div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-add"><use xlink:href="#tm-svg-add"></use></svg><span class="name">add</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-add-circle-o"><use xlink:href="#tm-svg-add-circle-o"></use></svg><span class="name">add-circle-o</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-add-group"><use xlink:href="#tm-svg-add-group"></use></svg><span class="name">add-group</span></div></div>
 <div class="glyph fs1"><div class="clearfix pbs"><svg class="tm-svg tm-svg-add-square-o"><use xlink:href="#tm-svg-add-square-o"></use></svg><span class="name">add-square-o</span></div></div>
diff --git a/src/iconsets/index.js b/src/iconsets/index.js
index 3cf4d9e..cbdf3d1 100644
--- a/src/iconsets/index.js
+++ b/src/iconsets/index.js
@@ -3,27 +3,27 @@
 const iconsets = [
   {
     "id": 1,
-    "name": "Utility"
+    "name": "Branding"
   },
   {
     "id": 2,
-    "name": "Device"
+    "name": "Chart"
   },
   {
     "id": 3,
-    "name": "File"
+    "name": "Device"
   },
   {
     "id": 4,
-    "name": "Edit"
+    "name": "Direction"
   },
   {
     "id": 5,
-    "name": "Direction"
+    "name": "Edit"
   },
   {
     "id": 6,
-    "name": "Chart"
+    "name": "File"
   },
   {
     "id": 7,
@@ -31,19 +31,11 @@ const iconsets = [
   },
   {
     "id": 8,
-    "name": "Branding"
-  },
-  {
-    "id": 9,
     "name": "Threat"
   },
   {
-    "id": 10,
-    "name": "Chart legend"
-  },
-  {
-    "id": 11,
-    "name": "New (undecided)"
+    "id": 9,
+    "name": "Utility"
   }
 ];