<script>
import Layout from "@/layout/main.vue"
import pageheader from "@/components/page-header.vue"

import { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowDownIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpLeftIcon, ArrowUpRightIcon, ArrowUpIcon, AtSignIcon, AwardIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellOffIcon, BellIcon, BluetoothIcon, BoldIcon, BookOpenIcon, BookIcon, BookmarkIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraOffIcon, CameraIcon, CastIcon, CheckCircleIcon, CheckSquareIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CloudIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideSquareIcon, DivideIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeOffIcon, EyeIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileIcon, FilmIcon, FilterIcon, FlagIcon, FolderMinusIcon, FolderPlusIcon, FolderIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GitMergeIcon, GitPullRequestIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkIcon, LinkedinIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapPinIcon, MapIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicOffIcon, MicIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusSquareIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PhoneIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusSquareIcon, PlusIcon, PocketIcon, PowerIcon, PrinterIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SendIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldOffIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlashIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, ToolIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UserIcon, UsersIcon, VideoOffIcon, VideoIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeXIcon, VolumeIcon, WatchIcon, WifiOffIcon, WifiIcon, WindIcon, XCircleIcon, XOctagonIcon, XSquareIcon, XIcon, YoutubeIcon, ZapOffIcon, ZapIcon, ZoomInIcon, ZoomOutIcon } from "@zhuowenli/vue-feather-icons";

