ferris wheel icon
ferris-wheel from TDesign Icons by TDesign · Outline · MIT Free for personal and commercial use.
- Name
- ferris-wheel
- Set
- TDesign Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
The same icon in other sets
ferris-wheelEmoji One (Colored)ferris-wheelFluent Emojiferris-wheelFluent Emoji Flatferris-wheelFluent Emoji High Contrastferris-wheelHuge Iconsferris-wheelIconParkferris-wheelIconPark Outlineferris-wheelIconPark Solidferris-wheelIconPark TwoToneferris-wheelLucideferris-wheelMajesticonsferris-wheelMaterial Design Iconsferris-wheel-fillMingCute Iconferris-wheelNoto Emojiferris-wheelOpenMojiferris-wheel-boldSolarferris-wheelStreamline Emojisferris-wheelTwitter Emoji
Use the ferris wheel icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M9 22h6m-6 0v-4.674M9 22H5.999m9 0v-4.674M15 22h3m-9-4.674L12 11l3 6.326m-6 0c.91.432 1.927.674 3 .674a7 7 0 0 0 3-.674M21 11h-2m0 0a7 7 0 0 0-7-7m7 7a7 7 0 1 1-14 0m0 0H3m2 0a7 7 0 0 1 7-7m0 0V2m7.792 4.499l-1.732 1m-12.124 7l-1.732 1m15.588 0l-1.732-1m-12.125-7l-1.732-1M16.5 3.204l-1 1.732m-7 0l-1-1.731"/></svg>
React
import type { SVGProps } from "react";
export function TdesignFerrisWheel(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="square" strokeWidth="2" d="M9 22h6m-6 0v-4.674M9 22H5.999m9 0v-4.674M15 22h3m-9-4.674L12 11l3 6.326m-6 0c.91.432 1.927.674 3 .674a7 7 0 0 0 3-.674M21 11h-2m0 0a7 7 0 0 0-7-7m7 7a7 7 0 1 1-14 0m0 0H3m2 0a7 7 0 0 1 7-7m0 0V2m7.792 4.499l-1.732 1m-12.124 7l-1.732 1m15.588 0l-1.732-1m-12.125-7l-1.732-1M16.5 3.204l-1 1.732m-7 0l-1-1.731"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M9 22h6m-6 0v-4.674M9 22H5.999m9 0v-4.674M15 22h3m-9-4.674L12 11l3 6.326m-6 0c.91.432 1.927.674 3 .674a7 7 0 0 0 3-.674M21 11h-2m0 0a7 7 0 0 0-7-7m7 7a7 7 0 1 1-14 0m0 0H3m2 0a7 7 0 0 1 7-7m0 0V2m7.792 4.499l-1.732 1m-12.124 7l-1.732 1m15.588 0l-1.732-1m-12.125-7l-1.732-1M16.5 3.204l-1 1.732m-7 0l-1-1.731"/></svg> </template>
CSS
.icon-ferris-wheel {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20d%3D%22M9%2022h6m-6%200v-4.674M9%2022H5.999m9%200v-4.674M15%2022h3m-9-4.674L12%2011l3%206.326m-6%200c.91.432%201.927.674%203%20.674a7%207%200%200%200%203-.674M21%2011h-2m0%200a7%207%200%200%200-7-7m7%207a7%207%200%201%201-14%200m0%200H3m2%200a7%207%200%200%201%207-7m0%200V2m7.792%204.499l-1.732%201m-12.124%207l-1.732%201m15.588%200l-1.732-1m-12.125-7l-1.732-1M16.5%203.204l-1%201.732m-7%200l-1-1.731%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20d%3D%22M9%2022h6m-6%200v-4.674M9%2022H5.999m9%200v-4.674M15%2022h3m-9-4.674L12%2011l3%206.326m-6%200c.91.432%201.927.674%203%20.674a7%207%200%200%200%203-.674M21%2011h-2m0%200a7%207%200%200%200-7-7m7%207a7%207%200%201%201-14%200m0%200H3m2%200a7%207%200%200%201%207-7m0%200V2m7.792%204.499l-1.732%201m-12.124%207l-1.732%201m15.588%200l-1.732-1m-12.125-7l-1.732-1M16.5%203.204l-1%201.732m-7%200l-1-1.731%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/ferris-wheel.svg?color=%231a73e8&size=48
