Roller Coaster アイコン
fluent-emoji-high-contrast:roller-coaster
Roller Coaster アイコン(fluent-emoji-high-contrast:roller-coaster)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 旅行・場所
- タグ
- rollercoaster
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M30 4.04a9.76 9.76 0 0 0-4.943 2.391a.66.66 0 0 0-.193-.773a1.32 1.32 0 0 0 .092-1.36a1.26 1.26 0 0 0-.622-.602l-.004.004a1.315 1.315 0 0 0-1.487.268l-2.5 2.5a1.315 1.315 0 0 0-.267 1.49l-.002.001c.06.13.128.25.238.36c.094.093.207.178.32.239a1.31 1.31 0 0 0 1.439-.097a.66.66 0 0 0 .74.2l-2.157 2.155a.66.66 0 0 0-.192-.775c.307-.44.318-1.02.033-1.464a1.27 1.27 0 0 0-.566-.496l-.002.002a1.315 1.315 0 0 0-1.486.268l-2.5 2.5c-.406.406-.495 1-.268 1.489l-.004.004c.04.087.084.17.142.247a1 1 0 0 0-.146-.091a1.315 1.315 0 0 0-1.589.216l-2.5 2.5c-.42.42-.5 1.043-.241 1.541c.055.115.12.222.22.321c.11.11.249.21.379.27l.003-.004c.439.213.966.168 1.367-.135a.66.66 0 0 0 .771.186l-.765.765c-3 3-7.54 3.74-11.31 1.93v9.35h1v-6.849q.992.291 2 .406v6.443h1v-6.373q.14.003.28.003q.864 0 1.72-.125v6.495h1v-6.685a12 12 0 0 0 2-.66v7.345h1v-7.834a12 12 0 0 0 2-1.374v9.208h1V19.29l2-2v12.15h1V16.29l2-2v15.15h1V13.29l2-2v18.15h1V10.29l2-2v21.15h1V7.42a7.9 7.9 0 0 1 2-1.063V29.44h1zm-6.99 3.5l.939-.939a.66.66 0 0 0 .731.19l-.01.01l-1.472 1.471a.66.66 0 0 0-.188-.731m-6.808 5.528l.001-.002a1.2 1.2 0 0 0-.14-.23c.072.055.15.102.224.137v-.001c.442.221.977.179 1.382-.127a.66.66 0 0 0 .77.186l-2.15 2.15a.66.66 0 0 0-.192-.776a1.32 1.32 0 0 0 .105-1.337m3.846-1.853q.14-.001.262-.054l-1.526 1.525a.66.66 0 0 0-.176-.762l.94-.94c.12.142.3.23.5.23m-4.365 4.364q.14 0 .262-.054l-1.526 1.526a.66.66 0 0 0-.176-.762l.94-.94c.12.141.3.23.5.23"/></svg>
Roller Coaster アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:roller-coaster" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:roller-coaster" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:roller-coaster" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--roller-coaster]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:roller-coaster"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:roller-coaster"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/roller-coaster.svg" alt="Roller Coaster アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Roller Coaster アイコン
Roller Coaster アイコン のよくある質問
Roller Coaster アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Roller Coaster アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:roller-coaster" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Roller Coaster アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/roller-coaster.svg" alt="Roller Coaster アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