export default {
    name: "FEATHER",
    components: {
        Layout, pageheader,
        ActivityIcon,
        AirplayIcon,
        AlertCircleIcon,
        AlertOctagonIcon,
        AlertTriangleIcon,
        AlignCenterIcon,
        AlignJustifyIcon,
        AlignLeftIcon,
        AlignRightIcon,
        AnchorIcon,
        ApertureIcon,
        ArchiveIcon,
        ArrowDownCircleIcon,
        ArrowDownLeftIcon,
        ArrowDownRightIcon,
        ArrowDownIcon,
        ArrowLeftCircleIcon,
        ArrowLeftIcon,
        ArrowRightCircleIcon,
        ArrowRightIcon,
        ArrowUpCircleIcon,
        ArrowUpLeftIcon,
        ArrowUpRightIcon,
        ArrowUpIcon,
        AtSignIcon,
        AwardIcon,
        BarChart2Icon,
        BarChartIcon,
        BatteryChargingIcon,
        BatteryIcon,
        BellOffIcon,
        BellIcon,
        BluetoothIcon,
        BoldIcon,
        BookOpenIcon,
        BookIcon,
        BookmarkIcon,
        BoxIcon,
        BriefcaseIcon,
        CalendarIcon,
        CameraOffIcon,
        CameraIcon,
        CastIcon,
        CheckCircleIcon,
        CheckSquareIcon,
        CheckIcon,
        ChevronDownIcon,
        ChevronLeftIcon,
        ChevronRightIcon,
        ChevronUpIcon,
        ChevronsDownIcon,
        ChevronsLeftIcon,
        ChevronsRightIcon,
        ChevronsUpIcon,
        ChromeIcon,
        CircleIcon,
        ClipboardIcon,
        ClockIcon,
        CloudDrizzleIcon,
        CloudLightningIcon,
        CloudOffIcon,
        CloudRainIcon,
        CloudSnowIcon,
        CloudIcon,
        CodeIcon,
        CodepenIcon,
        CodesandboxIcon,
        CoffeeIcon,
        ColumnsIcon,
        CommandIcon,
        CompassIcon,
        CopyIcon,
        CornerDownLeftIcon,
        CornerDownRightIcon,
        CornerLeftDownIcon,
        CornerLeftUpIcon,
        CornerRightDownIcon,
        CornerRightUpIcon,
        CornerUpLeftIcon,
        CornerUpRightIcon,
        CpuIcon,
        CreditCardIcon,
        CropIcon,
        CrosshairIcon,
        DatabaseIcon,
        DeleteIcon,
        DiscIcon,
        DivideCircleIcon,
        DivideSquareIcon,
        DivideIcon,
        DollarSignIcon,
        DownloadCloudIcon,
        DownloadIcon,
        DribbbleIcon,
        DropletIcon,
        Edit2Icon,
        Edit3Icon,
        EditIcon,
        ExternalLinkIcon,
        EyeOffIcon,
        EyeIcon,
        FacebookIcon,
        FastForwardIcon,
        FeatherIcon,
        FigmaIcon,
        FileMinusIcon,
        FilePlusIcon,
        FileTextIcon,
        FileIcon,
        FilmIcon,
        FilterIcon,
        FlagIcon,
        FolderMinusIcon,
        FolderPlusIcon,
        FolderIcon,
        FramerIcon,
        FrownIcon,
        GiftIcon,
        GitBranchIcon,
        GitCommitIcon,
        GitMergeIcon,
        GitPullRequestIcon,
        GithubIcon,
        GitlabIcon,
        GlobeIcon,
        GridIcon,
        HardDriveIcon,
        HashIcon,
        HeadphonesIcon,
        HeartIcon,
        HelpCircleIcon,
        HexagonIcon,
        HomeIcon,
        ImageIcon,
        InboxIcon,
        InfoIcon,
        InstagramIcon,
        ItalicIcon,
        KeyIcon,
        LayersIcon,
        LayoutIcon,
        LifeBuoyIcon,
        Link2Icon,
        LinkIcon,
        LinkedinIcon,
        ListIcon,
        LoaderIcon,
        LockIcon,
        LogInIcon,
        LogOutIcon,
        MailIcon,
        MapPinIcon,
        MapIcon,
        Maximize2Icon,
        MaximizeIcon,
        MehIcon,
        MenuIcon,
        MessageCircleIcon,
        MessageSquareIcon,
        MicOffIcon,
        MicIcon,
        Minimize2Icon,
        MinimizeIcon,
        MinusCircleIcon,
        MinusSquareIcon,
        MinusIcon,
        MonitorIcon,
        MoonIcon,
        MoreHorizontalIcon,
        MoreVerticalIcon,
        MousePointerIcon,
        MoveIcon,
        MusicIcon,
        Navigation2Icon,
        NavigationIcon,
        OctagonIcon,
        PackageIcon,
        PaperclipIcon,
        PauseCircleIcon,
        PauseIcon,
        PenToolIcon,
        PercentIcon,
        PhoneCallIcon,
        PhoneForwardedIcon,
        PhoneIncomingIcon,
        PhoneMissedIcon,
        PhoneOffIcon,
        PhoneOutgoingIcon,
        PhoneIcon,
        PieChartIcon,
        PlayCircleIcon,
        PlayIcon,
        PlusCircleIcon,
        PlusSquareIcon,
        PlusIcon,
        PocketIcon,
        PowerIcon,
        PrinterIcon,
        RadioIcon,
        RefreshCcwIcon,
        RefreshCwIcon,
        RepeatIcon,
        RewindIcon,
        RotateCcwIcon,
        RotateCwIcon,
        RssIcon,
        SaveIcon,
        ScissorsIcon,
        SearchIcon,
        SendIcon,
        ServerIcon,
        SettingsIcon,
        Share2Icon,
        ShareIcon,
        ShieldOffIcon,
        ShieldIcon,
        ShoppingBagIcon,
        ShoppingCartIcon,
        ShuffleIcon,
        SidebarIcon,
        SkipBackIcon,
        SkipForwardIcon,
        SlackIcon,
        SlashIcon,
        SlidersIcon,
        SmartphoneIcon,
        SmileIcon,
        SpeakerIcon,
        SquareIcon,
        StarIcon,
        StopCircleIcon,
        SunIcon,
        SunriseIcon,
        SunsetIcon,
        TabletIcon,
        TagIcon,
        TargetIcon,
        TerminalIcon,
        ThermometerIcon,
        ThumbsDownIcon,
        ThumbsUpIcon,
        ToggleLeftIcon,
        ToggleRightIcon,
        ToolIcon,
        Trash2Icon,
        TrashIcon,
        TrelloIcon,
        TrendingDownIcon,
        TrendingUpIcon,
        TriangleIcon,
        TruckIcon,
        TvIcon,
        TwitchIcon,
        TwitterIcon,
        TypeIcon,
        UmbrellaIcon,
        UnderlineIcon,
        UnlockIcon,
        UploadCloudIcon,
        UploadIcon,
        UserCheckIcon,
        UserMinusIcon,
        UserPlusIcon,
        UserXIcon,
        UserIcon,
        UsersIcon,
        VideoOffIcon,
        VideoIcon,
        VoicemailIcon,
        Volume1Icon,
        Volume2Icon,
        VolumeXIcon,
        VolumeIcon,
        WatchIcon,
        WifiOffIcon,
        WifiIcon,
        WindIcon,
        XCircleIcon,
        XOctagonIcon,
        XSquareIcon,
        XIcon,
        YoutubeIcon,
        ZapOffIcon,
        ZapIcon,
        ZoomInIcon,
        ZoomOutIcon
    },
}
</script>

