Home/Libraries/OpenMoji (Iconify)/ferris-wheel

OpenMoji (Iconify)

FerrisWheel

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 72 72"><path fill="#61b2e4" d="M33.636 37.325L17.31 66.846h12.788zm2.75.281l16.261 29.24H39.859z"/><path fill="#92d3f5" d="m46.53 55.464l-7.563-14.071l-1.208.699l8.209 24.754h6.679l-5.442-10.127M31.703 42.584L24.001 66.24h6.182l3.304-23.424z"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m38.327 29.961l12.272-12.272m-31.332 31.36L32.36 35.956m24.558-3.029H38.901m11.711 15.749L37.63 35.694m-6.481-2.748h-18.56m19.618-2.647L19.253 17.345m16.279 11.706V10.492"/><circle cx="34.734" cy="33.066" r="24.855" fill="none" stroke="#818cf8" stroke-miterlimit="10"/><circle cx="11.682" cy="20.785" r="4.588" fill="#f4aa41"/><circle cx="42.121" cy="9.418" r="4.588" fill="#f4aa41"/><circle cx="60.916" cy="32.206" r="4.64" fill="#f4aa41"/><circle cx="47.91" cy="55.464" r="4.64" fill="#f4aa41"/><circle cx="13.141" cy="47.132" r="4.588" fill="#f4aa41"/><g fill="none" stroke="#818cf8" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="m31.953 55.464l1.223-18.139m-2.484 25.309l-.594 4.212H17.31l5.268-9.802m10.098-19.719l-8.929 15.648m14.257 2.491l-1.912-18.371m3.197 25.711l.57 4.042h12.788L48.929 60M36.092 37.093l8.184 14.294m16.37-14.549a26.13 26.13 0 0 1-8.408 15.7m-4.957-42.457a26.23 26.23 0 0 1 13.022 17.327M14.44 16.524a26.13 26.13 0 0 1 20.294-9.64q1.342 0 2.677.135M10.457 42.887A26.3 26.3 0 0 1 9.7 25.373M43.763 57.65a26.22 26.22 0 0 1-28.123-6.67"/><path stroke-linecap="round" stroke-miterlimit="10" d="M37.163 36.16a3.876 3.876 0 1 1 1.738-3.234"/><path stroke-linecap="round" stroke-linejoin="round" d="M37.969 29.602L50.24 17.331M18.909 48.69l13.093-13.092m-.153-4.941L18.895 17.703m31.359 31.332L37.271 36.052m-6.122-2.599h-18.56m43.687-.02H38.901m-3.876-4.382V10.492"/><circle cx="11.682" cy="20.785" r="4.588" stroke-miterlimit="10"/><circle cx="42.121" cy="9.418" r="4.588" stroke-miterlimit="10"/><path stroke-miterlimit="10" d="M65.556 32.206a4.64 4.64 0 1 1-9.28-.001a4.64 4.64 0 0 1 9.28.001ZM52.55 55.464a4.64 4.64 0 1 1-4.64-4.64a4.64 4.64 0 0 1 4.64 4.64Z"/><circle cx="13.141" cy="47.132" r="4.588" stroke-miterlimit="10"/></g></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. FerrisWheelIcon.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-SA-4.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.