@if (!empty($icon))
    @switch($icon)
        @case('home')
            <x-frontend::icon.icon-home></x-frontend::icon.icon-home>
        @break

        @case('order')
            <x-frontend::icon.icon-order></x-frontend::icon.icon-order>
        @break

        @case('coupon')
            <x-frontend::icon.icon-coupon></x-frontend::icon.icon-coupon>
        @break

        @case('product')
            <x-frontend::icon.icon-product></x-frontend::icon.icon-product>
        @break

        @case('logout')
            <x-frontend::icon.icon-logout></x-frontend::icon.icon-logout>
        @break

        @case('phone')
            <x-frontend::icon.icon-phone></x-frontend::icon.icon-phone>
        @break

        @case('calendar')
            <x-frontend::icon.icon-calendar></x-frontend::icon.icon-calendar>
        @break

        @case('download')
            <x-frontend::icon.icon-download></x-frontend::icon.icon-download>
        @break

        @case('edit')
            <x-frontend::icon.icon-edit></x-frontend::icon.icon-edit>
        @break

        @case('filetext')
            <x-frontend::icon.icon-filetext></x-frontend::icon.icon-filetext>
        @break

        @case('github')
            <x-frontend::icon.icon-github></x-frontend::icon.icon-github>
        @break

        @case('instragram')
            <x-frontend::icon.icon-instragram></x-frontend::icon.icon-instragram>
        @break

        @case('heart')
            <x-frontend::icon.icon-heart></x-frontend::icon.icon-heart>
        @break

        @case('package')
            <x-frontend::icon.icon-package></x-frontend::icon.icon-package>
        @break

        @case('mappin')
            <x-frontend::icon.icon-mappin></x-frontend::icon.icon-mappin>
        @break

        @case('mail')
            <x-frontend::icon.icon-mail></x-frontend::icon.icon-mail>
        @break

        @case('facebook')
            <x-frontend::icon.icon-facebook></x-frontend::icon.icon-facebook>
        @break
        @case('arrow-r')
            <x-frontend::icon.icon-arrow-r></x-frontend::icon.icon-arrow-r>
        @break
    @endswitch
@endif