<template>
  <span :is="icon" class="dark:opacity-90"></span>
</template>

<script>
import { computed, defineComponent, nextTick } from '@nuxtjs/composition-api'
const heroicons = {
  solid: {
    calendar: () => import('@/assets/img/icons/heroicons/solid/calendar.svg'),
    microphone: () => import('@/assets/img/icons/heroicons/solid/microphone.svg'),
    'globe-alt': () => import('@/assets/img/icons/heroicons/solid/globe-alt.svg'),
    rewind: () => import('@/assets/img/icons/heroicons/solid/rewind.svg'),
    'folder-download': () => import('@/assets/img/icons/heroicons/solid/folder-download.svg'),
    plus: () => import('@/assets/img/icons/heroicons/solid/plus.svg'),
    pause: () => import('@/assets/img/icons/heroicons/solid/pause.svg'),
    'exclamation-circle': () => import('@/assets/img/icons/heroicons/solid/exclamation-circle.svg'),
    briefcase: () => import('@/assets/img/icons/heroicons/solid/briefcase.svg'),
    fire: () => import('@/assets/img/icons/heroicons/solid/fire.svg'),
    chip: () => import('@/assets/img/icons/heroicons/solid/chip.svg'),
    'document-text': () => import('@/assets/img/icons/heroicons/solid/document-text.svg'),
    inbox: () => import('@/assets/img/icons/heroicons/solid/inbox.svg'),
    folder: () => import('@/assets/img/icons/heroicons/solid/folder.svg'),
    database: () => import('@/assets/img/icons/heroicons/solid/database.svg'),
    printer: () => import('@/assets/img/icons/heroicons/solid/printer.svg'),
    'bookmark-alt': () => import('@/assets/img/icons/heroicons/solid/bookmark-alt.svg'),
    'view-boards': () => import('@/assets/img/icons/heroicons/solid/view-boards.svg'),
    'information-circle': () => import('@/assets/img/icons/heroicons/solid/information-circle.svg'),
    'paper-airplane': () => import('@/assets/img/icons/heroicons/solid/paper-airplane.svg'),
    phone: () => import('@/assets/img/icons/heroicons/solid/phone.svg'),
    'user-circle': () => import('@/assets/img/icons/heroicons/solid/user-circle.svg'),
    'badge-check': () => import('@/assets/img/icons/heroicons/solid/badge-check.svg'),
    'chat-alt-2': () => import('@/assets/img/icons/heroicons/solid/chat-alt-2.svg'),
    beaker: () => import('@/assets/img/icons/heroicons/solid/beaker.svg'),
    collection: () => import('@/assets/img/icons/heroicons/solid/collection.svg'),
    'arrow-circle-up': () => import('@/assets/img/icons/heroicons/solid/arrow-circle-up.svg'),
    'minus-sm': () => import('@/assets/img/icons/heroicons/solid/minus-sm.svg'),
    'at-symbol': () => import('@/assets/img/icons/heroicons/solid/at-symbol.svg'),
    tag: () => import('@/assets/img/icons/heroicons/solid/tag.svg'),
    ticket: () => import('@/assets/img/icons/heroicons/solid/ticket.svg'),
    'academic-cap': () => import('@/assets/img/icons/heroicons/solid/academic-cap.svg'),
    'shield-exclamation': () => import('@/assets/img/icons/heroicons/solid/shield-exclamation.svg'),
    bell: () => import('@/assets/img/icons/heroicons/solid/bell.svg'),
    'phone-incoming': () => import('@/assets/img/icons/heroicons/solid/phone-incoming.svg'),
    map: () => import('@/assets/img/icons/heroicons/solid/map.svg'),
    'currency-rupee': () => import('@/assets/img/icons/heroicons/solid/currency-rupee.svg'),
    'chart-square-bar': () => import('@/assets/img/icons/heroicons/solid/chart-square-bar.svg'),
    rss: () => import('@/assets/img/icons/heroicons/solid/rss.svg'),
    library: () => import('@/assets/img/icons/heroicons/solid/library.svg'),
    search: () => import('@/assets/img/icons/heroicons/solid/search.svg'),
    annotation: () => import('@/assets/img/icons/heroicons/solid/annotation.svg'),
    eye: () => import('@/assets/img/icons/heroicons/solid/eye.svg'),
    'desktop-computer': () => import('@/assets/img/icons/heroicons/solid/desktop-computer.svg'),
    identification: () => import('@/assets/img/icons/heroicons/solid/identification.svg'),
    filter: () => import('@/assets/img/icons/heroicons/solid/filter.svg'),
    'paper-clip': () => import('@/assets/img/icons/heroicons/solid/paper-clip.svg'),
    film: () => import('@/assets/img/icons/heroicons/solid/film.svg'),
    menu: () => import('@/assets/img/icons/heroicons/solid/menu.svg'),
    sun: () => import('@/assets/img/icons/heroicons/solid/sun.svg'),
    'credit-card': () => import('@/assets/img/icons/heroicons/solid/credit-card.svg'),
    'chevron-right': () => import('@/assets/img/icons/heroicons/solid/chevron-right.svg'),
    'menu-alt-3': () => import('@/assets/img/icons/heroicons/solid/menu-alt-3.svg'),
    duplicate: () => import('@/assets/img/icons/heroicons/solid/duplicate.svg'),
    'menu-alt-1': () => import('@/assets/img/icons/heroicons/solid/menu-alt-1.svg'),
    'chevron-double-right': () => import('@/assets/img/icons/heroicons/solid/chevron-double-right.svg'),
    pencil: () => import('@/assets/img/icons/heroicons/solid/pencil.svg'),
    code: () => import('@/assets/img/icons/heroicons/solid/code.svg'),
    'sort-descending': () => import('@/assets/img/icons/heroicons/solid/sort-descending.svg'),
    'chevron-down': () => import('@/assets/img/icons/heroicons/solid/chevron-down.svg'),
    'document-remove': () => import('@/assets/img/icons/heroicons/solid/document-remove.svg'),
    'volume-up': () => import('@/assets/img/icons/heroicons/solid/volume-up.svg'),
    photograph: () => import('@/assets/img/icons/heroicons/solid/photograph.svg'),
    minus: () => import('@/assets/img/icons/heroicons/solid/minus.svg'),
    'arrow-right': () => import('@/assets/img/icons/heroicons/solid/arrow-right.svg'),
    'document-download': () => import('@/assets/img/icons/heroicons/solid/document-download.svg'),
    'currency-bangladeshi': () => import('@/assets/img/icons/heroicons/solid/currency-bangladeshi.svg'),
    calculator: () => import('@/assets/img/icons/heroicons/solid/calculator.svg'),
    'emoji-happy': () => import('@/assets/img/icons/heroicons/solid/emoji-happy.svg'),
    'user-remove': () => import('@/assets/img/icons/heroicons/solid/user-remove.svg'),
    camera: () => import('@/assets/img/icons/heroicons/solid/camera.svg'),
    qrcode: () => import('@/assets/img/icons/heroicons/solid/qrcode.svg'),
    hashtag: () => import('@/assets/img/icons/heroicons/solid/hashtag.svg'),
    'shield-check': () => import('@/assets/img/icons/heroicons/solid/shield-check.svg'),
    backspace: () => import('@/assets/img/icons/heroicons/solid/backspace.svg'),
    exclamation: () => import('@/assets/img/icons/heroicons/solid/exclamation.svg'),
    'dots-vertical': () => import('@/assets/img/icons/heroicons/solid/dots-vertical.svg'),
    'shopping-bag': () => import('@/assets/img/icons/heroicons/solid/shopping-bag.svg'),
    'currency-dollar': () => import('@/assets/img/icons/heroicons/solid/currency-dollar.svg'),
    'chevron-double-left': () => import('@/assets/img/icons/heroicons/solid/chevron-double-left.svg'),
    cube: () => import('@/assets/img/icons/heroicons/solid/cube.svg'),
    mail: () => import('@/assets/img/icons/heroicons/solid/mail.svg'),
    'color-swatch': () => import('@/assets/img/icons/heroicons/solid/color-swatch.svg'),
    'document-add': () => import('@/assets/img/icons/heroicons/solid/document-add.svg'),
    stop: () => import('@/assets/img/icons/heroicons/solid/stop.svg'),
    'device-tablet': () => import('@/assets/img/icons/heroicons/solid/device-tablet.svg'),
    'arrow-narrow-down': () => import('@/assets/img/icons/heroicons/solid/arrow-narrow-down.svg'),
    flag: () => import('@/assets/img/icons/heroicons/solid/flag.svg'),
    logout: () => import('@/assets/img/icons/heroicons/solid/logout.svg'),
    'currency-pound': () => import('@/assets/img/icons/heroicons/solid/currency-pound.svg'),
    'shopping-cart': () => import('@/assets/img/icons/heroicons/solid/shopping-cart.svg'),
    archive: () => import('@/assets/img/icons/heroicons/solid/archive.svg'),
    truck: () => import('@/assets/img/icons/heroicons/solid/truck.svg'),
    'device-mobile': () => import('@/assets/img/icons/heroicons/solid/device-mobile.svg'),
    'chat-alt': () => import('@/assets/img/icons/heroicons/solid/chat-alt.svg'),
    'save-as': () => import('@/assets/img/icons/heroicons/solid/save-as.svg'),
    'trending-up': () => import('@/assets/img/icons/heroicons/solid/trending-up.svg'),
    'status-offline': () => import('@/assets/img/icons/heroicons/solid/status-offline.svg'),
    'arrow-circle-down': () => import('@/assets/img/icons/heroicons/solid/arrow-circle-down.svg'),
    support: () => import('@/assets/img/icons/heroicons/solid/support.svg'),
    'x-circle': () => import('@/assets/img/icons/heroicons/solid/x-circle.svg'),
    'arrows-expand': () => import('@/assets/img/icons/heroicons/solid/arrows-expand.svg'),
    share: () => import('@/assets/img/icons/heroicons/solid/share.svg'),
    'cloud-download': () => import('@/assets/img/icons/heroicons/solid/cloud-download.svg'),
    link: () => import('@/assets/img/icons/heroicons/solid/link.svg'),
    adjustments: () => import('@/assets/img/icons/heroicons/solid/adjustments.svg'),
    'lightning-bolt': () => import('@/assets/img/icons/heroicons/solid/lightning-bolt.svg'),
    'currency-yen': () => import('@/assets/img/icons/heroicons/solid/currency-yen.svg'),
    document: () => import('@/assets/img/icons/heroicons/solid/document.svg'),
    ban: () => import('@/assets/img/icons/heroicons/solid/ban.svg'),
    'zoom-out': () => import('@/assets/img/icons/heroicons/solid/zoom-out.svg'),
    'fast-forward': () => import('@/assets/img/icons/heroicons/solid/fast-forward.svg'),
    'arrow-up': () => import('@/assets/img/icons/heroicons/solid/arrow-up.svg'),
    'presentation-chart-line': () => import('@/assets/img/icons/heroicons/solid/presentation-chart-line.svg'),
    'chevron-double-down': () => import('@/assets/img/icons/heroicons/solid/chevron-double-down.svg'),
    'finger-print': () => import('@/assets/img/icons/heroicons/solid/finger-print.svg'),
    template: () => import('@/assets/img/icons/heroicons/solid/template.svg'),
    cash: () => import('@/assets/img/icons/heroicons/solid/cash.svg'),
    key: () => import('@/assets/img/icons/heroicons/solid/key.svg'),
    'folder-open': () => import('@/assets/img/icons/heroicons/solid/folder-open.svg'),
    'arrow-circle-left': () => import('@/assets/img/icons/heroicons/solid/arrow-circle-left.svg'),
    clipboard: () => import('@/assets/img/icons/heroicons/solid/clipboard.svg'),
    'zoom-in': () => import('@/assets/img/icons/heroicons/solid/zoom-in.svg'),
    newspaper: () => import('@/assets/img/icons/heroicons/solid/newspaper.svg'),
    download: () => import('@/assets/img/icons/heroicons/solid/download.svg'),
    heart: () => import('@/assets/img/icons/heroicons/solid/heart.svg'),
    selector: () => import('@/assets/img/icons/heroicons/solid/selector.svg'),
    gift: () => import('@/assets/img/icons/heroicons/solid/gift.svg'),
    variable: () => import('@/assets/img/icons/heroicons/solid/variable.svg'),
    'pencil-alt': () => import('@/assets/img/icons/heroicons/solid/pencil-alt.svg'),
    'plus-sm': () => import('@/assets/img/icons/heroicons/solid/plus-sm.svg'),
    terminal: () => import('@/assets/img/icons/heroicons/solid/terminal.svg'),
    'clipboard-check': () => import('@/assets/img/icons/heroicons/solid/clipboard-check.svg'),
    play: () => import('@/assets/img/icons/heroicons/solid/play.svg'),
    'arrow-narrow-up': () => import('@/assets/img/icons/heroicons/solid/arrow-narrow-up.svg'),
    'clipboard-copy': () => import('@/assets/img/icons/heroicons/solid/clipboard-copy.svg'),
    star: () => import('@/assets/img/icons/heroicons/solid/star.svg'),
    'chart-bar': () => import('@/assets/img/icons/heroicons/solid/chart-bar.svg'),
    'arrow-left': () => import('@/assets/img/icons/heroicons/solid/arrow-left.svg'),
    'view-grid-add': () => import('@/assets/img/icons/heroicons/solid/view-grid-add.svg'),
    wifi: () => import('@/assets/img/icons/heroicons/solid/wifi.svg'),
    scale: () => import('@/assets/img/icons/heroicons/solid/scale.svg'),
    'check-circle': () => import('@/assets/img/icons/heroicons/solid/check-circle.svg'),
    'document-duplicate': () => import('@/assets/img/icons/heroicons/solid/document-duplicate.svg'),
    'presentation-chart-bar': () => import('@/assets/img/icons/heroicons/solid/presentation-chart-bar.svg'),
    cake: () => import('@/assets/img/icons/heroicons/solid/cake.svg'),
    check: () => import('@/assets/img/icons/heroicons/solid/check.svg'),
    'cursor-click': () => import('@/assets/img/icons/heroicons/solid/cursor-click.svg'),
    'question-mark-circle': () => import('@/assets/img/icons/heroicons/solid/question-mark-circle.svg'),
    'dots-horizontal': () => import('@/assets/img/icons/heroicons/solid/dots-horizontal.svg'),
    upload: () => import('@/assets/img/icons/heroicons/solid/upload.svg'),
    server: () => import('@/assets/img/icons/heroicons/solid/server.svg'),
    hand: () => import('@/assets/img/icons/heroicons/solid/hand.svg'),
    'switch-horizontal': () => import('@/assets/img/icons/heroicons/solid/switch-horizontal.svg'),
    'mail-open': () => import('@/assets/img/icons/heroicons/solid/mail-open.svg'),
    'light-bulb': () => import('@/assets/img/icons/heroicons/solid/light-bulb.svg'),
    login: () => import('@/assets/img/icons/heroicons/solid/login.svg'),
    table: () => import('@/assets/img/icons/heroicons/solid/table.svg'),
    'document-report': () => import('@/assets/img/icons/heroicons/solid/document-report.svg'),
    'cloud-upload': () => import('@/assets/img/icons/heroicons/solid/cloud-upload.svg'),
    'dots-circle-horizontal': () => import('@/assets/img/icons/heroicons/solid/dots-circle-horizontal.svg'),
    chat: () => import('@/assets/img/icons/heroicons/solid/chat.svg'),
    speakerphone: () => import('@/assets/img/icons/heroicons/solid/speakerphone.svg'),
    sparkles: () => import('@/assets/img/icons/heroicons/solid/sparkles.svg'),
    'trending-down': () => import('@/assets/img/icons/heroicons/solid/trending-down.svg'),
    'status-online': () => import('@/assets/img/icons/heroicons/solid/status-online.svg'),
    'menu-alt-4': () => import('@/assets/img/icons/heroicons/solid/menu-alt-4.svg'),
    'switch-vertical': () => import('@/assets/img/icons/heroicons/solid/switch-vertical.svg'),
    translate: () => import('@/assets/img/icons/heroicons/solid/translate.svg'),
    'plus-circle': () => import('@/assets/img/icons/heroicons/solid/plus-circle.svg'),
    'user-group': () => import('@/assets/img/icons/heroicons/solid/user-group.svg'),
    'clipboard-list': () => import('@/assets/img/icons/heroicons/solid/clipboard-list.svg'),
    scissors: () => import('@/assets/img/icons/heroicons/solid/scissors.svg'),
    'location-marker': () => import('@/assets/img/icons/heroicons/solid/location-marker.svg'),
    'volume-off': () => import('@/assets/img/icons/heroicons/solid/volume-off.svg'),
    'arrow-down': () => import('@/assets/img/icons/heroicons/solid/arrow-down.svg'),
    'emoji-sad': () => import('@/assets/img/icons/heroicons/solid/emoji-sad.svg'),
    'receipt-tax': () => import('@/assets/img/icons/heroicons/solid/receipt-tax.svg'),
    x: () => import('@/assets/img/icons/heroicons/solid/x.svg'),
    'inbox-in': () => import('@/assets/img/icons/heroicons/solid/inbox-in.svg'),
    'user-add': () => import('@/assets/img/icons/heroicons/solid/user-add.svg'),
    'thumb-down': () => import('@/assets/img/icons/heroicons/solid/thumb-down.svg'),
    'chart-pie': () => import('@/assets/img/icons/heroicons/solid/chart-pie.svg'),
    trash: () => import('@/assets/img/icons/heroicons/solid/trash.svg'),
    save: () => import('@/assets/img/icons/heroicons/solid/save.svg'),
    'folder-add': () => import('@/assets/img/icons/heroicons/solid/folder-add.svg'),
    'office-building': () => import('@/assets/img/icons/heroicons/solid/office-building.svg'),
    'external-link': () => import('@/assets/img/icons/heroicons/solid/external-link.svg'),
    'receipt-refund': () => import('@/assets/img/icons/heroicons/solid/receipt-refund.svg'),
    'lock-closed': () => import('@/assets/img/icons/heroicons/solid/lock-closed.svg'),
    'video-camera': () => import('@/assets/img/icons/heroicons/solid/video-camera.svg'),
    'phone-missed-call': () => import('@/assets/img/icons/heroicons/solid/phone-missed-call.svg'),
    moon: () => import('@/assets/img/icons/heroicons/solid/moon.svg'),
    'phone-outgoing': () => import('@/assets/img/icons/heroicons/solid/phone-outgoing.svg'),
    clock: () => import('@/assets/img/icons/heroicons/solid/clock.svg'),
    'chevron-left': () => import('@/assets/img/icons/heroicons/solid/chevron-left.svg'),
    'book-open': () => import('@/assets/img/icons/heroicons/solid/book-open.svg'),
    'menu-alt-2': () => import('@/assets/img/icons/heroicons/solid/menu-alt-2.svg'),
    user: () => import('@/assets/img/icons/heroicons/solid/user.svg'),
    'search-circle': () => import('@/assets/img/icons/heroicons/solid/search-circle.svg'),
    bookmark: () => import('@/assets/img/icons/heroicons/solid/bookmark.svg'),
    'view-list': () => import('@/assets/img/icons/heroicons/solid/view-list.svg'),
    refresh: () => import('@/assets/img/icons/heroicons/solid/refresh.svg'),
    cloud: () => import('@/assets/img/icons/heroicons/solid/cloud.svg'),
    'arrow-narrow-right': () => import('@/assets/img/icons/heroicons/solid/arrow-narrow-right.svg'),
    'minus-circle': () => import('@/assets/img/icons/heroicons/solid/minus-circle.svg'),
    'arrow-narrow-left': () => import('@/assets/img/icons/heroicons/solid/arrow-narrow-left.svg'),
    'chevron-double-up': () => import('@/assets/img/icons/heroicons/solid/chevron-double-up.svg'),
    'sort-ascending': () => import('@/assets/img/icons/heroicons/solid/sort-ascending.svg'),
    'document-search': () => import('@/assets/img/icons/heroicons/solid/document-search.svg'),
    globe: () => import('@/assets/img/icons/heroicons/solid/globe.svg'),
    reply: () => import('@/assets/img/icons/heroicons/solid/reply.svg'),
    'cube-transparent': () => import('@/assets/img/icons/heroicons/solid/cube-transparent.svg'),
    'arrow-circle-right': () => import('@/assets/img/icons/heroicons/solid/arrow-circle-right.svg'),
    'view-grid': () => import('@/assets/img/icons/heroicons/solid/view-grid.svg'),
    'music-note': () => import('@/assets/img/icons/heroicons/solid/music-note.svg'),
    'eye-off': () => import('@/assets/img/icons/heroicons/solid/eye-off.svg'),
    cog: () => import('@/assets/img/icons/heroicons/solid/cog.svg'),
    'chevron-up': () => import('@/assets/img/icons/heroicons/solid/chevron-up.svg'),
    'thumb-up': () => import('@/assets/img/icons/heroicons/solid/thumb-up.svg'),
    puzzle: () => import('@/assets/img/icons/heroicons/solid/puzzle.svg'),
    'lock-open': () => import('@/assets/img/icons/heroicons/solid/lock-open.svg'),
    'folder-remove': () => import('@/assets/img/icons/heroicons/solid/folder-remove.svg'),
    'currency-euro': () => import('@/assets/img/icons/heroicons/solid/currency-euro.svg'),
    home: () => import('@/assets/img/icons/heroicons/solid/home.svg'),
    users: () => import('@/assets/img/icons/heroicons/solid/users.svg'),
  },
  outline: {
    calendar: () => import('@/assets/img/icons/heroicons/outline/calendar.svg'),
    microphone: () => import('@/assets/img/icons/heroicons/outline/microphone.svg'),
    'globe-alt': () => import('@/assets/img/icons/heroicons/outline/globe-alt.svg'),
    rewind: () => import('@/assets/img/icons/heroicons/outline/rewind.svg'),
    'folder-download': () => import('@/assets/img/icons/heroicons/outline/folder-download.svg'),
    plus: () => import('@/assets/img/icons/heroicons/outline/plus.svg'),
    pause: () => import('@/assets/img/icons/heroicons/outline/pause.svg'),
    'exclamation-circle': () => import('@/assets/img/icons/heroicons/outline/exclamation-circle.svg'),
    briefcase: () => import('@/assets/img/icons/heroicons/outline/briefcase.svg'),
    fire: () => import('@/assets/img/icons/heroicons/outline/fire.svg'),
    chip: () => import('@/assets/img/icons/heroicons/outline/chip.svg'),
    'document-text': () => import('@/assets/img/icons/heroicons/outline/document-text.svg'),
    inbox: () => import('@/assets/img/icons/heroicons/outline/inbox.svg'),
    folder: () => import('@/assets/img/icons/heroicons/outline/folder.svg'),
    database: () => import('@/assets/img/icons/heroicons/outline/database.svg'),
    printer: () => import('@/assets/img/icons/heroicons/outline/printer.svg'),
    'bookmark-alt': () => import('@/assets/img/icons/heroicons/outline/bookmark-alt.svg'),
    'view-boards': () => import('@/assets/img/icons/heroicons/outline/view-boards.svg'),
    'information-circle': () => import('@/assets/img/icons/heroicons/outline/information-circle.svg'),
    'paper-airplane': () => import('@/assets/img/icons/heroicons/outline/paper-airplane.svg'),
    phone: () => import('@/assets/img/icons/heroicons/outline/phone.svg'),
    'user-circle': () => import('@/assets/img/icons/heroicons/outline/user-circle.svg'),
    'badge-check': () => import('@/assets/img/icons/heroicons/outline/badge-check.svg'),
    'chat-alt-2': () => import('@/assets/img/icons/heroicons/outline/chat-alt-2.svg'),
    beaker: () => import('@/assets/img/icons/heroicons/outline/beaker.svg'),
    collection: () => import('@/assets/img/icons/heroicons/outline/collection.svg'),
    'arrow-circle-up': () => import('@/assets/img/icons/heroicons/outline/arrow-circle-up.svg'),
    'minus-sm': () => import('@/assets/img/icons/heroicons/outline/minus-sm.svg'),
    'at-symbol': () => import('@/assets/img/icons/heroicons/outline/at-symbol.svg'),
    tag: () => import('@/assets/img/icons/heroicons/outline/tag.svg'),
    ticket: () => import('@/assets/img/icons/heroicons/outline/ticket.svg'),
    'academic-cap': () => import('@/assets/img/icons/heroicons/outline/academic-cap.svg'),
    'shield-exclamation': () => import('@/assets/img/icons/heroicons/outline/shield-exclamation.svg'),
    bell: () => import('@/assets/img/icons/heroicons/outline/bell.svg'),
    'phone-incoming': () => import('@/assets/img/icons/heroicons/outline/phone-incoming.svg'),
    map: () => import('@/assets/img/icons/heroicons/outline/map.svg'),
    'currency-rupee': () => import('@/assets/img/icons/heroicons/outline/currency-rupee.svg'),
    'chart-square-bar': () => import('@/assets/img/icons/heroicons/outline/chart-square-bar.svg'),
    rss: () => import('@/assets/img/icons/heroicons/outline/rss.svg'),
    library: () => import('@/assets/img/icons/heroicons/outline/library.svg'),
    search: () => import('@/assets/img/icons/heroicons/outline/search.svg'),
    annotation: () => import('@/assets/img/icons/heroicons/outline/annotation.svg'),
    eye: () => import('@/assets/img/icons/heroicons/outline/eye.svg'),
    'desktop-computer': () => import('@/assets/img/icons/heroicons/outline/desktop-computer.svg'),
    identification: () => import('@/assets/img/icons/heroicons/outline/identification.svg'),
    filter: () => import('@/assets/img/icons/heroicons/outline/filter.svg'),
    'paper-clip': () => import('@/assets/img/icons/heroicons/outline/paper-clip.svg'),
    film: () => import('@/assets/img/icons/heroicons/outline/film.svg'),
    menu: () => import('@/assets/img/icons/heroicons/outline/menu.svg'),
    sun: () => import('@/assets/img/icons/heroicons/outline/sun.svg'),
    'credit-card': () => import('@/assets/img/icons/heroicons/outline/credit-card.svg'),
    'chevron-right': () => import('@/assets/img/icons/heroicons/outline/chevron-right.svg'),
    'menu-alt-3': () => import('@/assets/img/icons/heroicons/outline/menu-alt-3.svg'),
    duplicate: () => import('@/assets/img/icons/heroicons/outline/duplicate.svg'),
    'menu-alt-1': () => import('@/assets/img/icons/heroicons/outline/menu-alt-1.svg'),
    'chevron-double-right': () => import('@/assets/img/icons/heroicons/outline/chevron-double-right.svg'),
    pencil: () => import('@/assets/img/icons/heroicons/outline/pencil.svg'),
    code: () => import('@/assets/img/icons/heroicons/outline/code.svg'),
    'sort-descending': () => import('@/assets/img/icons/heroicons/outline/sort-descending.svg'),
    'chevron-down': () => import('@/assets/img/icons/heroicons/outline/chevron-down.svg'),
    'document-remove': () => import('@/assets/img/icons/heroicons/outline/document-remove.svg'),
    'volume-up': () => import('@/assets/img/icons/heroicons/outline/volume-up.svg'),
    photograph: () => import('@/assets/img/icons/heroicons/outline/photograph.svg'),
    minus: () => import('@/assets/img/icons/heroicons/outline/minus.svg'),
    'arrow-right': () => import('@/assets/img/icons/heroicons/outline/arrow-right.svg'),
    'document-download': () => import('@/assets/img/icons/heroicons/outline/document-download.svg'),
    'currency-bangladeshi': () => import('@/assets/img/icons/heroicons/outline/currency-bangladeshi.svg'),
    calculator: () => import('@/assets/img/icons/heroicons/outline/calculator.svg'),
    'emoji-happy': () => import('@/assets/img/icons/heroicons/outline/emoji-happy.svg'),
    'user-remove': () => import('@/assets/img/icons/heroicons/outline/user-remove.svg'),
    camera: () => import('@/assets/img/icons/heroicons/outline/camera.svg'),
    qrcode: () => import('@/assets/img/icons/heroicons/outline/qrcode.svg'),
    hashtag: () => import('@/assets/img/icons/heroicons/outline/hashtag.svg'),
    'shield-check': () => import('@/assets/img/icons/heroicons/outline/shield-check.svg'),
    backspace: () => import('@/assets/img/icons/heroicons/outline/backspace.svg'),
    exclamation: () => import('@/assets/img/icons/heroicons/outline/exclamation.svg'),
    'dots-vertical': () => import('@/assets/img/icons/heroicons/outline/dots-vertical.svg'),
    'shopping-bag': () => import('@/assets/img/icons/heroicons/outline/shopping-bag.svg'),
    'currency-dollar': () => import('@/assets/img/icons/heroicons/outline/currency-dollar.svg'),
    'chevron-double-left': () => import('@/assets/img/icons/heroicons/outline/chevron-double-left.svg'),
    cube: () => import('@/assets/img/icons/heroicons/outline/cube.svg'),
    mail: () => import('@/assets/img/icons/heroicons/outline/mail.svg'),
    'color-swatch': () => import('@/assets/img/icons/heroicons/outline/color-swatch.svg'),
    'document-add': () => import('@/assets/img/icons/heroicons/outline/document-add.svg'),
    stop: () => import('@/assets/img/icons/heroicons/outline/stop.svg'),
    'device-tablet': () => import('@/assets/img/icons/heroicons/outline/device-tablet.svg'),
    'arrow-narrow-down': () => import('@/assets/img/icons/heroicons/outline/arrow-narrow-down.svg'),
    flag: () => import('@/assets/img/icons/heroicons/outline/flag.svg'),
    logout: () => import('@/assets/img/icons/heroicons/outline/logout.svg'),
    'currency-pound': () => import('@/assets/img/icons/heroicons/outline/currency-pound.svg'),
    'shopping-cart': () => import('@/assets/img/icons/heroicons/outline/shopping-cart.svg'),
    archive: () => import('@/assets/img/icons/heroicons/outline/archive.svg'),
    truck: () => import('@/assets/img/icons/heroicons/outline/truck.svg'),
    'device-mobile': () => import('@/assets/img/icons/heroicons/outline/device-mobile.svg'),
    'chat-alt': () => import('@/assets/img/icons/heroicons/outline/chat-alt.svg'),
    'save-as': () => import('@/assets/img/icons/heroicons/outline/save-as.svg'),
    'trending-up': () => import('@/assets/img/icons/heroicons/outline/trending-up.svg'),
    'status-offline': () => import('@/assets/img/icons/heroicons/outline/status-offline.svg'),
    'arrow-circle-down': () => import('@/assets/img/icons/heroicons/outline/arrow-circle-down.svg'),
    support: () => import('@/assets/img/icons/heroicons/outline/support.svg'),
    'x-circle': () => import('@/assets/img/icons/heroicons/outline/x-circle.svg'),
    'arrows-expand': () => import('@/assets/img/icons/heroicons/outline/arrows-expand.svg'),
    share: () => import('@/assets/img/icons/heroicons/outline/share.svg'),
    'cloud-download': () => import('@/assets/img/icons/heroicons/outline/cloud-download.svg'),
    link: () => import('@/assets/img/icons/heroicons/outline/link.svg'),
    adjustments: () => import('@/assets/img/icons/heroicons/outline/adjustments.svg'),
    'lightning-bolt': () => import('@/assets/img/icons/heroicons/outline/lightning-bolt.svg'),
    'currency-yen': () => import('@/assets/img/icons/heroicons/outline/currency-yen.svg'),
    document: () => import('@/assets/img/icons/heroicons/outline/document.svg'),
    ban: () => import('@/assets/img/icons/heroicons/outline/ban.svg'),
    'zoom-out': () => import('@/assets/img/icons/heroicons/outline/zoom-out.svg'),
    'fast-forward': () => import('@/assets/img/icons/heroicons/outline/fast-forward.svg'),
    'arrow-up': () => import('@/assets/img/icons/heroicons/outline/arrow-up.svg'),
    'presentation-chart-line': () => import('@/assets/img/icons/heroicons/outline/presentation-chart-line.svg'),
    'chevron-double-down': () => import('@/assets/img/icons/heroicons/outline/chevron-double-down.svg'),
    'finger-print': () => import('@/assets/img/icons/heroicons/outline/finger-print.svg'),
    template: () => import('@/assets/img/icons/heroicons/outline/template.svg'),
    cash: () => import('@/assets/img/icons/heroicons/outline/cash.svg'),
    key: () => import('@/assets/img/icons/heroicons/outline/key.svg'),
    'folder-open': () => import('@/assets/img/icons/heroicons/outline/folder-open.svg'),
    'arrow-circle-left': () => import('@/assets/img/icons/heroicons/outline/arrow-circle-left.svg'),
    clipboard: () => import('@/assets/img/icons/heroicons/outline/clipboard.svg'),
    'zoom-in': () => import('@/assets/img/icons/heroicons/outline/zoom-in.svg'),
    newspaper: () => import('@/assets/img/icons/heroicons/outline/newspaper.svg'),
    download: () => import('@/assets/img/icons/heroicons/outline/download.svg'),
    heart: () => import('@/assets/img/icons/heroicons/outline/heart.svg'),
    selector: () => import('@/assets/img/icons/heroicons/outline/selector.svg'),
    gift: () => import('@/assets/img/icons/heroicons/outline/gift.svg'),
    variable: () => import('@/assets/img/icons/heroicons/outline/variable.svg'),
    'pencil-alt': () => import('@/assets/img/icons/heroicons/outline/pencil-alt.svg'),
    'plus-sm': () => import('@/assets/img/icons/heroicons/outline/plus-sm.svg'),
    terminal: () => import('@/assets/img/icons/heroicons/outline/terminal.svg'),
    'clipboard-check': () => import('@/assets/img/icons/heroicons/outline/clipboard-check.svg'),
    play: () => import('@/assets/img/icons/heroicons/outline/play.svg'),
    'arrow-narrow-up': () => import('@/assets/img/icons/heroicons/outline/arrow-narrow-up.svg'),
    'clipboard-copy': () => import('@/assets/img/icons/heroicons/outline/clipboard-copy.svg'),
    star: () => import('@/assets/img/icons/heroicons/outline/star.svg'),
    'chart-bar': () => import('@/assets/img/icons/heroicons/outline/chart-bar.svg'),
    'arrow-left': () => import('@/assets/img/icons/heroicons/outline/arrow-left.svg'),
    'view-grid-add': () => import('@/assets/img/icons/heroicons/outline/view-grid-add.svg'),
    wifi: () => import('@/assets/img/icons/heroicons/outline/wifi.svg'),
    scale: () => import('@/assets/img/icons/heroicons/outline/scale.svg'),
    'check-circle': () => import('@/assets/img/icons/heroicons/outline/check-circle.svg'),
    'document-duplicate': () => import('@/assets/img/icons/heroicons/outline/document-duplicate.svg'),
    'presentation-chart-bar': () => import('@/assets/img/icons/heroicons/outline/presentation-chart-bar.svg'),
    cake: () => import('@/assets/img/icons/heroicons/outline/cake.svg'),
    check: () => import('@/assets/img/icons/heroicons/outline/check.svg'),
    'cursor-click': () => import('@/assets/img/icons/heroicons/outline/cursor-click.svg'),
    'question-mark-circle': () => import('@/assets/img/icons/heroicons/outline/question-mark-circle.svg'),
    'dots-horizontal': () => import('@/assets/img/icons/heroicons/outline/dots-horizontal.svg'),
    upload: () => import('@/assets/img/icons/heroicons/outline/upload.svg'),
    server: () => import('@/assets/img/icons/heroicons/outline/server.svg'),
    hand: () => import('@/assets/img/icons/heroicons/outline/hand.svg'),
    'switch-horizontal': () => import('@/assets/img/icons/heroicons/outline/switch-horizontal.svg'),
    'mail-open': () => import('@/assets/img/icons/heroicons/outline/mail-open.svg'),
    'light-bulb': () => import('@/assets/img/icons/heroicons/outline/light-bulb.svg'),
    login: () => import('@/assets/img/icons/heroicons/outline/login.svg'),
    table: () => import('@/assets/img/icons/heroicons/outline/table.svg'),
    'document-report': () => import('@/assets/img/icons/heroicons/outline/document-report.svg'),
    'cloud-upload': () => import('@/assets/img/icons/heroicons/outline/cloud-upload.svg'),
    'dots-circle-horizontal': () => import('@/assets/img/icons/heroicons/outline/dots-circle-horizontal.svg'),
    chat: () => import('@/assets/img/icons/heroicons/outline/chat.svg'),
    speakerphone: () => import('@/assets/img/icons/heroicons/outline/speakerphone.svg'),
    sparkles: () => import('@/assets/img/icons/heroicons/outline/sparkles.svg'),
    'trending-down': () => import('@/assets/img/icons/heroicons/outline/trending-down.svg'),
    'status-online': () => import('@/assets/img/icons/heroicons/outline/status-online.svg'),
    'menu-alt-4': () => import('@/assets/img/icons/heroicons/outline/menu-alt-4.svg'),
    'switch-vertical': () => import('@/assets/img/icons/heroicons/outline/switch-vertical.svg'),
    translate: () => import('@/assets/img/icons/heroicons/outline/translate.svg'),
    'plus-circle': () => import('@/assets/img/icons/heroicons/outline/plus-circle.svg'),
    'user-group': () => import('@/assets/img/icons/heroicons/outline/user-group.svg'),
    'clipboard-list': () => import('@/assets/img/icons/heroicons/outline/clipboard-list.svg'),
    scissors: () => import('@/assets/img/icons/heroicons/outline/scissors.svg'),
    'location-marker': () => import('@/assets/img/icons/heroicons/outline/location-marker.svg'),
    'volume-off': () => import('@/assets/img/icons/heroicons/outline/volume-off.svg'),
    'arrow-down': () => import('@/assets/img/icons/heroicons/outline/arrow-down.svg'),
    'emoji-sad': () => import('@/assets/img/icons/heroicons/outline/emoji-sad.svg'),
    'receipt-tax': () => import('@/assets/img/icons/heroicons/outline/receipt-tax.svg'),
    x: () => import('@/assets/img/icons/heroicons/outline/x.svg'),
    'inbox-in': () => import('@/assets/img/icons/heroicons/outline/inbox-in.svg'),
    'user-add': () => import('@/assets/img/icons/heroicons/outline/user-add.svg'),
    'thumb-down': () => import('@/assets/img/icons/heroicons/outline/thumb-down.svg'),
    'chart-pie': () => import('@/assets/img/icons/heroicons/outline/chart-pie.svg'),
    trash: () => import('@/assets/img/icons/heroicons/outline/trash.svg'),
    save: () => import('@/assets/img/icons/heroicons/outline/save.svg'),
    'folder-add': () => import('@/assets/img/icons/heroicons/outline/folder-add.svg'),
    'office-building': () => import('@/assets/img/icons/heroicons/outline/office-building.svg'),
    'external-link': () => import('@/assets/img/icons/heroicons/outline/external-link.svg'),
    'receipt-refund': () => import('@/assets/img/icons/heroicons/outline/receipt-refund.svg'),
    'lock-closed': () => import('@/assets/img/icons/heroicons/outline/lock-closed.svg'),
    'video-camera': () => import('@/assets/img/icons/heroicons/outline/video-camera.svg'),
    'phone-missed-call': () => import('@/assets/img/icons/heroicons/outline/phone-missed-call.svg'),
    moon: () => import('@/assets/img/icons/heroicons/outline/moon.svg'),
    'phone-outgoing': () => import('@/assets/img/icons/heroicons/outline/phone-outgoing.svg'),
    clock: () => import('@/assets/img/icons/heroicons/outline/clock.svg'),
    'chevron-left': () => import('@/assets/img/icons/heroicons/outline/chevron-left.svg'),
    'book-open': () => import('@/assets/img/icons/heroicons/outline/book-open.svg'),
    'menu-alt-2': () => import('@/assets/img/icons/heroicons/outline/menu-alt-2.svg'),
    user: () => import('@/assets/img/icons/heroicons/outline/user.svg'),
    'search-circle': () => import('@/assets/img/icons/heroicons/outline/search-circle.svg'),
    bookmark: () => import('@/assets/img/icons/heroicons/outline/bookmark.svg'),
    'view-list': () => import('@/assets/img/icons/heroicons/outline/view-list.svg'),
    refresh: () => import('@/assets/img/icons/heroicons/outline/refresh.svg'),
    cloud: () => import('@/assets/img/icons/heroicons/outline/cloud.svg'),
    'arrow-narrow-right': () => import('@/assets/img/icons/heroicons/outline/arrow-narrow-right.svg'),
    'minus-circle': () => import('@/assets/img/icons/heroicons/outline/minus-circle.svg'),
    'arrow-narrow-left': () => import('@/assets/img/icons/heroicons/outline/arrow-narrow-left.svg'),
    'chevron-double-up': () => import('@/assets/img/icons/heroicons/outline/chevron-double-up.svg'),
    'sort-ascending': () => import('@/assets/img/icons/heroicons/outline/sort-ascending.svg'),
    'document-search': () => import('@/assets/img/icons/heroicons/outline/document-search.svg'),
    globe: () => import('@/assets/img/icons/heroicons/outline/globe.svg'),
    reply: () => import('@/assets/img/icons/heroicons/outline/reply.svg'),
    'cube-transparent': () => import('@/assets/img/icons/heroicons/outline/cube-transparent.svg'),
    'arrow-circle-right': () => import('@/assets/img/icons/heroicons/outline/arrow-circle-right.svg'),
    'view-grid': () => import('@/assets/img/icons/heroicons/outline/view-grid.svg'),
    'music-note': () => import('@/assets/img/icons/heroicons/outline/music-note.svg'),
    'eye-off': () => import('@/assets/img/icons/heroicons/outline/eye-off.svg'),
    cog: () => import('@/assets/img/icons/heroicons/outline/cog.svg'),
    'chevron-up': () => import('@/assets/img/icons/heroicons/outline/chevron-up.svg'),
    'thumb-up': () => import('@/assets/img/icons/heroicons/outline/thumb-up.svg'),
    puzzle: () => import('@/assets/img/icons/heroicons/outline/puzzle.svg'),
    'lock-open': () => import('@/assets/img/icons/heroicons/outline/lock-open.svg'),
    'folder-remove': () => import('@/assets/img/icons/heroicons/outline/folder-remove.svg'),
    'currency-euro': () => import('@/assets/img/icons/heroicons/outline/currency-euro.svg'),
    home: () => import('@/assets/img/icons/heroicons/outline/home.svg'),
    users: () => import('@/assets/img/icons/heroicons/outline/users.svg'),
  },
}

export default defineComponent({
  props: {
    name: { type: String, required: true },
    type: { type: String, default: 'outline' },
  },
  setup(props, context) {
    const icon = computed(() => heroicons[props.type][props.name])

    if (process.env.NODE_ENV === 'development') {
      nextTick(() => {
        // eslint-disable-next-line no-console
        if (!icon.value) console.warn(`Icon "${props.name}" with type "${props.type}" not found!`)
      })
    }

    return { icon }
  },
})
</script>
