Иконка Roller Coaster

streamline-emojis:roller-coaster

Иконка Roller Coaster (streamline-emojis:roller-coaster) — бесплатная SVG-иконка из набора Streamline Emojis от Streamline. Она нарисована на сетке 48 × 48. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Streamline Emojis
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Путешествия и места
Теги: rollercoaster

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M46.25 45.7c0 1-10 1.3-22.25 1.3s-22.25-.31-22.25-1.3s10-1.81 22.25-1.81s22.25.81 22.25 1.81" opacity=".15"/><path fill="#fff" d="M3.35 3.35h41.3v41.3H3.35Z"/><path fill="#f0f0f0" d="M41.11 41.7H6.89a3.55 3.55 0 0 1-3.54-3.54v3a3.55 3.55 0 0 0 3.54 3.54h34.22a3.55 3.55 0 0 0 3.54-3.54v-3a3.55 3.55 0 0 1-3.54 3.54"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M3.35 3.35h41.3v41.3H3.35Z"/><path fill="#00b8f0" d="M6.3 6.3h35.4v35.4H6.3Z"/><path fill="#009fd9" d="M40.52 38.75h-33a1.18 1.18 0 0 1-1.22-1.18v3a1.18 1.18 0 0 0 1.18 1.13h33a1.18 1.18 0 0 0 1.18-1.18v-3a1.18 1.18 0 0 1-1.14 1.23"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M6.3 6.3h35.4v35.4H6.3Z"/><path fill="#ff6242" d="M18.73 34.62h2.43v7.08h-2.43z"/><path fill="#e04122" d="m21.16 38.02l-2.43.28v-3.68h2.43z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M18.73 34.62h2.43v7.08h-2.43z"/><path fill="#ff6242" d="M10.69 32.87h2.43v8.83h-2.43z"/><path fill="#e04122" d="m13.12 37.57l-2.43-.54v-4.16h2.43z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M10.69 32.87h2.43v8.83h-2.43z"/><path fill="#ff6242" d="M26.77 31.18h2.43V41.7h-2.43z"/><path fill="#e04122" d="m29.2 35.8l-2.43 1.48v-6.1h2.43z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.8 31.18h2.43V41.7H26.8z"/><path fill="#ff6242" d="M34.8 22.83h2.43V41.7H34.8z"/><path fill="#e04122" d="m37.24 28.53l-2.44 2.18v-7.88h2.44z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M34.8 22.83h2.43V41.7H34.8z"/><path fill="#fff48c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.92 21.88a1.52 1.52 0 1 1-2.16 0a1.52 1.52 0 0 1 2.16 0"/><path fill="#fff48c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.11 19.76a1.52 1.52 0 1 1-2.16 0a1.52 1.52 0 0 1 2.16 0M33 15.93a1.52 1.52 0 1 1-2.16 0a1.52 1.52 0 0 1 2.16 0"/><path fill="#fff48c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.23 13.68a1.52 1.52 0 1 1-2.15 0a1.51 1.51 0 0 1 2.15 0"/><path fill="#ff6242" d="M32.91 23.51L30.5 21a1.17 1.17 0 0 0-1.66 0l-3 2.88a2.4 2.4 0 0 0-.69 1.42l-.38 3.5a1.71 1.71 0 0 0 2.89 1.41l5.19-5a1.18 1.18 0 0 0 .06-1.7"/><path fill="#ff866e" d="M25.18 27.57a2.4 2.4 0 0 1 .69-1.42l.81-.78a4.19 4.19 0 0 1 5.92.09l.28-.28a1.18 1.18 0 0 0 0-1.67L30.5 21a1.17 1.17 0 0 0-1.66 0l-3 2.88a2.4 2.4 0 0 0-.69 1.42l-.38 3.5a1.64 1.64 0 0 0 .15.9Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M32.91 23.51L30.5 21a1.17 1.17 0 0 0-1.66 0l-3 2.88a2.4 2.4 0 0 0-.69 1.42l-.38 3.5a1.71 1.71 0 0 0 2.89 1.41l5.19-5a1.18 1.18 0 0 0 .06-1.7"/><path fill="#ff6242" d="m32 17.81l2.81-2.75a1.18 1.18 0 0 1 1.62-.06l2.66 2.22a1.18 1.18 0 0 1 .08 1.78l-3.3 3.24a1.19 1.19 0 0 1-1.75-.1L32 19.39a1.18 1.18 0 0 1 0-1.58"/><path fill="#ff866e" d="m32.46 20.05l.33-.31a4.37 4.37 0 0 1 5.86-.24l.52-.52a1.19 1.19 0 0 0-.08-1.75L36.43 15a1.18 1.18 0 0 0-1.58.06L32 17.83a1.18 1.18 0 0 0 0 1.58Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m32 17.83l2.81-2.75a1.18 1.18 0 0 1 1.62-.08l2.66 2.21a1.18 1.18 0 0 1 .08 1.79l-3.3 3.25a1.18 1.18 0 0 1-1.75-.11L32 19.41a1.18 1.18 0 0 1 0-1.58"/><path fill="#fff48c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39 9.66a1.52 1.52 0 1 1-2.16 0a1.52 1.52 0 0 1 2.16 0"/><path fill="#fff48c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M41.31 7.41a1.52 1.52 0 1 1-2.16 0a1.52 1.52 0 0 1 2.16 0"/><path fill="#ff6242" d="M41.7 16.11V8.45a1.18 1.18 0 0 0-.78.34l-2.8 2.75a1.17 1.17 0 0 0-.1 1.58l2.17 2.71a1.18 1.18 0 0 0 1.51.28"/><path fill="#ff866e" d="m40.92 8.79l-2.8 2.75a1.17 1.17 0 0 0-.1 1.58l.6.75l2.3-2.25a1.14 1.14 0 0 1 .78-.34V8.45a1.18 1.18 0 0 0-.78.34"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M41.7 16.11V8.45a1.18 1.18 0 0 0-.78.34l-2.8 2.75a1.17 1.17 0 0 0-.1 1.58l2.17 2.71a1.18 1.18 0 0 0 1.51.28"/><path fill="#c0dceb" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M6.3 30.67a19.5 19.5 0 0 0 12.88 5.39c7.08 0 9.81-3.47 22.52-17.52V15C29 29.1 25.77 33.43 19.58 33.37a17.39 17.39 0 0 1-13.28-6.2Z"/></svg>

Как использовать иконку Roller Coaster

React

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

<Icon icon="streamline-emojis:roller-coaster" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:roller-coaster" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:roller-coaster" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--roller-coaster]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:roller-coaster"></div>

Веб-компонент

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

<iconify-icon icon="streamline-emojis:roller-coaster"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/streamline-emojis/roller-coaster.svg" alt="Иконка Roller Coaster" width="24" height="24">

Иконка Roller Coaster в других наборах

Вопросы и ответы: Иконка Roller Coaster

Можно ли бесплатно использовать иконку Roller Coaster в коммерческих проектах?

Да. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Roller Coaster в React?

Установите @iconify/react и выведите <Icon icon="streamline-emojis:roller-coaster" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Roller Coaster на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-emojis/roller-coaster.svg" alt="Иконка Roller Coaster">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Streamline Emojis →