<template>
    <Layout>
        <pageheader title="Feather Icon" pageTitle="Icons" />
        <BRow>
            <BCol class="col-sm-12">
                <div class="card">
                    <div class="card-header">
                        <h5>Feather Icon</h5>
                        <p>Use svg icon with <code>&lt;i data-feather="&lt;&lt; Copied code &gt;&gt;"&gt;</code> in you html
                            code</p>
                    </div>
                    <div class="card-body text-center">
                        <BRow class="justify-content-center">
                            <BCol class="col-sm-6">
                                <input type="text" id="icon-search" class="form-control mb-4" placeholder="search . . ">
                            </BCol>
                        </BRow>
                        <div class="i-main" id="icon-wrapper">
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ActivityIcon></ActivityIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AirplayIcon></AirplayIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AlertCircleIcon></AlertCircleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AlertOctagonIcon></AlertOctagonIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AlertTriangleIcon></AlertTriangleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AlignCenterIcon></AlignCenterIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AlignJustifyIcon></AlignJustifyIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AlignLeftIcon></AlignLeftIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AlignRightIcon></AlignRightIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AnchorIcon></AnchorIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ApertureIcon></ApertureIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ArchiveIcon></ArchiveIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ArrowDownCircleIcon></ArrowDownCircleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ArrowDownLeftIcon></ArrowDownLeftIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ArrowDownRightIcon></ArrowDownRightIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ArrowDownIcon></ArrowDownIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ArrowLeftCircleIcon></ArrowLeftCircleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ArrowLeftIcon></ArrowLeftIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ArrowRightCircleIcon></ArrowRightCircleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ArrowRightIcon></ArrowRightIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ArrowUpCircleIcon></ArrowUpCircleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ArrowUpLeftIcon></ArrowUpLeftIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ArrowUpRightIcon></ArrowUpRightIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ArrowUpIcon></ArrowUpIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AtSignIcon></AtSignIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AwardIcon></AwardIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <BarChart2Icon></BarChart2Icon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <BarChartIcon></BarChartIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <BatteryChargingIcon></BatteryChargingIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <BatteryIcon></BatteryIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <BellOffIcon></BellOffIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <BellIcon></BellIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <BluetoothIcon></BluetoothIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <BoldIcon></BoldIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <BookOpenIcon></BookOpenIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <BookIcon></BookIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <BookmarkIcon></BookmarkIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <BoxIcon></BoxIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <BriefcaseIcon></BriefcaseIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CalendarIcon></CalendarIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CameraOffIcon></CameraOffIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CameraIcon></CameraIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CastIcon></CastIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CheckCircleIcon></CheckCircleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CheckSquareIcon></CheckSquareIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CheckIcon></CheckIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ChevronDownIcon></ChevronDownIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ChevronLeftIcon></ChevronLeftIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ChevronRightIcon></ChevronRightIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ChevronUpIcon></ChevronUpIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ChevronsDownIcon></ChevronsDownIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ChevronsLeftIcon></ChevronsLeftIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ChevronsRightIcon></ChevronsRightIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ChevronsUpIcon></ChevronsUpIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ChromeIcon></ChromeIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CircleIcon></CircleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ClipboardIcon></ClipboardIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ClockIcon></ClockIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CloudDrizzleIcon></CloudDrizzleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CloudLightningIcon></CloudLightningIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CloudOffIcon></CloudOffIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CloudRainIcon></CloudRainIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CloudSnowIcon></CloudSnowIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CloudIcon></CloudIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CodeIcon></CodeIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CodepenIcon></CodepenIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CodesandboxIcon></CodesandboxIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CoffeeIcon></CoffeeIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ColumnsIcon></ColumnsIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CommandIcon></CommandIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CompassIcon></CompassIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CopyIcon></CopyIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CornerDownLeftIcon></CornerDownLeftIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CornerDownRightIcon></CornerDownRightIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CornerLeftDownIcon></CornerLeftDownIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CornerLeftUpIcon></CornerLeftUpIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CornerRightDownIcon></CornerRightDownIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CornerRightUpIcon></CornerRightUpIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CornerUpLeftIcon></CornerUpLeftIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CornerUpRightIcon></CornerUpRightIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CpuIcon></CpuIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CreditCardIcon></CreditCardIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CropIcon></CropIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <CrosshairIcon></CrosshairIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <DatabaseIcon></DatabaseIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <DeleteIcon></DeleteIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <DiscIcon></DiscIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <DivideCircleIcon></DivideCircleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <DivideSquareIcon></DivideSquareIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <DivideIcon></DivideIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <DollarSignIcon></DollarSignIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <DownloadCloudIcon></DownloadCloudIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <DownloadIcon></DownloadIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <DribbbleIcon></DribbbleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <DropletIcon></DropletIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <Edit2Icon></Edit2Icon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <Edit3Icon></Edit3Icon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <EditIcon></EditIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ExternalLinkIcon></ExternalLinkIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <EyeOffIcon></EyeOffIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <EyeIcon></EyeIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <FacebookIcon></FacebookIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <FastForwardIcon></FastForwardIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <FeatherIcon></FeatherIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <FigmaIcon></FigmaIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <FileMinusIcon></FileMinusIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <FilePlusIcon></FilePlusIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <FileTextIcon></FileTextIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <FileIcon></FileIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <FilmIcon></FilmIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <FilterIcon></FilterIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <FlagIcon></FlagIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <FolderMinusIcon></FolderMinusIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <FolderPlusIcon></FolderPlusIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <FolderIcon></FolderIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <FramerIcon></FramerIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <FrownIcon></FrownIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <GiftIcon></GiftIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <GitBranchIcon></GitBranchIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <GitCommitIcon></GitCommitIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <GitMergeIcon></GitMergeIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <GitPullRequestIcon></GitPullRequestIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <GithubIcon></GithubIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <GitlabIcon></GitlabIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <GlobeIcon></GlobeIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <GridIcon></GridIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <HardDriveIcon></HardDriveIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <HashIcon></HashIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <HeadphonesIcon></HeadphonesIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <HeartIcon></HeartIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <HelpCircleIcon></HelpCircleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <HexagonIcon></HexagonIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <HomeIcon></HomeIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ImageIcon></ImageIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <InboxIcon></InboxIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <InfoIcon></InfoIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <InstagramIcon></InstagramIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ItalicIcon></ItalicIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <KeyIcon></KeyIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <LayersIcon></LayersIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <LayoutIcon></LayoutIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <LifeBuoyIcon></LifeBuoyIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <Link2Icon></Link2Icon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <LinkIcon></LinkIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <LinkedinIcon></LinkedinIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ListIcon></ListIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <LoaderIcon></LoaderIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <LockIcon></LockIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <LogInIcon></LogInIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <LogOutIcon></LogOutIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MailIcon></MailIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MapPinIcon></MapPinIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MapIcon></MapIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <Maximize2Icon></Maximize2Icon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MaximizeIcon></MaximizeIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MehIcon></MehIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MenuIcon></MenuIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MessageCircleIcon></MessageCircleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MessageSquareIcon></MessageSquareIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MicOffIcon></MicOffIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MicIcon></MicIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <Minimize2Icon></Minimize2Icon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MinimizeIcon></MinimizeIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MinusCircleIcon></MinusCircleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MinusSquareIcon></MinusSquareIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MinusIcon></MinusIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MonitorIcon></MonitorIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MoonIcon></MoonIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MoreHorizontalIcon></MoreHorizontalIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MoreVerticalIcon></MoreVerticalIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MousePointerIcon></MousePointerIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MoveIcon></MoveIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <MusicIcon></MusicIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <Navigation2Icon></Navigation2Icon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <NavigationIcon></NavigationIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <OctagonIcon></OctagonIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PackageIcon></PackageIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PaperclipIcon></PaperclipIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PauseCircleIcon></PauseCircleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PauseIcon></PauseIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PenToolIcon></PenToolIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PercentIcon></PercentIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PhoneCallIcon></PhoneCallIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PhoneForwardedIcon></PhoneForwardedIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PhoneIncomingIcon></PhoneIncomingIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PhoneMissedIcon></PhoneMissedIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PhoneOffIcon></PhoneOffIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PhoneOutgoingIcon></PhoneOutgoingIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PhoneIcon></PhoneIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PieChartIcon></PieChartIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PlayCircleIcon></PlayCircleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PlayIcon></PlayIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PlusCircleIcon></PlusCircleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PlusSquareIcon></PlusSquareIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PlusIcon></PlusIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PocketIcon></PocketIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PowerIcon></PowerIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <PrinterIcon></PrinterIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <RadioIcon></RadioIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <RefreshCcwIcon></RefreshCcwIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <RefreshCwIcon></RefreshCwIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <RepeatIcon></RepeatIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <RewindIcon></RewindIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <RotateCcwIcon></RotateCcwIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <RotateCwIcon></RotateCwIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <RssIcon></RssIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <SaveIcon></SaveIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ScissorsIcon></ScissorsIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <SearchIcon></SearchIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <SendIcon></SendIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ServerIcon></ServerIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <SettingsIcon></SettingsIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <Share2Icon></Share2Icon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ShareIcon></ShareIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ShieldOffIcon></ShieldOffIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ShieldIcon></ShieldIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ShoppingBagIcon></ShoppingBagIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ShoppingCartIcon></ShoppingCartIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ShuffleIcon></ShuffleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <SidebarIcon></SidebarIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <SkipBackIcon></SkipBackIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <SkipForwardIcon></SkipForwardIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <SlackIcon></SlackIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <SlashIcon></SlashIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <SlidersIcon></SlidersIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <SmartphoneIcon></SmartphoneIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <SmileIcon></SmileIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <SpeakerIcon></SpeakerIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <SquareIcon></SquareIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <StarIcon></StarIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <StopCircleIcon></StopCircleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <SunIcon></SunIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <SunriseIcon></SunriseIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <SunsetIcon></SunsetIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <TabletIcon></TabletIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <TagIcon></TagIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <TargetIcon></TargetIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <TerminalIcon></TerminalIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ThermometerIcon></ThermometerIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ThumbsDownIcon></ThumbsDownIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ThumbsUpIcon></ThumbsUpIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ToggleLeftIcon></ToggleLeftIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ToggleRightIcon></ToggleRightIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ToolIcon></ToolIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <Trash2Icon></Trash2Icon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <TrashIcon></TrashIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <TrelloIcon></TrelloIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <TrendingDownIcon></TrendingDownIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <TrendingUpIcon></TrendingUpIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <TriangleIcon></TriangleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <TruckIcon></TruckIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <TvIcon></TvIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <TwitchIcon></TwitchIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <TwitterIcon></TwitterIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <TypeIcon></TypeIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <UmbrellaIcon></UmbrellaIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <UnderlineIcon></UnderlineIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <UnlockIcon></UnlockIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <UploadCloudIcon></UploadCloudIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <UploadIcon></UploadIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <UserCheckIcon></UserCheckIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <UserMinusIcon></UserMinusIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <UserPlusIcon></UserPlusIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <UserXIcon></UserXIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <UserIcon></UserIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <UsersIcon></UsersIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <VideoOffIcon></VideoOffIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <VideoIcon></VideoIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <VoicemailIcon></VoicemailIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <Volume1Icon></Volume1Icon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <Volume2Icon></Volume2Icon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <VolumeXIcon></VolumeXIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <VolumeIcon></VolumeIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <WatchIcon></WatchIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <WifiOffIcon></WifiOffIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <WifiIcon></WifiIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <WindIcon></WindIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <XCircleIcon></XCircleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <XOctagonIcon></XOctagonIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <XSquareIcon></XSquareIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <XIcon></XIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <YoutubeIcon></YoutubeIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ZapOffIcon></ZapOffIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ZapIcon></ZapIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ZoomInIcon></ZoomInIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ZoomOutIcon></ZoomOutIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AirplayIcon></AirplayIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AirplayIcon></AirplayIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AirplayIcon></AirplayIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AirplayIcon></AirplayIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AirplayIcon></AirplayIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AirplayIcon></AirplayIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AirplayIcon></AirplayIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AlertCircleIcon></AlertCircleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AlertOctagonIcon></AlertOctagonIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AlertTriangleIcon></AlertTriangleIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <AnchorIcon></AnchorIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ApertureIcon></ApertureIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ArchiveIcon></ArchiveIcon>
                            </BCol>
                            <BCol xl="3" lg="4" sm="6" class="i-block">
                                <ClockIcon></ClockIcon>
                            </BCol>
                        </div>
                    </div>
                </div>
            </BCol>
        </BRow>
    </Layout>
</template>