Home/Libraries/Game Icons (Iconify)/bottled-shadow

Game Icons (Iconify)

BottledShadow

License: CC-BY-3.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><path fill="#818cf8" d="M104.2 27.37v56.5h306.1v-56.5zm19.7 75.13c-.8 5.4-2 8.8-3.3 11.1c-2.1 3.8-4.6 5.5-9 8.6s-10.5 7.8-14.66 16.1c-4.15 8.3-6.32 19.5-6.32 36.3V426c0 32.3 26.38 58.6 58.68 58.6h213.5c32.3 0 58.6-26.3 58.6-58.6V174.6c0-17.6-2-29.1-5.8-37.8c-3.9-8.5-9.8-13.6-14.1-16.7c-4.4-3.2-6.6-4.6-8.5-7.9c-1.1-2-2.2-5-2.9-9.7h-18.8c.9 7.9 2.7 14 5.4 18.9c4.2 7.2 10 10.9 13.7 13.7c3.7 2.7 5.8 4.2 8.1 9.2c2.2 5.2 4.2 14.2 4.2 30.3V426c0 22.5-17.6 40-39.9 40H149.3c-22.4 0-39.9-17.5-39.9-40V174.6c0-15.1 2.1-23.4 4.3-28c2.3-4.6 4.7-6.3 8.8-9.3c4.1-2.8 10.1-7 14.4-14.6c2.9-5.2 4.8-11.7 5.8-20.2zM278.8 113c-49.7.6-104.1 37.5-114.2 62.9c-15.8 40-25.1 119.5 12.6 124.1c16.8 2 42.1-14.4 34.2 27.6c-2.6 13.9 53.8 5.9 51.2 17.6c-9.1 41-72.8 93.2-56.6 94.3c30.7 2.1 129.9-16.6 111.6-63.7c-13.7-35.5 17.7-39 37.8-47c16.6-6.6-2-48-32.1-75.3c-31.7 8.1-39.7 19.6-55.3 31.8c0 0 3.8-44.3 20.8-52.1c2-.9 4.2-1.3 6.7-1.3c6-.1 13.1 2.2 19.8 5.2c30.8-30.9 32.5-92.8 13.1-108.3c-14.4-11.5-31.7-16-49.6-15.8m-5 19.3c.4 0 .7 0 1 .2c5.4 3.3-1.3 31.8-7.3 46.2c-5.6 13.6-21.5 37.5-26 35.6c-6.9-2.9-9.6-34.4-3.2-49.8c5.8-14 29.2-32.2 35.5-32.2m24.8 6.5c3.8.3 15.4 11.2 19.1 19c4.3 9.1 3.3 38.9 2.2 41.4c-1.2 2.8-14.1-2-18.3-7c-9.2-10.7-7.4-51.6-3.6-53.3c.2-.1.4-.1.6-.1"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. BottledShadowIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-3.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.