Ferris Wheel アイコン
fluent-emoji-flat:ferris-wheel
Ferris Wheel アイコン(fluent-emoji-flat:ferris-wheel)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 旅行・場所
- タグ
- ferriswheel
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#e1d8ec" d="M15.762 13.063a.684.684 0 0 1 .908.357l6.746 15.205h3.334a.685.685 0 1 1 0 1.37H6.18a.685.685 0 1 1 0-1.37h2.475L15.41 13.42a.68.68 0 0 1 .352-.357m-5.608 15.562h11.762L16.04 15.379z"/><path fill="#635994" d="M16.54 4.54a.5.5 0 1 0-1 0v7.947l-5.616-5.62a.5.5 0 1 0-.708.706l5.613 5.617H6.89a.5.5 0 1 0 0 1h7.939l-5.613 5.617a.5.5 0 0 0 .708.707l5.616-5.621v7.937a.5.5 0 1 0 1 0v-7.927l5.606 5.61a.5.5 0 0 0 .708-.706L17.24 14.19h7.939a.5.5 0 1 0 0-1H17.24l5.613-5.617a.5.5 0 1 0-.708-.706l-5.606 5.61z"/><path fill="#f9c23c" d="M16.04 4.85a8.84 8.84 0 1 0 0 17.68a8.84 8.84 0 0 0 0-17.68M6.2 13.69c0-5.435 4.405-9.84 9.84-9.84s9.84 4.405 9.84 9.84s-4.405 9.84-9.84 9.84s-9.84-4.405-9.84-9.84m9.84 2.52a2.52 2.52 0 1 0 0-5.04a2.52 2.52 0 0 0 0 5.04m-5.48-2.52a5.48 5.48 0 1 1 10.96 0a5.48 5.48 0 0 1-10.96 0m5.48-6.48a6.48 6.48 0 1 0 0 12.96a6.48 6.48 0 0 0 0-12.96"/><path fill="#8d65c5" d="m16.04 3.6l2.19.15h-.01v1.53c0 .54-.44.98-.98.98h-2.41c-.54 0-.98-.44-.98-.98V3.75zm0 19.4l2.19.25h-.01v1.53c0 .54-.44.98-.98.98h-2.41c-.54 0-.98-.44-.98-.98v-1.53zm-6.08-3.14l-2.19-.16l-2.19.16v1.53c0 .54.44.98.98.98h2.41c.54 0 .98-.44.98-.98v-1.53zm12.15 0h4.37v1.53c0 .54-.44.98-.98.98h-2.41c-.54 0-.98-.44-.98-.98zM9.96 6.39L7.77 6.2l-2.19.19v1.53c0 .54.44.98.98.98h2.41c.54 0 .98-.44.98-.98V6.39zM24.3 6.2l2.19.19h-.01v1.53c0 .54-.44.98-.98.98h-2.41c-.54 0-.98-.44-.98-.98V6.39zM7.38 13.13l-2.19-.38l-2.19.38v1.53c0 .54.44.98.98.98h2.41c.54 0 .98-.44.98-.98v-1.53zm19.5-.13l2.19.13h-.01v1.53c0 .54-.44.98-.98.98h-2.41c-.54 0-.98-.44-.98-.98v-1.53z"/><path fill="#d3d3d3" d="M14.77 2h2.54c.51 0 .92.41.92.92v.83h-4.38v-.83c0-.51.41-.92.92-.92m0 19.49h2.54c.51 0 .92.41.92.93v.83h-4.38v-.84c0-.51.41-.92.92-.92m-5.73-3.38H6.5c-.51 0-.92.41-.92.92v.83h4.38v-.83c0-.51-.41-.92-.92-.92m13.99 0h2.54c.51 0 .92.41.92.92v.83h-4.38v-.83c0-.51.41-.92.92-.92M9.04 4.64H6.5c-.51 0-.92.41-.92.92v.83h4.38v-.83c0-.51-.41-.92-.92-.92m13.99 0h2.54c.51 0 .92.41.92.92v.83h-4.38v-.83c0-.51.41-.92.92-.92M6.46 11.37H3.92c-.51 0-.92.41-.92.92v.83h4.38v-.83c0-.5-.41-.92-.92-.92m19.15 0h2.54c.51 0 .92.42.92.92v.83h-4.38v-.83c0-.51.41-.92.92-.92"/></g></svg>
Ferris Wheel アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:ferris-wheel" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:ferris-wheel" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:ferris-wheel" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--ferris-wheel]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:ferris-wheel"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:ferris-wheel"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/ferris-wheel.svg" alt="Ferris Wheel アイコン" width="24" height="24">
他のアイコンセットの Ferris Wheel アイコン
Ferris Wheel アイコン のよくある質問
Ferris Wheel アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ferris Wheel アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:ferris-wheel" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ferris Wheel アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/ferris-wheel.svg" alt="Ferris Wheel アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
