Dropdown Menu

Usage

With Web Components

<ss-icon icon="dropdown-menu"></ss-icon>

With icon tag

<i class="ss ss-dropdown-menu"></i>

With custom stroke width / thickness

<ss-icon icon="dropdown-menu" thickness="1.2"></ss-icon>

Node.js

const icons = require('@bookklik/senangstart-icons/icons');
const svg = icons['dropdown-menu'];
console.log(svg);

Icon Details

Property	Value
Name	Dropdown Menu
Slug	dropdown-menu
Tags	dropdown, select menu, combobox, expanded options, form control, dropdown-menu

SVG Path

M4.5 2.25h15a1.5 1.5 0 0 1 1.5 1.5v6a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 9.75v-6a1.5 1.5 0 0 1 1.5-1.5ZM6 6.75h4.5M15 6l1.5 1.5L18 6M7.5 14.25h12a1.5 1.5 0 0 1 1.5 1.5v4.5a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 6 20.25v-4.5a1.5 1.5 0 0 1 1.5-1.5ZM9.75 18h7.5

Raw SVG

<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">
  <path d="M4.5 2.25h15a1.5 1.5 0 0 1 1.5 1.5v6a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 9.75v-6a1.5 1.5 0 0 1 1.5-1.5ZM6 6.75h4.5M15 6l1.5 1.5L18 6M7.5 14.25h12a1.5 1.5 0 0 1 1.5 1.5v4.5a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 6 20.25v-4.5a1.5 1.5 0 0 1 1.5-1.5ZM9.75 18h7.5"></path>
</svg>

---

← Back to Icon Library