<template>
    <div class="u-icons" ref="icons">
        <Generate :type="IconActivity" copy-text="<IconActivity />"/>
        <Generate :type="IconAlert" copy-text="<IconAlert />"/>
        <Generate :type="IconArchive" copy-text="<IconArchive />"/>
        <Generate :type="IconArrowBottom" copy-text="<IconArrowBottom />"/>
        <Generate :type="IconArrowLeft" copy-text="<IconArrowLeft />"/>
        <Generate :type="IconArrowRight" copy-text="<IconArrowRight />"/>
        <Generate :type="IconArrowTop" copy-text="<IconArrowTop />"/>
        <Generate :type="IconBackwards" copy-text="<IconBackwards />"/>
        <Generate :type="IconBag" copy-text="<IconBag />"/>
        <Generate :type="IconBan" copy-text="<IconBan />"/>
        <Generate :type="IconBell" copy-text="<IconBell />"/>
        <Generate :type="IconBook" copy-text="<IconBook />"/>
        <Generate :type="IconBookmark" copy-text="<IconBookmark />"/>
        <Generate :type="IconCalendar" copy-text="<IconCalendar />"/>
        <Generate :type="IconCamera" copy-text="<IconCamera />"/>
        <Generate :type="IconCaretBottom" copy-text="<IconCaretBottom />"/>
        <Generate :type="IconCaretLeft" copy-text="<IconCaretLeft />"/>
        <Generate :type="IconCaretRight" copy-text="<IconCaretRight />"/>
        <Generate :type="IconCaretTop" copy-text="<IconCaretTop />"/>
        <Generate :type="IconCart" copy-text="<IconCart />"/>
        <Generate :type="IconCheckmark" copy-text="<IconCheckmark />"/>
        <Generate :type="IconChevronBottom" copy-text="<IconChevronBottom />"/>
        <Generate :type="IconChevronLeft" copy-text="<IconChevronLeft />"/>
        <Generate :type="IconChevronRight" copy-text="<IconChevronRight />"/>
        <Generate :type="IconChevronTop" copy-text="<IconChevronTop />"/>
        <Generate :type="IconClipboard" copy-text="<IconClipboard />"/>
        <Generate :type="IconClock" copy-text="<IconClock />"/>
        <Generate :type="IconClose" copy-text="<IconClose />"/>
        <Generate :type="IconCode" copy-text="<IconCode />"/>
        <Generate :type="IconCompose" copy-text="<IconCompose />"/>
        <Generate :type="IconCreditcard" copy-text="<IconCreditcard />"/>
        <Generate :type="IconDesktop" copy-text="<IconDesktop />"/>
        <Generate :type="IconDownload" copy-text="<IconDownload />"/>
        <Generate :type="IconEdit" copy-text="<IconEdit />"/>
        <Generate :type="IconEject" copy-text="<IconEject />"/>
        <Generate :type="IconEllipsisHorizontal" copy-text="<IconEllipsisHorizontal />"/>
        <Generate :type="IconEllipsisVertical" copy-text="<IconEllipsisVertical />"/>
        <Generate :type="IconEnd" copy-text="<IconEnd />"/>
        <Generate :type="IconExport" copy-text="<IconExport />"/>
        <Generate :type="IconExternal" copy-text="<IconExternal />"/>
        <Generate :type="IconEye" copy-text="<IconEye />"/>
        <Generate :type="IconFeed" copy-text="<IconFeed />"/>
        <Generate :type="IconFile" copy-text="<IconFile />"/>
        <Generate :type="IconFilter" copy-text="<IconFilter />"/>
        <Generate :type="IconFire" copy-text="<IconFire />"/>
        <Generate :type="IconFlag" copy-text="<IconFlag />"/>
        <Generate :type="IconFolder" copy-text="<IconFolder />"/>
        <Generate :type="IconFolderOpen" copy-text="<IconFolderOpen />"/>
        <Generate :type="IconForwards" copy-text="<IconForwards />"/>
        <Generate :type="IconFullscreen" copy-text="<IconFullscreen />"/>
        <Generate :type="IconFullscreenExit" copy-text="<IconFullscreenExit />"/>
        <Generate :type="IconGift" copy-text="<IconGift />"/>
        <Generate :type="IconGithub" copy-text="<IconGithub />"/>
        <Generate :type="IconHeart" copy-text="<IconHeart />"/>
        <Generate :type="IconHome" copy-text="<IconHome />"/>
        <Generate :type="IconImport" copy-text="<IconImport />"/>
        <Generate :type="IconInbox" copy-text="<IconInbox />"/>
        <Generate :type="IconInfo" copy-text="<IconInfo />"/>
        <Generate :type="IconLightning" copy-text="<IconLightning />"/>
        <Generate :type="IconLink" copy-text="<IconLink />"/>
        <Generate :type="IconLocation" copy-text="<IconLocation />"/>
        <Generate :type="IconLock" copy-text="<IconLock />"/>
        <Generate :type="IconMail" copy-text="<IconMail />"/>
        <Generate :type="IconMenu" copy-text="<IconMenu />"/>
        <Generate :type="IconMessage" copy-text="<IconMessage />"/>
        <Generate :type="IconMicrophone" copy-text="<IconMicrophone />"/>
        <Generate :type="IconMinus" copy-text="<IconMinus />"/>
        <Generate :type="IconMobile" copy-text="<IconMobile />"/>
        <Generate :type="IconMoon" copy-text="<IconMoon />"/>
        <Generate :type="IconMove" copy-text="<IconMove />"/>
        <Generate :type="IconMusic" copy-text="<IconMusic />"/>
        <Generate :type="IconMute" copy-text="<IconMute />"/>
        <Generate :type="IconOptions" copy-text="<IconOptions />"/>
        <Generate :type="IconPaperclip" copy-text="<IconPaperclip />"/>
        <Generate :type="IconPause" copy-text="<IconPause />"/>
        <Generate :type="IconPhoto" copy-text="<IconPhoto />"/>
        <Generate :type="IconPlay" copy-text="<IconPlay />"/>
        <Generate :type="IconPlus" copy-text="<IconPlus />"/>
        <Generate :type="IconPortfolio" copy-text="<IconPortfolio />"/>
        <Generate :type="IconPrint" copy-text="<IconPrint />"/>
        <Generate :type="IconReload" copy-text="<IconReload />"/>
        <Generate :type="IconReply" copy-text="<IconReply />"/>
        <Generate :type="IconSearch" copy-text="<IconSearch />"/>
        <Generate :type="IconSend" copy-text="<IconSend />"/>
        <Generate :type="IconSettings" copy-text="<IconSettings />"/>
        <Generate :type="IconSignIn" copy-text="<IconSignIn />"/>
        <Generate :type="IconSignOut" copy-text="<IconSignOut />"/>
        <Generate :type="IconStar" copy-text="<IconStar />"/>
        <Generate :type="IconStart" copy-text="<IconStart />"/>
        <Generate :type="IconTag" copy-text="<IconTag />"/>
        <Generate :type="IconTelephone" copy-text="<IconTelephone />"/>
        <Generate :type="IconTrash" copy-text="<IconTrash />"/>
        <Generate :type="IconTwitter" copy-text="<IconTwitter />"/>
        <Generate :type="IconUnlock" copy-text="<IconUnlock />"/>
        <Generate :type="IconUpload" copy-text="<IconUpload />"/>
        <Generate :type="IconUser" copy-text="<IconUser />"/>
        <Generate :type="IconVideo" copy-text="<IconVideo />"/>
        <Generate :type="IconVolume" copy-text="<IconVolume />"/>
        <Generate :type="IconWork" copy-text="<IconWork />"/>
        <Generate :type="IconZoomIn" copy-text="<IconZoomIn />"/>
        <Generate :type="IconZoomOut" copy-text="<IconZoomOut />"/>
        <Generate :type="IconZoomReset" copy-text="<IconZoomReset />"/>
        
        <Generate :type="IconsAirplayOutline" copy-text="<IconsAirplayOutline />" />
        <Generate :type="IconsAirpodsOutline" copy-text="<IconsAirpodsOutline />" />
        <Generate :type="IconsAlarmOutline" copy-text="<IconsAlarmOutline />" />
        <Generate :type="IconsAlienOutline" copy-text="<IconsAlienOutline />" />
        <Generate :type="IconsAnchorOutline" copy-text="<IconsAnchorOutline />" />
        <Generate :type="IconsAndroidOutline" copy-text="<IconsAndroidOutline />" />
        <Generate :type="IconsAngularOutline" copy-text="<IconsAngularOutline />" />
        <Generate :type="IconsAppleOutline" copy-text="<IconsAppleOutline />" />
        <Generate :type="IconsArchiveOutline" copy-text="<IconsArchiveOutline />" />
        <Generate :type="IconsAtOutline" copy-text="<IconsAtOutline />" />
        <Generate :type="IconsAttachOutline" copy-text="<IconsAttachOutline />" />
        <Generate :type="IconsAzureOutline" copy-text="<IconsAzureOutline />" />
        <Generate :type="IconsBagAltOutline" copy-text="<IconsBagAltOutline />" />
        <Generate :type="IconsBagOutline" copy-text="<IconsBagOutline />" />
        <Generate :type="IconsBankOutline" copy-text="<IconsBankOutline />" />
        <Generate :type="IconsBarcodeOutline" copy-text="<IconsBarcodeOutline />" />
        <Generate :type="IconsBasketOutline" copy-text="<IconsBasketOutline />" />
        <Generate :type="IconsBathOutline" copy-text="<IconsBathOutline />" />
        <Generate :type="IconsBehanceOutline" copy-text="<IconsBehanceOutline />" />
        <Generate :type="IconsBellOutline" copy-text="<IconsBellOutline />" />
        <Generate :type="IconsBinOutline" copy-text="<IconsBinOutline />" />
        <Generate :type="IconsBitcoinOutline" copy-text="<IconsBitcoinOutline />" />
        <Generate :type="IconsBoldOutline" copy-text="<IconsBoldOutline />" />
        <Generate :type="IconsBookOutline" copy-text="<IconsBookOutline />" />
        <Generate :type="IconsBoxOutline" copy-text="<IconsBoxOutline />" />
        <Generate :type="IconsBracketOutline" copy-text="<IconsBracketOutline />" />
        <Generate :type="IconsBugOutline" copy-text="<IconsBugOutline />" />
        <Generate :type="IconsBulbOnOutline" copy-text="<IconsBulbOnOutline />" />
        <Generate :type="IconsButtonOutline" copy-text="<IconsButtonOutline />" />
        <Generate :type="IconsCameraOutline" copy-text="<IconsCameraOutline />" />
        <Generate :type="IconsCarOutline" copy-text="<IconsCarOutline />" />
        <Generate :type="IconsCartOutline" copy-text="<IconsCartOutline />" />
        <Generate :type="IconsChatbotOutline" copy-text="<IconsChatbotOutline />" />
        <Generate :type="IconsChatOutline" copy-text="<IconsChatOutline />" />
        <Generate :type="IconsChromeOutline" copy-text="<IconsChromeOutline />" />
        <Generate :type="IconsChurchOutline" copy-text="<IconsChurchOutline />" />
        <Generate :type="IconsCircleOutline" copy-text="<IconsCircleOutline />" />
        <Generate :type="IconsClockOutline" copy-text="<IconsClockOutline />" />
        <Generate :type="IconsCodeOutline" copy-text="<IconsCodeOutline />" />
        <Generate :type="IconsCodepenOutline" copy-text="<IconsCodepenOutline />" />
        <Generate :type="IconsCogOutline" copy-text="<IconsCogOutline />" />
        <Generate :type="IconsCompassOutline" copy-text="<IconsCompassOutline />" />
        <Generate :type="IconsContactOutline" copy-text="<IconsContactOutline />" />
        <Generate :type="IconsCropOutline" copy-text="<IconsCropOutline />" />
        <Generate :type="IconsCSharpOutline" copy-text="<IconsCSharpOutline />" />
        <Generate :type="IconsCss3Outline" copy-text="<IconsCss3Outline />" />
        <Generate :type="IconsCsvOutline" copy-text="<IconsCsvOutline />" />
        <Generate :type="IconsDeniedOutline" copy-text="<IconsDeniedOutline />" />
        <Generate :type="IconsDenoOutline" copy-text="<IconsDenoOutline />" />
        <Generate :type="IconsDiamondOutline" copy-text="<IconsDiamondOutline />" />
        <Generate :type="IconsDiscordOutline" copy-text="<IconsDiscordOutline />" />
        <Generate :type="IconsDockerOutline" copy-text="<IconsDockerOutline />" />
        <Generate :type="IconsDocOutline" copy-text="<IconsDocOutline />" />
        <Generate :type="IconsDollarOutline" copy-text="<IconsDollarOutline />" />
        <Generate :type="IconsDribbbleOutline" copy-text="<IconsDribbbleOutline />" />
        <Generate :type="IconsDribbbleSolid" copy-text="<IconsDribbbleSolid />" />
        <Generate :type="IconsDropperOutline" copy-text="<IconsDropperOutline />" />
        <Generate :type="IconsEdgeOutline" copy-text="<IconsEdgeOutline />" />
        <Generate :type="IconsEdit1Outline" copy-text="<IconsEdit1Outline />" />
        <Generate :type="IconsEpsOutline" copy-text="<IconsEpsOutline />" />
        <Generate :type="IconsEslintOutline" copy-text="<IconsEslintOutline />" />
        <Generate :type="IconsEuroOutline" copy-text="<IconsEuroOutline />" />
        <Generate :type="IconsFaceIdOutline" copy-text="<IconsFaceIdOutline />" />
        <Generate :type="IconsFigmaOutline" copy-text="<IconsFigmaOutline />" />
        <Generate :type="IconsFileOutline" copy-text="<IconsFileOutline />" />
        <Generate :type="IconsFileXOutline" copy-text="<IconsFileXOutline />" />
        <Generate :type="IconsFilterOutline" copy-text="<IconsFilterOutline />" />
        <Generate :type="IconsFingerprintSolid" copy-text="<IconsFingerprintSolid />" />
        <Generate :type="IconsFlagOutline" copy-text="<IconsFlagOutline />" />
        <Generate :type="IconsFolderOutline" copy-text="<IconsFolderOutline />" />
        <Generate :type="IconsFoldersOutline" copy-text="<IconsFoldersOutline />" />
        <Generate :type="IconsForwardOutline" copy-text="<IconsForwardOutline />" />
        <Generate :type="IconsFrameOutline" copy-text="<IconsFrameOutline />" />
        <Generate :type="IconsFramerOutline" copy-text="<IconsFramerOutline />" />
        <Generate :type="IconsGameControllerOutline" copy-text="<IconsGameControllerOutline />" />
        <Generate :type="IconsGameControllerRetroOutline" copy-text="<IconsGameControllerRetroOutline />" />
        <Generate :type="IconsGameControllerRetroSolid" copy-text="<IconsGameControllerRetroSolid />" />
        <Generate :type="IconsGameControllerSolid" copy-text="<IconsGameControllerSolid />" />
        <Generate :type="IconsGiftOutline" copy-text="<IconsGiftOutline />" />
        <Generate :type="IconsGitlabOutline" copy-text="<IconsGitlabOutline />" />
        <Generate :type="IconsGitOutline" copy-text="<IconsGitOutline />" />
        <Generate :type="IconsGlobeOutline" copy-text="<IconsGlobeOutline />" />
        <Generate :type="IconsGoogleOutline" copy-text="<IconsGoogleOutline />" />
        <Generate :type="IconsGraphqlOutline" copy-text="<IconsGraphqlOutline />" />
        <Generate :type="IconsHashtagOutline" copy-text="<IconsHashtagOutline />" />
        <Generate :type="IconsHeadsetOutline" copy-text="<IconsHeadsetOutline />" />
        <Generate :type="IconsHexagonOutline" copy-text="<IconsHexagonOutline />" />
        <Generate :type="IconsHistoryOutline" copy-text="<IconsHistoryOutline />" />
        <Generate :type="IconsHomeOutline" copy-text="<IconsHomeOutline />" />
        <Generate :type="IconsHouseOutline" copy-text="<IconsHouseOutline />" />
        <Generate :type="IconsHtml5Outline" copy-text="<IconsHtml5Outline />" />
        <Generate :type="IconsIdOutline" copy-text="<IconsIdOutline />" />
        <Generate :type="IconsImacOutline" copy-text="<IconsImacOutline />" />
        <Generate :type="IconsImageOutline" copy-text="<IconsImageOutline />" />
        <Generate :type="IconsInboxOutline" copy-text="<IconsInboxOutline />" />
        <Generate :type="IconsIndentIncreaseOutline" copy-text="<IconsIndentIncreaseOutline />" />
        <Generate :type="IconsIndentIncreaseSolid" copy-text="<IconsIndentIncreaseSolid />" />
        <Generate :type="IconsInvoiceOutline" copy-text="<IconsInvoiceOutline />" />
        <Generate :type="IconsItalicOutline" copy-text="<IconsItalicOutline />" />
        <Generate :type="IconsJpgOutline" copy-text="<IconsJpgOutline />" />
        <Generate :type="IconsKanbanOutline" copy-text="<IconsKanbanOutline />" />
        <Generate :type="IconsKeyOutline" copy-text="<IconsKeyOutline />" />
        <Generate :type="IconsLaptopOutline" copy-text="<IconsLaptopOutline />" />
        <Generate :type="IconsLaravelOutline" copy-text="<IconsLaravelOutline />" />
        <Generate :type="IconsLayersOutline" copy-text="<IconsLayersOutline />" />
        <Generate :type="IconsLegoOutline" copy-text="<IconsLegoOutline />" />
        <Generate :type="IconsLightningCableOutline" copy-text="<IconsLightningCableOutline />" />
        <Generate :type="IconsLightningCableSolid" copy-text="<IconsLightningCableSolid />" />
        <Generate :type="IconsLineOutline" copy-text="<IconsLineOutline />" />
        <Generate :type="IconsLinkOutline" copy-text="<IconsLinkOutline />" />
        <Generate :type="IconsLinuxOutline" copy-text="<IconsLinuxOutline />" />
        <Generate :type="IconsLoaderOutline" copy-text="<IconsLoaderOutline />" />
        <Generate :type="IconsLockOutline" copy-text="<IconsLockOutline />" />
        <Generate :type="IconsLogoutOutline" copy-text="<IconsLogoutOutline />" />
        <Generate :type="IconsMagsafeOutline" copy-text="<IconsMagsafeOutline />" />
        <Generate :type="IconsMediumOutline" copy-text="<IconsMediumOutline />" />
        <Generate :type="IconsMenuOutline" copy-text="<IconsMenuOutline />" />
        <Generate :type="IconsMessageOutline" copy-text="<IconsMessageOutline />" />
        <Generate :type="IconsMinusOutline" copy-text="<IconsMinusOutline />" />
        <Generate :type="IconsMobileOutline" copy-text="<IconsMobileOutline />" />
        <Generate :type="IconsMoneyOutline" copy-text="<IconsMoneyOutline />" />
        <Generate :type="IconsMongodbOutline" copy-text="<IconsMongodbOutline />" />
        <Generate :type="IconsMoodTongueOutline" copy-text="<IconsMoodTongueOutline />" />
        <Generate :type="IconsMoodTongueSolid" copy-text="<IconsMoodTongueSolid />" />
        <Generate :type="IconsMoonOutline" copy-text="<IconsMoonOutline />" />
        <Generate :type="IconsMouseOutline" copy-text="<IconsMouseOutline />" />
        <Generate :type="IconsMovOutline" copy-text="<IconsMovOutline />" />
        <Generate :type="IconsMp3Outline" copy-text="<IconsMp3Outline />" />
        <Generate :type="IconsMp4Outline" copy-text="<IconsMp4Outline />" />
        <Generate :type="IconsMsWordOutline" copy-text="<IconsMsWordOutline />" />
        <Generate :type="IconsN64Outline" copy-text="<IconsN64Outline />" />
        <Generate :type="IconsNetlifyOutline" copy-text="<IconsNetlifyOutline />" />
        <Generate :type="IconsNextjsOutline" copy-text="<IconsNextjsOutline />" />
        <Generate :type="IconsNextOutline" copy-text="<IconsNextOutline />" />
        <Generate :type="IconsNodejsOutline" copy-text="<IconsNodejsOutline />" />
        <Generate :type="IconsNpmOutline" copy-text="<IconsNpmOutline />" />
        <Generate :type="IconsNuxtjsOutline" copy-text="<IconsNuxtjsOutline />" />
        <Generate :type="IconsOtpOutline" copy-text="<IconsOtpOutline />" />
        <Generate :type="IconsPatreonOutline" copy-text="<IconsPatreonOutline />" />
        <Generate :type="IconsPawOutline" copy-text="<IconsPawOutline />" />
        <Generate :type="IconsPawsOutline" copy-text="<IconsPawsOutline />" />
        <Generate :type="IconsPaypalOutline" copy-text="<IconsPaypalOutline />" />
        <Generate :type="IconsPdfOutline" copy-text="<IconsPdfOutline />" />
        <Generate :type="IconsPenOutline" copy-text="<IconsPenOutline />" />
        <Generate :type="IconsPhoneOutline" copy-text="<IconsPhoneOutline />" />
        <Generate :type="IconsPinAltOutline" copy-text="<IconsPinAltOutline />" />
        <Generate :type="IconsPinOutline" copy-text="<IconsPinOutline />" />
        <Generate :type="IconsPlantOutline" copy-text="<IconsPlantOutline />" />
        <Generate :type="IconsPlayOutline" copy-text="<IconsPlayOutline />" />
        <Generate :type="IconsPlugOutline" copy-text="<IconsPlugOutline />" />
        <Generate :type="IconsPngOutline" copy-text="<IconsPngOutline />" />
        <Generate :type="IconsPoolOutline" copy-text="<IconsPoolOutline />" />
        <Generate :type="IconsPoundOutline" copy-text="<IconsPoundOutline />" />
        <Generate :type="IconsPowerOutline" copy-text="<IconsPowerOutline />" />
        <Generate :type="IconsPptOutline" copy-text="<IconsPptOutline />" />
        <Generate :type="IconsPrintOutline" copy-text="<IconsPrintOutline />" />
        <Generate :type="IconsPythonOutline" copy-text="<IconsPythonOutline />" />
        <Generate :type="IconsQrCodeOutline" copy-text="<IconsQrCodeOutline />" />
        <Generate :type="IconsQuoteOutline" copy-text="<IconsQuoteOutline />" />
        <Generate :type="IconsRandOutline" copy-text="<IconsRandOutline />" />
        <Generate :type="IconsReactOutline" copy-text="<IconsReactOutline />" />
        <Generate :type="IconsReceiptOutline" copy-text="<IconsReceiptOutline />" />
        <Generate :type="IconsRedditOutline" copy-text="<IconsRedditOutline />" />
        <Generate :type="IconsRefreshOutline" copy-text="<IconsRefreshOutline />" />
        <Generate :type="IconsRewindOutline" copy-text="<IconsRewindOutline />" />
        <Generate :type="IconsRippleSolid" copy-text="<IconsRippleSolid />" />
        <Generate :type="IconsRobotOutline" copy-text="<IconsRobotOutline />" />
        <Generate :type="IconsRollerOutline" copy-text="<IconsRollerOutline />" />
        <Generate :type="IconsRouterOutline" copy-text="<IconsRouterOutline />" />
        <Generate :type="IconsRssOutline" copy-text="<IconsRssOutline />" />
        <Generate :type="IconsRubyOutline" copy-text="<IconsRubyOutline />" />
        <Generate :type="IconsRupeeOutline" copy-text="<IconsRupeeOutline />" />
        <Generate :type="IconsRustOutline" copy-text="<IconsRustOutline />" />
        <Generate :type="IconsSafariOutline" copy-text="<IconsSafariOutline />" />
        <Generate :type="IconsSafeOutline" copy-text="<IconsSafeOutline />" />
        <Generate :type="IconsSaveOutline" copy-text="<IconsSaveOutline />" />
        <Generate :type="IconsScanOutline" copy-text="<IconsScanOutline />" />
        <Generate :type="IconsSchoolOutline" copy-text="<IconsSchoolOutline />" />
        <Generate :type="IconsScreenOutline" copy-text="<IconsScreenOutline />" />
        <Generate :type="IconsScribbleSolid" copy-text="<IconsScribbleSolid />" />
        <Generate :type="IconsSdCardOutline" copy-text="<IconsSdCardOutline />" />
        <Generate :type="IconsSearchOutline" copy-text="<IconsSearchOutline />" />
        <Generate :type="IconsSectionRemoveOutline" copy-text="<IconsSectionRemoveOutline />" />
        <Generate :type="IconsSendOutline" copy-text="<IconsSendOutline />" />
        <Generate :type="IconsSendUpOutline" copy-text="<IconsSendUpOutline />" />
        <Generate :type="IconsServersOutline" copy-text="<IconsServersOutline />" />
        <Generate :type="IconsShareOutline" copy-text="<IconsShareOutline />" />
        <Generate :type="IconsShieldOutline" copy-text="<IconsShieldOutline />" />
        <Generate :type="IconsShopOutline" copy-text="<IconsShopOutline />" />
        <Generate :type="IconsSigninOutline" copy-text="<IconsSigninOutline />" />
        <Generate :type="IconsSignOutline" copy-text="<IconsSignOutline />" />
        <Generate :type="IconsSimOutline" copy-text="<IconsSimOutline />" />
        <Generate :type="IconsSkullOutline" copy-text="<IconsSkullOutline />" />
        <Generate :type="IconsSkypeOutline" copy-text="<IconsSkypeOutline />" />
        <Generate :type="IconsSlackOutline" copy-text="<IconsSlackOutline />" />
        <Generate :type="IconsSnesOutline" copy-text="<IconsSnesOutline />" />
        <Generate :type="IconsSortUpOutline" copy-text="<IconsSortUpOutline />" />
        <Generate :type="IconsSpotifyOutline" copy-text="<IconsSpotifyOutline />" />
        <Generate :type="IconsSquareOutline" copy-text="<IconsSquareOutline />" />
        <Generate :type="IconsStampOutline" copy-text="<IconsStampOutline />" />
        <Generate :type="IconsStarOutline" copy-text="<IconsStarOutline />" />
        <Generate :type="IconsStopOutline" copy-text="<IconsStopOutline />" />
        <Generate :type="IconsStrikethroughSolid" copy-text="<IconsStrikethroughSolid />" />
        <Generate :type="IconsSunOutline" copy-text="<IconsSunOutline />" />
        <Generate :type="IconsSvelteOutline" copy-text="<IconsSvelteOutline />" />
        <Generate :type="IconsSvgOutline" copy-text="<IconsSvgOutline />" />
        <Generate :type="IconsTableOutline" copy-text="<IconsTableOutline />" />
        <Generate :type="IconsTableSolid" copy-text="<IconsTableSolid />" />
        <Generate :type="IconsTagOutline" copy-text="<IconsTagOutline />" />
        <Generate :type="IconsTextOutline" copy-text="<IconsTextOutline />" />
        <Generate :type="IconsTiktokOutline" copy-text="<IconsTiktokOutline />" />
        <Generate :type="IconsTriangleOutline" copy-text="<IconsTriangleOutline />" />
        <Generate :type="IconsTriangleSolid" copy-text="<IconsTriangleSolid />" />
        <Generate :type="IconsTrophyOutline" copy-text="<IconsTrophyOutline />" />
        <Generate :type="IconsTvOutline" copy-text="<IconsTvOutline />" />
        <Generate :type="IconsTwitchOutline" copy-text="<IconsTwitchOutline />" />
        <Generate :type="IconsTwitterOutline" copy-text="<IconsTwitterOutline />" />
        <Generate :type="IconsUnlockOutline" copy-text="<IconsUnlockOutline />" />
        <Generate :type="IconsUploadOutline" copy-text="<IconsUploadOutline />" />
        <Generate :type="IconsUpOutline" copy-text="<IconsUpOutline />" />
        <Generate :type="IconsUserOutline" copy-text="<IconsUserOutline />" />
        <Generate :type="IconsUsersOutline" copy-text="<IconsUsersOutline />" />
        <Generate :type="IconsVimOutline" copy-text="<IconsVimOutline />" />
        <Generate :type="IconsVueOutline" copy-text="<IconsVueOutline />" />
        <Generate :type="IconsWalletOutline" copy-text="<IconsWalletOutline />" />
        <Generate :type="IconsWandOutline" copy-text="<IconsWandOutline />" />
        <Generate :type="IconsWanOutline" copy-text="<IconsWanOutline />" />
        <Generate :type="IconsWatchOutline" copy-text="<IconsWatchOutline />" />
        <Generate :type="IconsWebpackOutline" copy-text="<IconsWebpackOutline />" />
        <Generate :type="IconsWindowsOutline" copy-text="<IconsWindowsOutline />" />
        <Generate :type="IconsXlsOutline" copy-text="<IconsXlsOutline />" />
        <Generate :type="IconsXSmallOutline" copy-text="<IconsXSmallOutline />" />
        <Generate :type="IconsYenOutline" copy-text="<IconsYenOutline />" />
        <Generate :type="IconsYoutubeOutline" copy-text="<IconsYoutubeOutline />" />
        <Generate :type="IconsZoomInOutline" copy-text="<IconsZoomInOutline />" />
    </div>
