fix(icons): update to legal icons

source/_data/icons.yml

@@ -1,20 +1,26 @@
+- account
 - angle-down
 - angle-left
 - angle-right
 - angle-up
+- bell
+- billing
 - calendar
 - checkmark
+- checkmark-circle
 - cog
+- copy
 - download
 - envelope
 - exclamation-circle
 - exclamation-triangle
 - export
+- external-link
 - fanatiguy
 - filter
+- help-circle
 - info-circle
 - input-file
-- input-number
 - input-time
 - input-url
 - kbd-arrow-down
@@ -32,13 +38,21 @@
 - kbd-tab
 - lock
 - minus
+- minus-circle
+- monitoring
+- pencil
 - phone
 - plus
 - plus-or-minus
 - search
+- server
 - sort
 - sort-down
 - sort-up
 - support
+- tag
+- ticketing
 - times
 - times-circle
+- trash
+- user

source/components/icon/HxIcon.js

@@ -2,23 +2,29 @@ window.addEventListener('WebComponentsReady', function () {
     const tagName = 'hx-icon';
     const template = document.createElement('template');
     const icons = {
+        'account': require('./_images/account.svg'),
         'angle-down': require('./_images/angle-down.svg'),
         'angle-left': require('./_images/angle-left.svg'),
         'angle-right': require('./_images/angle-right.svg'),
         'angle-up': require('./_images/angle-up.svg'),
+        'bell': require('./_images/bell.svg'),
+        'billing': require('./_images/billing.svg'),
         'calendar': require('./_images/calendar.svg'),
         'checkmark': require('./_images/checkmark.svg'),
+        'checkmark-circle': require('./_images/checkmark-circle.svg'),
         'cog': require('./_images/cog.svg'),
+        'copy': require('./_images/copy.svg'),
         'download': require('./_images/download.svg'),
         'envelope': require('./_images/envelope.svg'),
         'exclamation-circle': require('./_images/exclamation-circle.svg'),
         'exclamation-triangle': require('./_images/exclamation-triangle.svg'),
         'export': require('./_images/export.svg'),
+        'external-link': require('./_images/external-link.svg'),
         'fanatiguy': require('./_images/fanatiguy.svg'),
         'filter': require('./_images/filter.svg'),
+        'help-circle': require('./_images/help-circle.svg'),
         'info-circle': require('./_images/info-circle.svg'),
         'input-file': require('./_images/input-file.svg'),
-        'input-number': require('./_images/input-number.svg'),
         'input-time': require('./_images/input-time.svg'),
         'input-url': require('./_images/input-url.svg'),
         'kbd-arrow-down': require('./_images/kbd-arrow-down.svg'),
@@ -36,16 +42,24 @@ window.addEventListener('WebComponentsReady', function () {
         'kbd-tab': require('./_images/kbd-tab.svg'),
         'lock': require('./_images/lock.svg'),
         'minus': require('./_images/minus.svg'),
+        'minus-circle': require('./_images/minus-circle.svg'),
+        'monitoring': require('./_images/monitoring.svg'),
+        'pencil': require('./_images/pencil.svg'),
         'phone': require('./_images/phone.svg'),
         'plus': require('./_images/plus.svg'),
         'plus-or-minus': require('./_images/plus-or-minus.svg'),
         'search': require('./_images/search.svg'),
+        'server': require('./_images/server.svg'),
         'sort': require('./_images/sort.svg'),
         'sort-down': require('./_images/sort-down.svg'),
         'sort-up': require('./_images/sort-up.svg'),
         'support': require('./_images/support.svg'),
+        'tag': require('./_images/tag.svg'),
+        'ticketing': require('./_images/ticketing.svg'),
         'times': require('./_images/times.svg'),
         'times-circle': require('./_images/times-circle.svg'),
+        'trash': require('./_images/trash.svg'),
+        'user': require('./_images/user.svg'),
     };
 
     template.innerHTML = `