Home/Libraries/Game Icons (Iconify)/bouncing-spring

Game Icons (Iconify)

BouncingSpring

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="M256 23.07c-58.1 0-110.7 6.28-149.4 16.71c-19.39 5.22-35.31 11.4-47.09 18.9c-5.67 3.61-10.62 7.73-14.25 12.39C38.9 97.64 39.09 142.1 39 152c0 12.2 8.74 21.9 20.51 29.4c7.93 5 17.73 9.5 29.2 13.5c-2.7 6.9-3.89 14.5-3.89 22.1c0 11.4 2.67 23 9.22 32c-6.55 9-9.22 20.6-9.22 32s2.67 23 9.22 32c-6.55 9-9.22 20.6-9.22 32s2.67 23 9.22 32c-6.55 9-9.22 20.6-9.22 32c0 14.6 4.31 29.7 15.68 39c45.6 37.4 127.2 47.9 198.6 36.6c35.8-5.7 69.1-17 94.1-34.6c8.7-6.2 16.4-13.2 22.7-21c.8 3.8 1.3 7.8 1.3 12h18c0-11.5-2.4-22.2-6.8-32c4.4-9.8 6.8-20.5 6.8-32s-2.4-22.2-6.8-32c4.4-9.8 6.8-20.5 6.8-32s-2.4-22.2-6.8-32c4.4-9.8 6.8-20.5 6.8-32s-2.4-22.2-6.8-32c3.7-8.3 6-17.1 6.6-26.6c6.6-2.8 12.4-5.8 17.5-9c11.8-7.5 20.5-17.2 20.5-29.4c-.2-11.2-2.2-64.7-6.2-80.93c-3.7-4.66-8.6-8.78-14.3-12.39c-11.8-7.5-27.7-13.68-47.1-18.9c-38.7-10.43-91.3-16.71-149.4-16.71m-9 18.23c29.3.16 59.8 1.15 71.2 2.72c-23.9 21.22-54.7 65.38-55.3 90.28c-49.3 1.1-88.2-2.6-115.6-7.2c7.8-10.5 19.7-22.9 33.9-35.48c19.2-16.97 42.5-34.6 65.8-50.32m-31.7.2c-16.4 11.88-32.2 24.34-46 36.65c-17.8 15.72-32.4 30.85-41.4 45.25c-18.6-4.2-28.18-8.1-28.09-9.1c18.39-29.69 50.29-54.89 85.49-71.06c5.1-.89 16.2-1.45 30-1.74M57 115.7c.82.6 1.65 1.2 2.51 1.7c11.78 7.5 27.7 13.7 47.09 18.9C145.3 146.7 197.9 153 256 153s110.7-6.3 149.4-16.7c19.4-5.2 35.3-11.4 47.1-18.9c.9-.5 1.7-1.1 2.5-1.7c.7 12.2.4 29.2 0 36.3c0 3.2-2.9 8.3-12.2 14.2S419 178 400.7 182.9C364.2 192.7 312.8 199 256 199s-108.2-6.3-144.7-16.1C93 178 78.45 172.1 69.18 166.2C52.68 156.7 57 134.4 57 115.7m49.3 84.5c.1 0 .2.1.3.1c14.1 3.3 32 10.6 39.4 16.7c-14.1 5.2-27.1 11.7-38.3 19.6c-2.9-5.1-4.9-12.1-4.9-19.6c0-6.2 1.4-12.1 3.5-16.8m290.6 2.3c4.5 4.5 8.4 9.4 11.5 14.5c-4.6 7.6-10.8 14.5-18.5 20.9c-12.8-8.5-27.5-15.4-43.5-20.9c23-5.8 33.8-10.7 50.5-14.5m-84.8 23.7c23.3 5.1 44.6 12.7 61.8 22.8c-17.2 10.1-38.5 17.7-61.8 22.8c-4.3-.9-8.6-1.7-13-2.4c-39.4-6.2-81.9-5.8-119.7 2.1c-22.2-5-42.2-12.5-57.7-22.5c15.5-10 35.5-17.5 57.7-22.5c37.8 7.9 80.3 8.3 119.7 2.1c4.4-.7 8.7-1.5 13-2.4M415.9 237c.8 3.8 1.3 7.8 1.3 12s-.5 8.2-1.3 12c-3.4-4.2-7.3-8.2-11.5-12c4.2-3.8 8.1-7.8 11.5-12m-26 23.1c7.7 6.4 13.9 13.3 18.5 20.9c-4.6 7.6-10.8 14.5-18.5 20.9c-12.8-8.5-27.5-15.4-43.5-20.9c16-5.5 30.7-12.4 43.5-20.9m-282.2 1.3c11.2 7.9 24.2 14.4 38.3 19.6c-14.1 5.2-27.1 11.7-38.3 19.6c-2.9-5.1-4.9-12.1-4.9-19.6s2-14.5 4.9-19.6m204.4 28.8c23.3 5.1 44.6 12.7 61.8 22.8c-17.2 10.1-38.5 17.7-61.8 22.8c-4.3-.9-8.6-1.7-13-2.4c-39.4-6.2-81.9-5.8-119.7 2.1c-22.2-5-42.2-12.5-57.7-22.5c15.5-10 35.5-17.5 57.7-22.5c37.8 7.9 80.3 8.3 119.7 2.1c4.4-.7 8.7-1.5 13-2.4M415.9 301c.8 3.8 1.3 7.8 1.3 12s-.5 8.2-1.3 12c-3.4-4.2-7.3-8.2-11.5-12c4.2-3.8 8.1-7.8 11.5-12m-26 23.1c7.7 6.4 13.9 13.3 18.5 20.9c-4.6 7.6-10.8 14.5-18.5 20.9c-12.8-8.5-27.5-15.4-43.5-20.9c16-5.5 30.7-12.4 43.5-20.9m-282.2 1.3c11.2 7.9 24.2 14.4 38.3 19.6c-14.1 5.2-27.1 11.7-38.3 19.6c-2.9-5.1-4.9-12.1-4.9-19.6s2-14.5 4.9-19.6m204.4 28.8c23.3 5.1 44.6 12.7 61.8 22.8c-21 12.3-48.2 21.1-77.6 25.8c-62.2 9.9-133.7.5-174.6-25.8c15.5-10 35.5-17.5 57.7-22.5c37.8 7.9 80.3 8.3 119.7 2.1c4.4-.7 8.7-1.5 13-2.4M415.9 365c.8 3.8 1.3 7.8 1.3 12s-.5 8.2-1.3 12c-3.4-4.2-7.3-8.2-11.5-12c4.2-3.8 8.1-7.8 11.5-12m-26 23.1c7.7 6.4 13.9 13.3 18.5 20.9c-5.9 9.8-14.5 18.5-25.6 26.2c-21.8 15.4-52.7 26.2-86.5 31.6c-67.5 10.7-145.9-1.2-184.4-32.8c-5.1-4.2-9.1-14.3-9.1-25c0-7.5 2-14.5 4.9-19.6c46.7 33 123.6 41.9 191.4 31.2c34.3-5.5 66.1-16.1 90.8-32.5"/></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. BouncingSpringIcon.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.