Rollercoaster icon

fxemoji:rollercoaster

The Rollercoaster icon (fxemoji:rollercoaster) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji 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: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Places

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><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>

How to use the Rollercoaster icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:rollercoaster" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:rollercoaster" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:rollercoaster" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--rollercoaster]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:rollercoaster"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:rollercoaster"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/rollercoaster.svg" alt="Rollercoaster icon" width="24" height="24">

Rollercoaster icon in other icon sets

Rollercoaster icon FAQ

Is the Rollercoaster icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Rollercoaster icon in React?

Install @iconify/react and render <Icon icon="fxemoji:rollercoaster" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Rollercoaster icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/rollercoaster.svg" alt="Rollercoaster icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →