Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Radix Icons · RxDropdownMenu

Dropdown Menu icon

A free dropdown menu icon from Radix Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known ashamburger iconnavigation iconbars iconnav iconlist iconitems icontodo iconchecklist icon
License
MIT license
Project
icons.radix-ui.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/radix/dropdown-menu.json
components/icons/radix-dropdown-menu.tsx
import * as React from "react";

/**
 * Dropdown Menu from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/dropdown-menu. Sized in em, colored by currentColor.
 */
export function RxDropdownMenuIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      fill="none"
      viewBox="0 0 15 15"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M14.5811 11.1087C14.763 11.1463 14.9004 11.3073 14.9004 11.5004C14.9002 11.6933 14.763 11.8545 14.5811 11.892L14.5 11.9007H7.5C7.27921 11.9007 7.09981 11.7211 7.09961 11.5004C7.09961 11.2794 7.27909 11.1 7.5 11.1H14.5L14.5811 11.1087ZM14.5811 9.10875C14.763 9.14627 14.9004 9.30725 14.9004 9.50035C14.9002 9.69332 14.763 9.85449 14.5811 9.89195L14.5 9.90074H7.5C7.27921 9.90074 7.09981 9.72109 7.09961 9.50035C7.09961 9.27944 7.27909 9.09996 7.5 9.09996H14.5L14.5811 9.10875ZM2.5 9.25035L0 6.00035H5L2.5 9.25035ZM14.5811 7.10875C14.7631 7.14626 14.9004 7.30725 14.9004 7.50035C14.9002 7.69332 14.763 7.85449 14.5811 7.89195L14.5 7.90074H7.5C7.27921 7.90074 7.09981 7.72109 7.09961 7.50035C7.09961 7.27944 7.27909 7.09996 7.5 7.09996H14.5L14.5811 7.10875ZM14.5811 5.10875C14.763 5.14627 14.9004 5.30725 14.9004 5.50035C14.9002 5.69332 14.763 5.85449 14.5811 5.89195L14.5 5.90074H7.5C7.27921 5.90074 7.09981 5.72109 7.09961 5.50035C7.09961 5.27944 7.27909 5.09996 7.5 5.09996H14.5L14.5811 5.10875ZM14.5811 3.10875C14.763 3.14627 14.9004 3.30725 14.9004 3.50035C14.9002 3.69331 14.763 3.8545 14.5811 3.89195L14.5 3.90074H7.5C7.27922 3.90074 7.09982 3.72109 7.09961 3.50035C7.09961 3.27944 7.27909 3.09996 7.5 3.09996H14.5L14.5811 3.10875Z"
        fill="currentColor"
      />
    </svg>
  );
}
With react-icons
import { RxDropdownMenu } from "react-icons/rx";

export function Example() {
  return <RxDropdownMenu className="size-5" />;
}
dropdown-menu.svg
<svg
  fill="none"
  viewBox="0 0 15 15"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M14.5811 11.1087C14.763 11.1463 14.9004 11.3073 14.9004 11.5004C14.9002 11.6933 14.763 11.8545 14.5811 11.892L14.5 11.9007H7.5C7.27921 11.9007 7.09981 11.7211 7.09961 11.5004C7.09961 11.2794 7.27909 11.1 7.5 11.1H14.5L14.5811 11.1087ZM14.5811 9.10875C14.763 9.14627 14.9004 9.30725 14.9004 9.50035C14.9002 9.69332 14.763 9.85449 14.5811 9.89195L14.5 9.90074H7.5C7.27921 9.90074 7.09981 9.72109 7.09961 9.50035C7.09961 9.27944 7.27909 9.09996 7.5 9.09996H14.5L14.5811 9.10875ZM2.5 9.25035L0 6.00035H5L2.5 9.25035ZM14.5811 7.10875C14.7631 7.14626 14.9004 7.30725 14.9004 7.50035C14.9002 7.69332 14.763 7.85449 14.5811 7.89195L14.5 7.90074H7.5C7.27921 7.90074 7.09981 7.72109 7.09961 7.50035C7.09961 7.27944 7.27909 7.09996 7.5 7.09996H14.5L14.5811 7.10875ZM14.5811 5.10875C14.763 5.14627 14.9004 5.30725 14.9004 5.50035C14.9002 5.69332 14.763 5.85449 14.5811 5.89195L14.5 5.90074H7.5C7.27921 5.90074 7.09981 5.72109 7.09961 5.50035C7.09961 5.27944 7.27909 5.09996 7.5 5.09996H14.5L14.5811 5.10875ZM14.5811 3.10875C14.763 3.14627 14.9004 3.30725 14.9004 3.50035C14.9002 3.69331 14.763 3.8545 14.5811 3.89195L14.5 3.90074H7.5C7.27922 3.90074 7.09982 3.72109 7.09961 3.50035C7.09961 3.27944 7.27909 3.09996 7.5 3.09996H14.5L14.5811 3.10875Z"
    fill="currentColor"
  />
</svg>
Attribution
"Dropdown Menu" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.

Related icons: hamburger, navigation, bars, nav