Skip to content
Cuelark UI

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

Game Icons · GiGroupedDrops

Grouped Drops icon

A free grouped drops icon from Game 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.

License
CC BY 3.0 license
Project
game-icons.net
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/grouped-drops.json
components/icons/game-icons-grouped-drops.tsx
import * as React from "react";

/**
 * Grouped Drops from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/grouped-drops. Sized in em, colored by currentColor.
 */
export function GiGroupedDropsIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 512 512"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M104.18 23.01c50.773 35.662 91.356 76.39 126.09 114.9 15.712 7.966 31.16 15.66 46.236 23.158 70.055 34.845 132.168 65.335 176.383 101.315 11.834-7.294 21.912-16.734 28.385-27.945h.002c21.716-37.61.99-95.137-34.04-115.36C377.433 78.776 241.073 77.803 104.18 23.01zM54.69 59.322c54.132 74.474 92.96 150.218 125.718 217.496 39.944 82.037 71.7 151.4 110.4 190.104 4.584 4.582 10.223 8.635 16.647 12.115 19.253 13.242 42.552 21.006 67.63 21.006 35.297 0 67.07-15.37 88.99-39.764.15-.146.302-.288.448-.434 8.423-8.423 14.915-18.703 19.547-30.088 6.85-15.06 10.67-31.78 10.67-49.373 0-21.644-5.777-41.964-15.87-59.5l-.007-.01c-5.087-10.377-11.434-19.62-18.847-27.033-40.63-40.636-110.23-75.453-191.832-116.04-66.27-32.963-140.4-70.142-213.493-118.48zm-32.493 51.916c65.29 140.548 59.79 276.762 98.48 343.778 19.21 33.254 83.92 50.075 122.38 27.873 8-4.62 14.782-10.983 20.316-18.47-35.87-43.368-64.494-106.976-99.768-179.42-8.823-18.12-18.076-36.82-27.878-55.867-37.73-33.986-77.67-72.304-113.53-117.895zm379.1 7.5c7.485-.1 15.752 1.51 24.002 4.86-6.418.384-11.73 2.948-14.42 7.61-5.412 9.372 1.8 23.665 16.102 31.923 14.304 8.26 30.285 7.357 35.696-2.015.135-.234.255-.473.375-.713 2.4 7.59 2.116 15.02-1.44 21.178-9.05 15.676-35.78 17.185-59.705 3.37-23.924-13.813-35.983-37.72-26.933-53.395 4.807-8.328 14.606-12.66 26.322-12.817zm-28.203 155.774c8.974-.12 18.76 1.522 28.638 4.97-9.448.138-17.347 3.635-21.226 10.354-7.312 12.665 2.43 31.978 21.762 43.14 19.33 11.16 40.928 9.94 48.24-2.726 2.553-4.423 3.022-9.656 1.734-15.07 14.86 17.575 23.807 40.32 23.807 65.205 0 55.87-45.093 100.967-100.964 100.967-38.8 0-72.395-21.75-89.307-53.752 17.13 15.03 39.58 24.146 64.16 24.146 47.412 0 86.9-33.9 95.562-78.783-17.104 10.354-45.526 8.41-71.56-6.62-33.183-19.16-49.908-52.316-37.356-74.058 6.668-11.55 20.257-17.554 36.508-17.773z"
      />
    </svg>
  );
}
With react-icons
import { GiGroupedDrops } from "react-icons/gi";

export function Example() {
  return <GiGroupedDrops className="size-5" />;
}
grouped-drops.svg
<svg
  viewBox="0 0 512 512"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M104.18 23.01c50.773 35.662 91.356 76.39 126.09 114.9 15.712 7.966 31.16 15.66 46.236 23.158 70.055 34.845 132.168 65.335 176.383 101.315 11.834-7.294 21.912-16.734 28.385-27.945h.002c21.716-37.61.99-95.137-34.04-115.36C377.433 78.776 241.073 77.803 104.18 23.01zM54.69 59.322c54.132 74.474 92.96 150.218 125.718 217.496 39.944 82.037 71.7 151.4 110.4 190.104 4.584 4.582 10.223 8.635 16.647 12.115 19.253 13.242 42.552 21.006 67.63 21.006 35.297 0 67.07-15.37 88.99-39.764.15-.146.302-.288.448-.434 8.423-8.423 14.915-18.703 19.547-30.088 6.85-15.06 10.67-31.78 10.67-49.373 0-21.644-5.777-41.964-15.87-59.5l-.007-.01c-5.087-10.377-11.434-19.62-18.847-27.033-40.63-40.636-110.23-75.453-191.832-116.04-66.27-32.963-140.4-70.142-213.493-118.48zm-32.493 51.916c65.29 140.548 59.79 276.762 98.48 343.778 19.21 33.254 83.92 50.075 122.38 27.873 8-4.62 14.782-10.983 20.316-18.47-35.87-43.368-64.494-106.976-99.768-179.42-8.823-18.12-18.076-36.82-27.878-55.867-37.73-33.986-77.67-72.304-113.53-117.895zm379.1 7.5c7.485-.1 15.752 1.51 24.002 4.86-6.418.384-11.73 2.948-14.42 7.61-5.412 9.372 1.8 23.665 16.102 31.923 14.304 8.26 30.285 7.357 35.696-2.015.135-.234.255-.473.375-.713 2.4 7.59 2.116 15.02-1.44 21.178-9.05 15.676-35.78 17.185-59.705 3.37-23.924-13.813-35.983-37.72-26.933-53.395 4.807-8.328 14.606-12.66 26.322-12.817zm-28.203 155.774c8.974-.12 18.76 1.522 28.638 4.97-9.448.138-17.347 3.635-21.226 10.354-7.312 12.665 2.43 31.978 21.762 43.14 19.33 11.16 40.928 9.94 48.24-2.726 2.553-4.423 3.022-9.656 1.734-15.07 14.86 17.575 23.807 40.32 23.807 65.205 0 55.87-45.093 100.967-100.964 100.967-38.8 0-72.395-21.75-89.307-53.752 17.13 15.03 39.58 24.146 64.16 24.146 47.412 0 86.9-33.9 95.562-78.783-17.104 10.354-45.526 8.41-71.56-6.62-33.183-19.16-49.908-52.316-37.356-74.058 6.668-11.55 20.257-17.554 36.508-17.773z"
  />
</svg>
Attribution
"Grouped Drops" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons: