buttoniconhamburgernavigationtailwindgradientsquareui

Gradient Hamburger Icon Button

Кнопка-гамбургер с градиентом. UI-компонент для переключения меню или навигации. Идеальна для мобильных интерфейсов.

Prompt

<span class="inline-flex h-9 w-9 items-center justify-center shadow-[inset_0_0_0_2px_rgba(255,255,255,0.06)] bg-gradient-to-br from-blue-500 to-indigo-600 rounded-xl text-white">
  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="w-[18px] h-[18px]" aria-hidden="true">
    <path d="M3 12h18" class=""></path>
    <path d="M3 6h18"></path>
    <path d="M3 18h18" class=""></path>
  </svg>
</span>

All Prompts