updating icons for branding (fab) and replacing outline icons (now not free)…

src/app/files/file-explorer.js

@@ -32,19 +32,19 @@ function fileExplorer (localRegistry, files, menuItems) {
       },
       { action: 'publishToGist',
         title: 'Publish all [browser] explorer files to a github gist',
-        icon: 'fas fa-github'
+        icon: 'fab fa-github'
       },
       { action: 'copyFiles',
         title: 'Copy all files to another instance of Remix IDE',
-        icon: 'fas fa-files-o'
+        icon: 'fas fa-copy'
       },
       { action: 'uploadFile',
         title: 'Add Local file to the Browser Storage Explorer',
-        icon: 'fas fa-folder-open'
+        icon: 'far fa-folder-open'
       },
       { action: 'updateGist',
         title: 'Update the current [gist] explorer',
-        icon: 'fas fa-github'
+        icon: 'fab fa-github'
       }
     ]
   // menu items

src/app/tabs/runTab/recorder.js

@@ -25,7 +25,7 @@ class RecorderUI {
 
     this.runButton = yo`<i class="fas fa-play runtransaction ${css2.runTxs} ${css.icon}"  title="Run Transactions" aria-hidden="true"></i>`
     this.recordButton = yo`
-      <i class="fas fa-floppy-o savetransaction ${css2.recorder} ${css.icon}"
+      <i class="fas fa-save savetransaction ${css2.recorder} ${css.icon}"
         onclick=${this.triggerRecordButton.bind(this)} title="Save Transactions" aria-hidden="true">
       </i>`
 

src/app/tabs/runTab/settings.js

@@ -78,7 +78,7 @@ class SettingsUI {
         <div class=${css.account}>
           <select name="txorigin" class="form-control ${css.select}" id="txorigin"></select>
           ${copyToClipboard(() => document.querySelector('#runTabView #txorigin').value)}
-          <i class="fas fa-pencil-square-o ${css.icon}" aria-hiden="true" onclick=${this.signMessage.bind(this)} title="Sign a message using this account key"></i>
+          <i class="fas fa-edit ${css.icon}" aria-hiden="true" onclick=${this.signMessage.bind(this)} title="Sign a message using this account key"></i>
         </div>
       </div>
     `

src/app/ui/landing-page/landing-page.js

@@ -250,7 +250,7 @@ export class LandingPage extends BaseApi {
             <h4>Featured Plugins</h4>
             <p class="mb-1 ${css.text}" onclick=${() => { startPipeline() }}>Pipeline</p>
             <p class="mb-1 ${css.text}" onclick=${() => { startDebugger() }}>Debugger</p>
-            <p class="mb-1"><button onclick=${() => { startPluginManager() }} class="btn btn-sm btn-secondary ${css.seeAll}">See all Plugins <i class="fa fa-plug" ></i></button></p>
+            <p class="mb-1"><button onclick=${() => { startPluginManager() }} class="btn btn-sm btn-secondary ${css.seeAll}">See all Plugins <i class="fas fa-plug" ></i></button></p>
           </div>
           <div class="resources">
             <h4>Resources</h4>