[feature] change icon for “new list” button

app/javascript/flavours/glitch/features/lists/components/new_list_form.jsx

@@ -66,9 +66,9 @@ class NewListForm extends PureComponent {
           />
         </label>
 
-        <IconButton
+        <IconSVGButton
           disabled={disabled || !value}
-          icon='plus'
+          icon='list-plus'
           title={title}
           onClick={this.handleClick}
         />

app/javascript/flavours/glitch/styles/components/columns.scss

@@ -757,6 +757,11 @@ $ui-header-height: 55px;
   .icon-button {
     flex: 0 0 auto;
     margin: 0 5px;
+    padding: 6px;
+  }
+
+  .gts-icon {
+    --size: 20px;
   }
 }
 

public/icons.svg

@@ -63,6 +63,10 @@
         <path d="M216,64V192H40V64Z" opacity="0.2"></path>
         <path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z"></path>
     </symbol>
+    <symbol id="list-plus" fill="currentcolor" viewBox="0 0 256 256">
+        <path d="M216,64V192H40V64Z" opacity="0.2"></path>
+        <path d="M32,64a8,8,0,0,1,8-8H216a8,8,0,0,1,0,16H40A8,8,0,0,1,32,64Zm8,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16Zm104,48H40a8,8,0,0,0,0,16H144a8,8,0,0,0,0-16Zm88,0H216V168a8,8,0,0,0-16,0v16H184a8,8,0,0,0,0,16h16v16a8,8,0,0,0,16,0V200h16a8,8,0,0,0,0-16Z"></path>
+    </symbol>
     <symbol id="bell" fill="currentcolor" viewBox="0 0 256 256">
         <path d="M208,192H48a8,8,0,0,1-6.88-12C47.71,168.6,56,139.81,56,104a72,72,0,0,1,144,0c0,35.82,8.3,64.6,14.9,76A8,8,0,0,1,208,192Z" opacity="0.2"></path>
         <path d="M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z"></path>