Rollercoaster
The rollercoaster icon represents a rollercoaster, often used to indicate fun or excitement.
Add shadcn.io to your AI agent. · Pro It installs Rollercoaster, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 24 × 24 px
1,034 in Firefox OS EmojiApache 2.0 license (opens in a new tab)Free to copy and download
Code
Rollercoaster in your framework
In any framework. Customize it above, and the code follows.
export const RollercoasterIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
<path fill="#59CAFC" d="M500.951 489.617c0 6.6-5.4 12-12 12H21.716c-6.6 0-12-5.4-12-12V22.383c0-6.6 5.4-12 12-12H488.95c6.6 0 12 5.4 12 12"/><path fill="#597B91" d="m456.361 117.069l-38.404 38.404l-27.625-27.625l-5.656 5.657l27.624 27.624l-32.716 32.716v-42.458h-28v69.708l-37.122 37.123l-6.296-6.297l-5.656 5.657l6.296 6.296l-48.544 48.545l5.656 5.656l48.545-48.544l37.122 37.122v17.188l-37.123 37.123l-45.544-45.544l-5.656 5.656l45.544 45.544l-33.998 33.998v-63.531h-28v90.781l-35.841 35.841l-48.543-48.544l-3.704 3.703l-3.704-3.703l-9.604 9.604h-3.382v3.382l-35.559 35.558l-41.216-41.219v-34.492h-28v6.242L9.716 366.701v11.313l27.539 27.539v24.877L9.716 457.97v11.313l27.539-27.539v55.24L9.716 469.445v11.313l20.858 20.858h34.681v-67.814l35.561 35.561l-32.253 32.253h11.313l26.596-26.596l26.596 26.596h36.962v-67.532l35.28 35.279l-32.253 32.253h11.313l26.596-26.596l26.597 26.596h37.244v-66.25l33.998 33.997l-32.253 32.253h11.313l26.597-26.597l26.597 26.597h38.526v-64.969l32.716 32.716l-32.253 32.253h11.313l26.597-26.597l26.597 26.597h11.313l-32.253-32.253l32.748-32.747v65h28V51.628h-28v65.441zM142.032 499.266l-29.902-29.902l29.902-29.902zm14.695-74.498l1.994-1.994l1.994 1.994zm90.082 74.781l-30.184-30.185l30.184-30.185zm104.776 1.281l-31.466-31.466l31.466-31.466zm0-74.244l-37.123 37.122l-39.654-39.653V411.93l39.654-39.654l37.123 37.123zm0-28.5l-31.466-31.466l31.466-31.466zm0-102.745l-31.466-31.466l31.466-31.466zm28-64.182l32.716 32.716l-32.716 32.716zm0 102.744l32.716 32.716l-32.716 32.716zm76.776 91.402l-38.404 38.403l-38.373-38.372v-14.687l38.373-38.373l38.404 38.404zm0-25.938l-32.748-32.748l32.748-32.748zm0-76.807l-38.404 38.404l-38.373-38.373v-14.687l38.373-38.372l38.404 38.404zm0-25.938l-32.747-32.747l32.747-32.747zm0-76.808l-38.404 38.404l-38.373-38.373v-14.687l38.373-38.372l38.404 38.404zm0-25.938l-32.747-32.747l32.747-32.747z"/><path fill="#132028" d="M500.951 28.833c-32.823 7.964-59.668 23.208-82.856 43.662a12.1 12.1 0 0 0-2.85-4.399c-4.803-4.726-12.528-4.665-17.254.138s-4.665 12.527.138 17.254a12.2 12.2 0 0 0 3.891 2.572c-13.65 14.445-26.062 30.777-37.828 48.466a12.2 12.2 0 0 0-3.167-12.078c-4.803-4.726-12.528-4.665-17.254.138s-4.665 12.527.138 17.254c4.505 4.433 11.58 4.654 16.34.701c-7.616 11.781-14.984 24.116-22.268 36.863c-.302-4.006-2.563-7.78-6.36-9.831c-5.929-3.202-13.331-.992-16.533 4.937s-.992 13.331 4.937 16.533c3.652 1.972 7.859 1.885 11.303.147c-6.756 12.101-13.484 24.514-20.318 37.127a7997 7997 0 0 1-10.268 18.904c-.558-3.653-2.749-7.012-6.251-8.904c-5.929-3.202-13.331-.992-16.533 4.937s-.992 13.331 4.937 16.533c3.453 1.865 7.4 1.883 10.732.411c-7.532 13.646-15.301 27.392-23.48 41.171c-.154-3.591-1.877-7.08-5.011-9.357c-5.452-3.96-13.082-2.751-17.042 2.701s-2.751 13.082 2.701 17.042c3.74 2.717 8.505 3 12.407 1.15c-8.479 13.878-17.425 27.772-27.051 41.617c-4.106 5.906-8.304 11.356-12.586 16.381c2.251-5.138.719-11.324-4.005-14.756c-5.452-3.96-13.082-2.751-17.042 2.701s-2.751 13.082 2.701 17.042c4.044 2.938 9.284 3.025 13.338.652c-24.919 26.837-52.653 39.178-82.725 36.697c-43.33-3.563-83.698-36.459-109.932-63.429c-5.445-5.597-10.855-11.548-16.181-17.766v34.113c19.208 19.701 38.817 35.583 58.289 47.202c22.415 13.375 44.6 21.047 65.938 22.802c3.262.268 6.49.401 9.697.401c42.135 0 79.573-23.145 111.392-68.912c30.091-43.28 53.53-86.54 76.197-128.376c28.805-53.162 56.012-103.375 90.347-138.43c23.543-24.037 49.462-39.871 79.373-48.197z"/><path fill="#FFD3B6" d="M251.091 176.475c5.929 3.202 8.139 10.604 4.937 16.533s-10.604 8.139-16.533 4.937s-8.139-10.604-4.937-16.533c3.203-5.929 10.605-8.139 16.533-4.937m2.028-29.427c-3.202 5.929-.992 13.331 4.937 16.533s13.331.992 16.533-4.937s.992-13.331-4.937-16.533c-5.928-3.202-13.33-.992-16.533 4.937m65.605-94.607c-4.726 4.803-4.665 12.528.138 17.254s12.527 4.665 17.254-.138c4.726-4.803 4.665-12.528-.138-17.254s-12.528-4.665-17.254.138m27.395-27.837c-4.726 4.803-4.665 12.528.138 17.254s12.527 4.665 17.254-.138c4.726-4.803 4.665-12.528-.138-17.254s-12.528-4.665-17.254.138m-178.76 266.271c-3.96 5.452-2.751 13.082 2.701 17.042s13.082 2.751 17.042-2.701s2.751-13.082-2.701-17.042c-5.451-3.96-13.081-2.751-17.042 2.701m22.955-31.599c-3.96 5.452-2.751 13.082 2.701 17.042s13.082 2.751 17.042-2.701s2.751-13.082-2.701-17.042s-13.082-2.751-17.042 2.701"/><path fill="#FF473E" d="m332.445 168.046l-50.487 93.471c-3.178 5.885-10.526 8.078-16.41 4.9c-23.303-12.587-31.99-41.681-19.403-64.984l33.452-61.932c3.178-5.885 10.526-8.078 16.41-4.9l31.539 17.035c5.883 3.179 8.077 10.526 4.899 16.41m83.879-118.312l-25.548-25.143c-4.767-4.691-12.434-4.63-17.126.137l-49.373 50.169c-18.577 18.877-18.334 49.239.542 67.817c4.767 4.691 12.434 4.63 17.126-.137l74.516-75.717c4.691-4.768 4.63-12.435-.137-17.126M263.473 273.693l-29.001-21.067c-5.411-3.931-12.984-2.731-16.915 2.681l-41.369 56.949c-15.566 21.428-10.813 51.417 10.615 66.983c5.411 3.931 12.984 2.731 16.915-2.681l62.436-85.951c3.93-5.41 2.73-12.983-2.681-16.914"/>
</svg>
);Other libraries
Rollercoaster in 1 more libraries
Each library draws it its own way. Open one to compare.
Firefox OS Emoji
More like it
Icons that share its tags, in the same style.
Search Firefox OS Emoji
Skip the copy and paste. With Pro, your AI agent finds and installs any Firefox OS Emoji icon from a prompt.
Get ProTags
Browse by tag
Rollercoaster is tagged UI, UX, entertainment and 2 more. Related tags follow; each opens its icons from every library.
Pricing
Firefox OS Emoji MCP, with Pro
Ask for Rollercoaster or any of 1,034 Firefox OS Emoji icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
Billing
Billed once a year in USD. Cancel anytime.
- How many people can use the license.
- Client work, SaaS products and anything you charge for.
- Production-ready React sections: hero, pricing, features, dashboards and more.
- Complete multi-page sites you can ship as they are.
- React icons from every major library, installable with one command.
- Presets that restyle every block, in light and dark.
- Lets your AI editor search, preview and install blocks for you.
- Priority requests are answered first.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- Seats: 1 seat
- Commercial use: Personal & open source only
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Basic usage
- Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
- Seats: Up to 5 seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: High usage
- Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
- Seats: Unlimited seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Unlimited usage
- Support: Priority
Billed once a year in USD. Cancel anytime.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- How many people can use the license.Seats: 1 seat
- Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
- Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
- Complete multi-page sites you can ship as they are.Templates: All 14 templates
- React icons from every major library, installable with one command.React icons: 294k+ icons
- Presets that restyle every block, in light and dark.Themes: All 59 themes
- Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
- Priority requests are answered first.Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
Everything in Individual, plus
- How many people can use the license.Seats: Up to 5 seats
- Client work, SaaS products and anything you charge for.Commercial use: Included
- Lets your AI editor search, preview and install blocks for you.MCP server: High usage
- Priority requests are answered first.Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
Everything in Team, plus
- How many people can use the license.Seats: Unlimited seats
- Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Rollercoaster icon means and where it's used, then how to install, style and license it.
Install Rollercoaster from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.