Ferris Wheel Line アイコン
mingcute:ferris-wheel-line
Ferris Wheel Line アイコン(mingcute:ferris-wheel-line)は、MingCute Icon セットの無料 SVG アイコンです（作者: MingCute Design）。 24 × 24 のグリッドで描かれています。 MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- MingCute Icon
- 作者
- MingCute Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- ferriswheel、wheelline、ferriswheelline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m12 12l.949-.316a1 1 0 0 0-1.898 0zm-3.949 8.684a1 1 0 0 0 1.898.632L9 21zm6 .632a1 1 0 1 0 1.898-.632L15 21zM14 5h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2 2V6a1 1 0 0 1-1-1H9a3 3 0 0 0 3 3zm-2-2h1a1 1 0 0 1 1-1V2a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm7.062 7.232l-.5-.866A1 1 0 0 1 17.196 9l-.866.5l-.866.5a3 3 0 0 0 4.098 1.098zM16.33 9.5l.866-.5a1 1 0 0 1 .366-1.366l-.5-.866l-.5-.866A3 3 0 0 0 15.464 10zm.732-2.732l.5.866A1 1 0 0 1 18.928 8l.866-.5l.866-.5a3 3 0 0 0-4.098-1.098zm2.732.732l-.866.5a1 1 0 0 1-.366 1.366l.5.866l.5.866A3 3 0 0 0 20.66 7zM6.938 6.768l-.5.866A1 1 0 0 1 6.804 9l.866.5l.866.5a3 3 0 0 0-1.098-4.098zM7.67 9.5L6.804 9a1 1 0 0 1-1.366.366l-.5.866l-.5.866A3 3 0 0 0 8.536 10zm-2.732.732l.5-.866A1 1 0 0 1 5.072 8l-.866-.5L3.34 7a3 3 0 0 0 1.098 4.098zM4.206 7.5l.866.5a1 1 0 0 1 1.366-.366l.5-.866l.5-.866A3 3 0 0 0 3.34 7zm2.732 9.732l-.5-.866A1 1 0 0 1 5.072 16l-.866.5l-.866.5a3 3 0 0 0 4.098 1.098zM4.206 16.5l.866-.5a1 1 0 0 1 .366-1.366l-.5-.866l-.5-.866A3 3 0 0 0 3.34 17zm.732-2.732l.5.866A1 1 0 0 1 6.804 15l.866-.5l.866-.5a3 3 0 0 0-4.098-1.098zm2.732.732l-.866.5a1 1 0 0 1-.366 1.366l.5.866l.5.866A3 3 0 0 0 8.536 14zm11.392-.732l-.5.866A1 1 0 0 1 18.928 16l.866.5l.866.5a3 3 0 0 0-1.098-4.098zm.732 2.732l-.866-.5a1 1 0 0 1-1.366.366l-.5.866l-.5.866A3 3 0 0 0 20.66 17zm-2.732.732l.5-.866A1 1 0 0 1 17.196 15l-.866-.5l-.866-.5a3 3 0 0 0 1.098 4.098zM16.33 14.5l.866.5a1 1 0 0 1 1.366-.366l.5-.866l.5-.866A3 3 0 0 0 15.464 14zM7.784 7.73l.703.712a5 5 0 0 1 2.187-1.265l-.264-.964l-.265-.964a7 7 0 0 0-3.064 1.77zm5.806-1.517l-.264.964c.836.23 1.586.671 2.187 1.265l.703-.711l.703-.712a7 7 0 0 0-3.064-1.77zm4.217 4.27l-.968.253c.105.402.161.826.161 1.264h2c0-.61-.078-1.202-.226-1.768zM18 12h-1q-.002.658-.161 1.264l.968.252l.968.252A7 7 0 0 0 19 12zm-1.784 4.27l-.703-.712A4.98 4.98 0 0 1 12 17v2a6.98 6.98 0 0 0 4.919-2.02zM12 18v-1a4.98 4.98 0 0 1-3.513-1.442l-.703.711l-.703.712A6.98 6.98 0 0 0 12 19zm-5.807-4.484l.968-.252A5 5 0 0 1 7 12H5c0 .61.078 1.203.226 1.768zM6 12h1q.002-.659.161-1.264l-.968-.252l-.967-.252A7 7 0 0 0 5 12zm6 0l-.949-.316l-3 9L9 21l.949.316l3-9zm0 0l-.949.316l3 9L15 21l.949-.316l-3-9z"/></svg>Ferris Wheel Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:ferris-wheel-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:ferris-wheel-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:ferris-wheel-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--ferris-wheel-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:ferris-wheel-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:ferris-wheel-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/ferris-wheel-line.svg" alt="Ferris Wheel Line アイコン" width="24" height="24">MingCute Icon の関連アイコン
他のアイコンセットの Ferris Wheel Line アイコン
Ferris Wheel Line アイコン のよくある質問
Ferris Wheel Line アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ferris Wheel Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:ferris-wheel-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ferris Wheel Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/ferris-wheel-line.svg" alt="Ferris Wheel Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。