</template>

<script setup>
import Generate from './generate.jsx'
import {
    IconActivity,
    IconAlert,
    IconArchive,
    IconArrowBottom,
    IconArrowLeft,
    IconArrowRight,
    IconArrowTop,
    IconBackwards,
    IconBag,
    IconBan,
    IconBell,
    IconBook,
    IconBookmark,
    IconCalendar,
    IconCamera,
    IconCaretBottom,
    IconCaretLeft,
    IconCaretRight,
    IconCaretTop,
    IconCart,
    IconCheckmark,
    IconChevronBottom,
    IconChevronLeft,
    IconChevronRight,
    IconChevronTop,
    IconClipboard,
    IconClock,
    IconClose,
    IconCode,
    IconCompose,
    IconCreditcard,
    IconDesktop,
    IconDownload,
    IconEdit,
    IconEject,
    IconEllipsisHorizontal,
    IconEllipsisVertical,
    IconEnd,
    IconExport,
    IconExternal,
    IconEye,
    IconFeed,
    IconFile,
    IconFilter,
    IconFire,
    IconFlag,
    IconFolder,
    IconFolderOpen,
    IconForwards,
    IconFullscreen,
    IconFullscreenExit,
    IconGift,
    IconGithub,
    IconHeart,
    IconHome,
    IconImport,
    IconInbox,
    IconInfo,
    IconLightning,
    IconLink,
    IconLocation,
    IconLock,
    IconMail,
    IconMenu,
    IconMessage,
    IconMicrophone,
    IconMinus,
    IconMobile,
    IconMoon,
    IconMove,
    IconMusic,
    IconMute,
    IconOptions,
    IconPaperclip,
    IconPause,
    IconPhoto,
    IconPlay,
    IconPlus,
    IconPortfolio,
    IconPrint,
    IconReload,
    IconReply,
    IconSearch,
    IconSend,
    IconSettings,
    IconSignIn,
    IconSignOut,
    IconStar,
    IconStart,
    IconTag,
    IconTelephone,
    IconTrash,
    IconTwitter,
    IconUnlock,
    IconUpload,
    IconUser,
    IconVideo,
    IconVolume,
    IconWork,
    IconZoomIn,
    IconZoomOut,
    IconZoomReset,
    IconsAirplayOutline,
IconsAirpodsOutline,
IconsAlarmOutline,
IconsAlienOutline,
IconsAnchorOutline,
IconsAndroidOutline,
IconsAngularOutline,
IconsAppleOutline,
IconsArchiveOutline,
IconsAtOutline,
IconsAttachOutline,
IconsAzureOutline,
IconsBagAltOutline,
IconsBagOutline,
IconsBankOutline,
IconsBarcodeOutline,
IconsBasketOutline,
IconsBathOutline,
IconsBehanceOutline,
IconsBellOutline,
IconsBinOutline,
IconsBitcoinOutline,
IconsBoldOutline,
IconsBookOutline,
IconsBoxOutline,
IconsBracketOutline,
IconsBugOutline,
IconsBulbOnOutline,
IconsButtonOutline,
IconsCameraOutline,
IconsCarOutline,
IconsCartOutline,
IconsChatbotOutline,
IconsChatOutline,
IconsChromeOutline,
IconsChurchOutline,
IconsCircleOutline,
IconsClockOutline,
IconsCodeOutline,
IconsCodepenOutline,
IconsCogOutline,
IconsCompassOutline,
IconsContactOutline,
IconsCropOutline,
IconsCSharpOutline,
IconsCss3Outline,
IconsCsvOutline,
IconsDeniedOutline,
IconsDenoOutline,
IconsDiamondOutline,
IconsDiscordOutline,
IconsDockerOutline,
IconsDocOutline,
IconsDollarOutline,
IconsDribbbleOutline,
IconsDribbbleSolid,
IconsDropperOutline,
IconsEdgeOutline,
IconsEdit1Outline,
IconsEpsOutline,
IconsEslintOutline,
IconsEuroOutline,
IconsFaceIdOutline,
IconsFigmaOutline,
IconsFileOutline,
IconsFileXOutline,
IconsFilterOutline,
IconsFingerprintSolid,
IconsFlagOutline,
IconsFolderOutline,
IconsFoldersOutline,
IconsForwardOutline,
IconsFrameOutline,
IconsFramerOutline,
IconsGameControllerOutline,
IconsGameControllerRetroOutline,
IconsGameControllerRetroSolid,
IconsGameControllerSolid,
IconsGiftOutline,
IconsGitlabOutline,
IconsGitOutline,
IconsGlobeOutline,
IconsGoogleOutline,
IconsGraphqlOutline,
IconsHashtagOutline,
IconsHeadsetOutline,
IconsHexagonOutline,
IconsHistoryOutline,
IconsHomeOutline,
IconsHouseOutline,
IconsHtml5Outline,
IconsIdOutline,
IconsImacOutline,
IconsImageOutline,
IconsInboxOutline,
IconsIndentIncreaseOutline,
IconsIndentIncreaseSolid,
IconsInvoiceOutline,
IconsItalicOutline,
IconsJpgOutline,
IconsKanbanOutline,
IconsKeyOutline,
IconsLaptopOutline,
IconsLaravelOutline,
IconsLayersOutline,
IconsLegoOutline,
IconsLightningCableOutline,
IconsLightningCableSolid,
IconsLineOutline,
IconsLinkOutline,
IconsLinuxOutline,
IconsLoaderOutline,
IconsLockOutline,
IconsLogoutOutline,
IconsMagsafeOutline,
IconsMediumOutline,
IconsMenuOutline,
IconsMessageOutline,
IconsMinusOutline,
IconsMobileOutline,
IconsMoneyOutline,
IconsMongodbOutline,
IconsMoodTongueOutline,
IconsMoodTongueSolid,
IconsMoonOutline,
IconsMouseOutline,
IconsMovOutline,
IconsMp3Outline,
IconsMp4Outline,
IconsMsWordOutline,
IconsN64Outline,
IconsNetlifyOutline,
IconsNextjsOutline,
IconsNextOutline,
IconsNodejsOutline,
IconsNpmOutline,
IconsNuxtjsOutline,
IconsOtpOutline,
IconsPatreonOutline,
IconsPawOutline,
IconsPawsOutline,
IconsPaypalOutline,
IconsPdfOutline,
IconsPenOutline,
IconsPhoneOutline,
IconsPinAltOutline,
IconsPinOutline,
IconsPlantOutline,
IconsPlayOutline,
IconsPlugOutline,
IconsPngOutline,
IconsPoolOutline,
IconsPoundOutline,
IconsPowerOutline,
IconsPptOutline,
IconsPrintOutline,
IconsPythonOutline,
IconsQrCodeOutline,
IconsQuoteOutline,
IconsRandOutline,
IconsReactOutline,
IconsReceiptOutline,
IconsRedditOutline,
IconsRefreshOutline,
IconsRewindOutline,
IconsRippleSolid,
IconsRobotOutline,
IconsRollerOutline,
IconsRouterOutline,
IconsRssOutline,
IconsRubyOutline,
IconsRupeeOutline,
IconsRustOutline,
IconsSafariOutline,
IconsSafeOutline,
IconsSaveOutline,
IconsScanOutline,
IconsSchoolOutline,
IconsScreenOutline,
IconsScribbleSolid,
IconsSdCardOutline,
IconsSearchOutline,
IconsSectionRemoveOutline,
IconsSendOutline,
IconsSendUpOutline,
IconsServersOutline,
IconsShareOutline,
IconsShieldOutline,
IconsShopOutline,
IconsSigninOutline,
IconsSignOutline,
IconsSimOutline,
IconsSkullOutline,
IconsSkypeOutline,
IconsSlackOutline,
IconsSnesOutline,
IconsSortUpOutline,
IconsSpotifyOutline,
IconsSquareOutline,
IconsStampOutline,
IconsStarOutline,
IconsStopOutline,
IconsStrikethroughSolid,
IconsSunOutline,
IconsSvelteOutline,
IconsSvgOutline,
IconsTableOutline,
IconsTableSolid,
IconsTagOutline,
IconsTextOutline,
IconsTiktokOutline,
IconsTriangleOutline,
IconsTriangleSolid,
IconsTrophyOutline,
IconsTvOutline,
IconsTwitchOutline,
IconsTwitterOutline,
IconsUnlockOutline,
IconsUploadOutline,
IconsUpOutline,
IconsUserOutline,
IconsUsersOutline,
IconsVimOutline,
IconsVueOutline,
IconsWalletOutline,
IconsWandOutline,
IconsWanOutline,
IconsWatchOutline,
IconsWebpackOutline,
IconsWindowsOutline,
IconsXlsOutline,
IconsXSmallOutline,
IconsYenOutline,
IconsYoutubeOutline,
IconsZoomInOutline,
} from '@ungeui/icons'
</script>

<style>
    .u-icons {
        font-size: 50px;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(87px, 1fr))
        /* display: flex; */
        /* flex-wrap: wrap; */
    }
    .u-icons > i {
        /* width: 5%; */
        text-align: center;
        margin: 10px;
        padding: 10px;
        line-height: 1;
        transition: all .2s;
    }
    .u-icons > i:hover {
        cursor: pointer;
        transition: all .2s;
        border-radius: 4px;
        transform: translateY(-5px);
        box-shadow: 0 0 4px #aaa;
    }
</style>