Icon on blade not showing

<div class="absolute -left-8 flex items-center justify-center w-8 h-8 rounded-full {{ $approval['status_color'] }} ring-4 ring-white dark:ring-gray-900">
                        @switch($approval['status_icon'])
                            @case('check')
                                <x-heroicon-s-check class="w-4 h-4 text-white" />
                            @break

                            @case('x-mark')
                                <x-heroicon-s-x-mark class="w-4 h-4 text-white" />
                            @break

                            @case('clock')
                                <x-heroicon-s-clock class="w-4 h-4 text-white" />
                            @break

                            @default
                                <x-heroicon-s-information-circle class="w-4 h-4 text-white" />
                        @endswitch
                    </div>