Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
List Bullet icon
A free list bullet 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 asmenu iconhamburger iconnavigation iconbars iconnav iconitems icontodo iconchecklist icon
- License
- MIT license
- Project
- icons.radix-ui.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/radix/list-bullet.jsonimport * as React from "react";
/**
* List Bullet from Radix Icons (https://icons.radix-ui.com), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/radix/list-bullet. Sized in em, colored by currentColor.
*/
export function RxListBulletIcon(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="M1.5 9.75002C1.91421 9.75002 2.25 10.0858 2.25 10.5C2.25 10.9142 1.91421 11.25 1.5 11.25C1.08579 11.25 0.75 10.9142 0.75 10.5C0.75 10.0858 1.08579 9.75002 1.5 9.75002ZM13.6006 10.0098C13.8286 10.0563 14 10.2583 14 10.5C14 10.7417 13.8286 10.9437 13.6006 10.9902L13.5 11H4.5C4.22386 11 4 10.7762 4 10.5C4 10.2239 4.22386 10 4.5 10H13.5L13.6006 10.0098ZM1.5 6.75002C1.91421 6.75002 2.25 7.0858 2.25 7.50002C2.25 7.91423 1.91421 8.25002 1.5 8.25002C1.08579 8.25002 0.75 7.91423 0.75 7.50002C0.75 7.0858 1.08579 6.75002 1.5 6.75002ZM13.6006 7.00978C13.8286 7.05631 14 7.2583 14 7.50002C14 7.74173 13.8286 7.94372 13.6006 7.99025L13.5 8.00002H4.5C4.22386 8.00002 4 7.77616 4 7.50002C4 7.22387 4.22386 7.00002 4.5 7.00002H13.5L13.6006 7.00978ZM1.5 3.75002C1.91421 3.75002 2.25 4.0858 2.25 4.50002C2.25 4.91423 1.91421 5.25002 1.5 5.25002C1.08579 5.25002 0.75 4.91423 0.75 4.50002C0.75 4.0858 1.08579 3.75002 1.5 3.75002ZM13.6006 4.00978C13.8286 4.05631 14 4.2583 14 4.50002C14 4.74173 13.8286 4.94372 13.6006 4.99025L13.5 5.00002H4.5C4.22386 5.00002 4 4.77616 4 4.50002C4 4.22387 4.22386 4.00002 4.5 4.00002H13.5L13.6006 4.00978Z"
fill="currentColor"
/>
</svg>
);
}import { RxListBullet } from "react-icons/rx";
export function Example() {
return <RxListBullet className="size-5" />;
}<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="M1.5 9.75002C1.91421 9.75002 2.25 10.0858 2.25 10.5C2.25 10.9142 1.91421 11.25 1.5 11.25C1.08579 11.25 0.75 10.9142 0.75 10.5C0.75 10.0858 1.08579 9.75002 1.5 9.75002ZM13.6006 10.0098C13.8286 10.0563 14 10.2583 14 10.5C14 10.7417 13.8286 10.9437 13.6006 10.9902L13.5 11H4.5C4.22386 11 4 10.7762 4 10.5C4 10.2239 4.22386 10 4.5 10H13.5L13.6006 10.0098ZM1.5 6.75002C1.91421 6.75002 2.25 7.0858 2.25 7.50002C2.25 7.91423 1.91421 8.25002 1.5 8.25002C1.08579 8.25002 0.75 7.91423 0.75 7.50002C0.75 7.0858 1.08579 6.75002 1.5 6.75002ZM13.6006 7.00978C13.8286 7.05631 14 7.2583 14 7.50002C14 7.74173 13.8286 7.94372 13.6006 7.99025L13.5 8.00002H4.5C4.22386 8.00002 4 7.77616 4 7.50002C4 7.22387 4.22386 7.00002 4.5 7.00002H13.5L13.6006 7.00978ZM1.5 3.75002C1.91421 3.75002 2.25 4.0858 2.25 4.50002C2.25 4.91423 1.91421 5.25002 1.5 5.25002C1.08579 5.25002 0.75 4.91423 0.75 4.50002C0.75 4.0858 1.08579 3.75002 1.5 3.75002ZM13.6006 4.00978C13.8286 4.05631 14 4.2583 14 4.50002C14 4.74173 13.8286 4.94372 13.6006 4.99025L13.5 5.00002H4.5C4.22386 5.00002 4 4.77616 4 4.50002C4 4.22387 4.22386 4.00002 4.5 4.00002H13.5L13.6006 4.00978Z"
fill="currentColor"
/>
</svg>"List Bullet" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.