Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Beach Bag icon
A free beach bag 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
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/beach-bag.jsonimport * as React from "react";
/**
* Beach Bag from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/beach-bag. Sized in em, colored by currentColor.
*/
export function GiBeachBagIcon(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="M256 23c-35 0-63.7 17.8-85.8 43.07-22.1 25.28-38.4 58.13-50.6 90.73-10.1 27-17.4 53.9-22.52 76.2H27.49c3.45 14.4 15.83 65.6 33.14 124.5 9.96 33.8 20.92 67.6 31.19 92.6 5.14 12.4 10.18 22.7 14.38 29.3 2.2 3.3 4.2 5.7 5.5 6.8.6.6.9.7 1 .8h286.6c.1-.1.4-.2 1-.8 1.3-1.1 3.3-3.5 5.5-6.8 4.2-6.6 9.2-16.9 14.4-29.3 10.2-25 21.2-58.8 31.2-92.6 17.3-58.9 29.7-110.1 33.1-124.5h-69.6c-5.1-22.3-12.4-49.2-22.5-76.2-12.2-32.6-28.5-65.45-50.6-90.73C319.7 40.8 291 23 256 23zm0 18c29 0 52.3 14.2 72.2 36.93 19.9 22.67 35.6 53.87 47.4 85.27 9.2 24.5 16 49 20.9 69.8h-281c4.9-20.8 11.7-45.3 20.9-69.8 11.8-31.4 27.5-62.6 47.4-85.27C203.7 55.2 227 41 256 41zm163.8 215.3A24 24 0 0 1 440 280a24 24 0 0 1-24 24 24 24 0 0 1-24-24 24 24 0 0 1 10.3-19.7c3.4 17.6 4.8 28.8 4.8 28.8l17.8-2.2s-1.5-11.9-5.1-30.6zm-327.64 0c-3.6 18.7-5.09 30.6-5.09 30.6l17.83 2.2s1.4-11.2 4.8-28.8A24 24 0 0 1 120 280a24 24 0 0 1-24 24 24 24 0 0 1-24-24 24 24 0 0 1 20.16-23.7z"
/>
</svg>
);
}import { GiBeachBag } from "react-icons/gi";
export function Example() {
return <GiBeachBag className="size-5" />;
}<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="M256 23c-35 0-63.7 17.8-85.8 43.07-22.1 25.28-38.4 58.13-50.6 90.73-10.1 27-17.4 53.9-22.52 76.2H27.49c3.45 14.4 15.83 65.6 33.14 124.5 9.96 33.8 20.92 67.6 31.19 92.6 5.14 12.4 10.18 22.7 14.38 29.3 2.2 3.3 4.2 5.7 5.5 6.8.6.6.9.7 1 .8h286.6c.1-.1.4-.2 1-.8 1.3-1.1 3.3-3.5 5.5-6.8 4.2-6.6 9.2-16.9 14.4-29.3 10.2-25 21.2-58.8 31.2-92.6 17.3-58.9 29.7-110.1 33.1-124.5h-69.6c-5.1-22.3-12.4-49.2-22.5-76.2-12.2-32.6-28.5-65.45-50.6-90.73C319.7 40.8 291 23 256 23zm0 18c29 0 52.3 14.2 72.2 36.93 19.9 22.67 35.6 53.87 47.4 85.27 9.2 24.5 16 49 20.9 69.8h-281c4.9-20.8 11.7-45.3 20.9-69.8 11.8-31.4 27.5-62.6 47.4-85.27C203.7 55.2 227 41 256 41zm163.8 215.3A24 24 0 0 1 440 280a24 24 0 0 1-24 24 24 24 0 0 1-24-24 24 24 0 0 1 10.3-19.7c3.4 17.6 4.8 28.8 4.8 28.8l17.8-2.2s-1.5-11.9-5.1-30.6zm-327.64 0c-3.6 18.7-5.09 30.6-5.09 30.6l17.83 2.2s1.4-11.2 4.8-28.8A24 24 0 0 1 120 280a24 24 0 0 1-24 24 24 24 0 0 1-24-24 24 24 0 0 1 20.16-23.7z"
/>
</svg>"Beach Bag" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.