Hover the icon or press Play. Suggested motion: write. Pick another to preview it and update the animated code:
Paper Bag Open icon
A free paper bag open 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/paper-bag-open.jsonimport * as React from "react";
/**
* Paper Bag Open from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/paper-bag-open. Sized in em, colored by currentColor.
*/
export function GiPaperBagOpenIcon(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="M224 60.04 113 74.4l25.6 1.78 85.7-4.91 104.2 6.45 10.6-2.89 42.7-1.4zM92.14 81.84 98.8 352.2 271.9 378l-172.48-5.9-7.35 66.7 201.73 30.7 10.6-95.3-7-279.51-74.3-5.08c-.9 37.49-55.9 34.19-55.4-3.29zm317.96 2.48-49 1.84 2.7 270.94 43.4 68.7-6.6-65.5zm-65.8 2.84-24.2 7.53L322 371.9l-11.2 81.8 36.7-96.6zm13 290.34-34 88 76.5-24.3z"
/>
</svg>
);
}import { GiPaperBagOpen } from "react-icons/gi";
export function Example() {
return <GiPaperBagOpen 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="M224 60.04 113 74.4l25.6 1.78 85.7-4.91 104.2 6.45 10.6-2.89 42.7-1.4zM92.14 81.84 98.8 352.2 271.9 378l-172.48-5.9-7.35 66.7 201.73 30.7 10.6-95.3-7-279.51-74.3-5.08c-.9 37.49-55.9 34.19-55.4-3.29zm317.96 2.48-49 1.84 2.7 270.94 43.4 68.7-6.6-65.5zm-65.8 2.84-24.2 7.53L322 371.9l-11.2 81.8 36.7-96.6zm13 290.34-34 88 76.5-24.3z"
/>
</svg>"Paper Bag Open" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.