Ferris Wheel icon
icon-park:ferris-wheel
The Ferris Wheel icon (icon-park:ferris-wheel) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Build
- Tags
- ferriswheel
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path stroke="#000" stroke-linecap="round" stroke-width="4" d="M9 44L24 22"/><path stroke="#000" stroke-linecap="round" stroke-width="4" d="M39 44L24 22"/><path stroke="#000" stroke-width="4" d="M9.13217 23.9998C9.045 23.3455 9 22.6779 9 21.9998C9 19.8665 9.44534 17.8372 10.2481 15.9998C10.3285 15.8158 10.4125 15.6337 10.5 15.4536"/><path stroke="#000" stroke-width="4" d="M11.1562 29.7529C13.2883 33.2772 16.83 35.8533 20.9998 36.6997"/><path stroke="#000" stroke-width="4" d="M27 36.7001C31.2141 35.8446 34.7866 33.2226 36.911 29.6406"/><path stroke="#000" stroke-width="4" d="M38.8678 23.9998C38.955 23.3455 39 22.6779 39 21.9998C39 19.6528 38.461 17.4318 37.5 15.4536"/><path stroke="#000" stroke-width="4" d="M27 7.30029C29.6553 7.83929 32.0559 9.0797 34 10.8197"/><path stroke="#000" stroke-width="4" d="M21.0001 7.30029C18.3448 7.83929 15.9442 9.0797 14.0001 10.8197C13.7899 11.0079 13.585 11.2019 13.3857 11.4014"/><circle cx="10" cy="27" r="3" fill="#2F88FF" stroke="#000" stroke-width="4"/><circle cx="24" cy="37" r="3" fill="#2F88FF" stroke="#000" stroke-width="4"/><circle cx="24" cy="7" r="3" fill="#2F88FF" stroke="#000" stroke-width="4"/><circle cx="12" cy="13" r="3" fill="#2F88FF" stroke="#000" stroke-width="4"/><circle cx="36" cy="13" r="3" fill="#2F88FF" stroke="#000" stroke-width="4"/><circle cx="38" cy="27" r="3" fill="#2F88FF" stroke="#000" stroke-width="4"/><circle cx="24" cy="22" r="4" fill="#000"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M6 44L14 44"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M34 44L42 44"/></g></svg>
How to use the Ferris Wheel icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:ferris-wheel" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:ferris-wheel" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:ferris-wheel" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--ferris-wheel]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:ferris-wheel"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:ferris-wheel"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/ferris-wheel.svg" alt="Ferris Wheel icon" width="24" height="24">
Ferris Wheel icon in other icon sets
Ferris Wheel icon FAQ
Is the Ferris Wheel icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Ferris Wheel icon in React?
Install @iconify/react and render <Icon icon="icon-park:ferris-wheel" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ferris Wheel icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/ferris-wheel.svg" alt="Ferris Wheel icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
