Conic Gradient Icon Badge

<div class="h-10 w-10 flex bg-[conic-gradient(from_180deg,var(--tw-gradient-stops))] from-slate-400/40 via-zinc-800/50 to-slate-400/50 rounded-xl items-center justify-center" style="">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-lucide="compass" class="lucide lucide-compass w-[20px] h-[20px] text-slate-50" style="width: 20px; height: 20px;" data-icon-replaced="true"><path d="m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z" class=""></path><circle cx="12" cy="12" r="10" class=""></circle></svg>
            </div>