{
 "name": "dropdown-menu",
 "title": "Dropdown menu",
 "component": "DropdownMenuIcon",
 "url": "https://gentleface.com/icons/dropdown-menu",
 "category": "layout",
 "motif": "layout",
 "added": "2026-10-19",
 "history": [
  {
   "date": "2026-10-19",
   "what": [
    "added"
   ]
  }
 ],
 "geometry_hash": "e354b19728e4",
 "use_for": [
  "dropdown menu",
  "context menu",
  "popup menu",
  "menu button",
  "dropdown list",
  "right click menu"
 ],
 "alternatives": [
  {
   "icon": "chevrons-up-down",
   "why": "the bare dropdown indicator on a field (dropdown)",
   "concept": "dropdown-menu"
  },
  {
   "icon": "input-select",
   "why": "a closed select field (select-field)",
   "concept": "dropdown-menu"
  },
  {
   "icon": "more-vertical",
   "why": "the overflow button that opens a context menu (more-vertical)",
   "concept": "dropdown-menu"
  }
 ],
 "dont_confuse_with": [
  {
   "icon": "menu",
   "why": "three bars open the navigation menu (menu), not a dropdown",
   "concept": "dropdown-menu"
  }
 ],
 "also_fits": [
  {
   "concept": "dropdown",
   "owner": "chevrons-up-down",
   "why": "the open menu with its list of items (dropdown-menu)"
  },
  {
   "concept": "dialog",
   "owner": "dialog",
   "why": "a popup list of actions or options (popup-menu)"
  },
  {
   "concept": "select-field",
   "owner": "input-select",
   "why": "the open menu with its items (dropdown-menu)"
  }
 ],
 "family": [
  "accordion",
  "breadcrumb",
  "breadcrumb-chevrons",
  "browser",
  "button",
  "cards",
  "carousel-horizontal",
  "carousel-vertical",
  "columns",
  "columns-gear",
  "dialog",
  "form",
  "kanban",
  "layout",
  "layout-dashboard",
  "layout-dashboard-gear",
  "layout-dashboard-pencil",
  "layout-dashboard-plus",
  "layout-dashboard-sparkle",
  "likert-scale",
  "maximize",
  "minimize",
  "pagination",
  "panel-bottom",
  "panel-top",
  "picture-in-picture",
  "picture-in-picture-exit",
  "pin",
  "progress-bar",
  "rows",
  "rows-grouped",
  "sidebar",
  "sidebar-collapse",
  "sidebar-expand",
  "sidebar-right",
  "sidebar-right-collapse",
  "sidebar-right-expand",
  "slider",
  "snackbar",
  "stepper",
  "table-arrow-down",
  "table-arrow-up",
  "table-gear",
  "table-lock",
  "table-search",
  "table-sparkle",
  "tabs",
  "timeline",
  "toggle",
  "toggle-off",
  "tooltip",
  "user-interface",
  "window",
  "window-maximize",
  "window-maximize-square",
  "window-minimize",
  "window-minimize-square",
  "window-restore"
 ],
 "tags": [
  "dropdown",
  "drop-down",
  "menu",
  "dropdown menu",
  "popup menu",
  "context menu",
  "menu button",
  "options",
  "list",
  "select",
  "ui",
  "component"
 ],
 "size": 16,
 "styles": [
  "line-round",
  "line-soft",
  "line-sharp",
  "solid-round",
  "solid-soft",
  "solid-sharp"
 ],
 "default_style": "line-round",
 "svg": {
  "line-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M14.414 7.414C14.219 7.609 13.993 7.758 13.736 7.86C13.5 7.953 13.254 8 13 8L3 8C2.746 8 2.5 7.953 2.264 7.86C2.007 7.758 1.781 7.609 1.586 7.414C1.391 7.219 1.242 6.993 1.14 6.736C1.047 6.5 1 6.254 1 6L1 3C1 2.746 1.047 2.5 1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L13 1C13.254 1 13.5 1.047 13.736 1.14C13.993 1.242 14.219 1.391 14.414 1.586C14.609 1.781 14.758 2.007 14.86 2.264C14.953 2.5 15 2.746 15 3L15 6C15 6.254 14.953 6.5 14.86 6.736C14.758 6.993 14.609 7.219 14.414 7.414ZM2.293 6.707C2.488 6.902 2.724 7 3 7L13 7C13.276 7 13.512 6.902 13.707 6.707C13.902 6.512 14 6.276 14 6L14 3C14 2.724 13.902 2.488 13.707 2.293C13.512 2.098 13.276 2 13 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 6C2 6.276 2.098 6.512 2.293 6.707ZM12.146 3.146C12.246 3.047 12.364 2.997 12.5 2.997C12.636 2.997 12.754 3.047 12.854 3.146C12.951 3.244 13 3.362 13 3.5C13 3.638 12.951 3.756 12.854 3.854L10.854 5.854C10.754 5.953 10.636 6.003 10.5 6.003C10.364 6.003 10.246 5.953 10.146 5.854L8.146 3.854C8.049 3.756 8 3.638 8 3.5C8 3.362 8.049 3.244 8.146 3.146C8.246 3.047 8.364 2.997 8.5 2.997C8.636 2.997 8.754 3.047 8.854 3.146L10.5 4.793L12.146 3.146ZM6.856 4.144C6.952 4.241 7 4.359 7 4.5C7 4.641 6.952 4.759 6.856 4.856C6.759 4.952 6.641 5 6.5 5L3.5 5C3.359 5 3.241 4.952 3.144 4.856C3.048 4.759 3 4.641 3 4.5C3 4.359 3.048 4.241 3.144 4.144C3.241 4.048 3.359 4 3.5 4L6.5 4C6.641 4 6.759 4.048 6.856 4.144ZM3 10.5C3 10.359 3.048 10.241 3.144 10.144C3.241 10.048 3.359 10 3.5 10L12.5 10C12.641 10 12.759 10.048 12.856 10.144C12.952 10.241 13 10.359 13 10.5C13 10.641 12.952 10.759 12.856 10.856C12.759 10.952 12.641 11 12.5 11L3.5 11C3.359 11 3.241 10.952 3.144 10.856C3.048 10.759 3 10.641 3 10.5ZM9.5 14L3.5 14C3.359 14 3.241 13.952 3.144 13.856C3.048 13.759 3 13.641 3 13.5C3 13.359 3.048 13.241 3.144 13.144C3.241 13.048 3.359 13 3.5 13L9.5 13C9.641 13 9.759 13.048 9.856 13.144C9.952 13.241 10 13.359 10 13.5C10 13.641 9.952 13.759 9.856 13.856C9.759 13.952 9.641 14 9.5 14Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M14 8L2 8C1.724 8 1.488 7.902 1.293 7.707C1.098 7.512 1 7.276 1 7L1 2C1 1.724 1.098 1.488 1.293 1.293C1.488 1.098 1.724 1 2 1L14 1C14.276 1 14.512 1.098 14.707 1.293C14.902 1.488 15 1.724 15 2L15 7C15 7.276 14.902 7.512 14.707 7.707C14.512 7.902 14.276 8 14 8ZM14 2L2 2L2 7L14 7L14 2ZM12.146 3.146C12.246 3.047 12.364 2.997 12.5 2.997C12.636 2.997 12.754 3.047 12.854 3.146C12.951 3.244 13 3.362 13 3.5C13 3.638 12.951 3.756 12.854 3.854L10.854 5.854C10.754 5.953 10.636 6.003 10.5 6.003C10.364 6.003 10.246 5.953 10.146 5.854L8.146 3.854C8.049 3.756 8 3.638 8 3.5C8 3.362 8.049 3.244 8.146 3.146C8.246 3.047 8.364 2.997 8.5 2.997C8.636 2.997 8.754 3.047 8.854 3.146L10.5 4.793L12.146 3.146ZM6.856 4.144C6.952 4.241 7 4.359 7 4.5C7 4.641 6.952 4.759 6.856 4.856C6.759 4.952 6.641 5 6.5 5L3.5 5C3.359 5 3.241 4.952 3.144 4.856C3.048 4.759 3 4.641 3 4.5C3 4.359 3.048 4.241 3.144 4.144C3.241 4.048 3.359 4 3.5 4L6.5 4C6.641 4 6.759 4.048 6.856 4.144ZM3 10.5C3 10.359 3.048 10.241 3.144 10.144C3.241 10.048 3.359 10 3.5 10L12.5 10C12.641 10 12.759 10.048 12.856 10.144C12.952 10.241 13 10.359 13 10.5C13 10.641 12.952 10.759 12.856 10.856C12.759 10.952 12.641 11 12.5 11L3.5 11C3.359 11 3.241 10.952 3.144 10.856C3.048 10.759 3 10.641 3 10.5ZM9.5 14L3.5 14C3.359 14 3.241 13.952 3.144 13.856C3.048 13.759 3 13.641 3 13.5C3 13.359 3.048 13.241 3.144 13.144C3.241 13.048 3.359 13 3.5 13L9.5 13C9.641 13 9.759 13.048 9.856 13.144C9.952 13.241 10 13.359 10 13.5C10 13.641 9.952 13.759 9.856 13.856C9.759 13.952 9.641 14 9.5 14Z\"/></svg>",
  "line-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M15 1L15 8L1 8L1 1L15 1ZM2 7L14 7L14 2L2 2L2 7ZM8.854 3.146L10.5 4.793L12.146 3.146L12.854 3.854L10.5 6.207L8.146 3.854L8.854 3.146ZM3 4L7 4L7 5L3 5L3 4ZM13 10L13 11L3 11L3 10L13 10ZM10 13L10 14L3 14L3 13L10 13Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M13 1C13.254 1 13.5 1.047 13.736 1.14C13.993 1.242 14.219 1.391 14.414 1.586C14.609 1.781 14.758 2.007 14.86 2.264C14.953 2.5 15 2.746 15 3L15 6C15 6.254 14.953 6.5 14.86 6.736C14.758 6.993 14.609 7.219 14.414 7.414C14.219 7.609 13.993 7.758 13.736 7.86C13.5 7.953 13.254 8 13 8L3 8C2.746 8 2.5 7.953 2.264 7.86C2.007 7.758 1.781 7.609 1.586 7.414C1.391 7.219 1.242 6.993 1.14 6.736C1.047 6.5 1 6.254 1 6L1 3C1 2.746 1.047 2.5 1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L13 1ZM10.5 4.793L8.854 3.146C8.658 2.951 8.342 2.951 8.146 3.146C7.951 3.342 7.951 3.658 8.146 3.854L10.146 5.854C10.342 6.049 10.658 6.049 10.854 5.854L12.854 3.854C12.947 3.76 13 3.633 13 3.5C13 3.367 12.947 3.24 12.854 3.146C12.658 2.951 12.342 2.951 12.146 3.146L10.5 4.793ZM6.5 4L3.5 4C3.224 4 3 4.224 3 4.5C3 4.776 3.224 5 3.5 5L6.5 5C6.776 5 7 4.776 7 4.5C7 4.224 6.776 4 6.5 4ZM12.5 10C12.641 10 12.759 10.048 12.856 10.144C12.952 10.241 13 10.359 13 10.5C13 10.641 12.952 10.759 12.856 10.856C12.759 10.952 12.641 11 12.5 11L3.5 11C3.359 11 3.241 10.952 3.144 10.856C3.048 10.759 3 10.641 3 10.5C3 10.359 3.048 10.241 3.144 10.144C3.241 10.048 3.359 10 3.5 10L12.5 10ZM9.5 13C9.641 13 9.759 13.048 9.856 13.144C9.952 13.241 10 13.359 10 13.5C10 13.641 9.952 13.759 9.856 13.856C9.759 13.952 9.641 14 9.5 14L3.5 14C3.359 14 3.241 13.952 3.144 13.856C3.048 13.759 3 13.641 3 13.5C3 13.359 3.048 13.241 3.144 13.144C3.241 13.048 3.359 13 3.5 13L9.5 13Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M14 1C14.276 1 14.512 1.098 14.707 1.293C14.902 1.488 15 1.724 15 2L15 7C15 7.276 14.902 7.512 14.707 7.707C14.512 7.902 14.276 8 14 8L2 8C1.724 8 1.488 7.902 1.293 7.707C1.098 7.512 1 7.276 1 7L1 2C1 1.724 1.098 1.488 1.293 1.293C1.488 1.098 1.724 1 2 1L14 1ZM10.5 4.793L8.854 3.146C8.658 2.951 8.342 2.951 8.146 3.146C7.951 3.342 7.951 3.658 8.146 3.854L10.146 5.854C10.342 6.049 10.658 6.049 10.854 5.854L12.854 3.854C12.947 3.76 13 3.633 13 3.5C13 3.367 12.947 3.24 12.854 3.146C12.658 2.951 12.342 2.951 12.146 3.146L10.5 4.793ZM6.5 4L3.5 4C3.224 4 3 4.224 3 4.5C3 4.776 3.224 5 3.5 5L6.5 5C6.776 5 7 4.776 7 4.5C7 4.224 6.776 4 6.5 4ZM12.5 10C12.641 10 12.759 10.048 12.856 10.144C12.952 10.241 13 10.359 13 10.5C13 10.641 12.952 10.759 12.856 10.856C12.759 10.952 12.641 11 12.5 11L3.5 11C3.359 11 3.241 10.952 3.144 10.856C3.048 10.759 3 10.641 3 10.5C3 10.359 3.048 10.241 3.144 10.144C3.241 10.048 3.359 10 3.5 10L12.5 10ZM9.5 13C9.641 13 9.759 13.048 9.856 13.144C9.952 13.241 10 13.359 10 13.5C10 13.641 9.952 13.759 9.856 13.856C9.759 13.952 9.641 14 9.5 14L3.5 14C3.359 14 3.241 13.952 3.144 13.856C3.048 13.759 3 13.641 3 13.5C3 13.359 3.048 13.241 3.144 13.144C3.241 13.048 3.359 13 3.5 13L9.5 13Z\"/></svg>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M15 1L15 8L1 8L1 1L15 1ZM8.854 3.146L8.146 3.854L10.5 6.207L12.854 3.854L12.146 3.146L10.5 4.793L8.854 3.146ZM3 4L3 5L7 5L7 4L3 4ZM13 10L13 11L3 11L3 10L13 10ZM10 13L10 14L3 14L3 13L10 13Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/dropdown-menu.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/dropdown-menu.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/dropdown-menu.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/dropdown-menu.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/dropdown-menu.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/dropdown-menu.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/dropdown-menu.png",
   "32": "https://gentleface.com/png/line-round/32/dropdown-menu.png",
   "48": "https://gentleface.com/png/line-round/48/dropdown-menu.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/dropdown-menu.png",
   "32": "https://gentleface.com/png/line-soft/32/dropdown-menu.png",
   "48": "https://gentleface.com/png/line-soft/48/dropdown-menu.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/dropdown-menu.png",
   "32": "https://gentleface.com/png/line-sharp/32/dropdown-menu.png",
   "48": "https://gentleface.com/png/line-sharp/48/dropdown-menu.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/dropdown-menu.png",
   "32": "https://gentleface.com/png/solid-round/32/dropdown-menu.png",
   "48": "https://gentleface.com/png/solid-round/48/dropdown-menu.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/dropdown-menu.png",
   "32": "https://gentleface.com/png/solid-soft/32/dropdown-menu.png",
   "48": "https://gentleface.com/png/solid-soft/48/dropdown-menu.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/dropdown-menu.png",
   "32": "https://gentleface.com/png/solid-sharp/32/dropdown-menu.png",
   "48": "https://gentleface.com/png/solid-sharp/48/dropdown-menu.png"
  }
 },
 "license": "MIT",
 "author": "Alexander Kiselev"
}