Wheel アイコン
fluent-emoji-flat:wheel
Wheel アイコン(fluent-emoji-flat: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
- カテゴリ
- 旅行・場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#f3ad61" d="m4.891 11.302l9.541 3.474L8.61 6.46a.606.606 0 0 1 .99-.696l5.825 8.319V3.927a.607.607 0 0 1 1.211 0v10.412l6.693-7.976a.605.605 0 1 1 .927.779l-6.527 7.778l9.806-2.63a.604.604 0 1 1 .31 1.17l-9.81 2.627l9.548 3.476a.605.605 0 1 1-.417 1.138l-9.538-3.474l5.823 8.318a.606.606 0 1 1-.994.692l-5.82-8.315v10.152a.605.605 0 1 1-1.212 0V17.668L8.732 25.64a.6.6 0 0 1-.85.073a.605.605 0 0 1-.074-.852l6.526-7.777l-9.811 2.625a.605.605 0 1 1-.31-1.167l9.808-2.627l-9.543-3.476a.605.605 0 1 1 .413-1.138"/><path fill="#a56953" d="M16.002 2C8.27 2 2 8.27 2 16.002c0 7.731 6.27 14.001 14.002 14.001c7.731 0 13.998-6.27 13.998-14.001C30 8.27 23.733 2 16.002 2m0 24.753c-6.222 0-10.769-4.533-10.769-10.755C5.233 9.777 9.78 5.22 16.002 5.22s10.765 4.557 10.765 10.778c-.003 6.226-4.543 10.755-10.765 10.755"/><path fill="#6d4534" d="M16.002 5.737a10.24 10.24 0 0 1 9.456 6.267c.535 1.266.804 2.61.804 3.994s-.272 2.731-.804 3.994a10.2 10.2 0 0 1-2.2 3.264a10.23 10.23 0 0 1-7.256 3.003a10.23 10.23 0 0 1-7.257-3.003a10.23 10.23 0 0 1-3.004-7.258a10.23 10.23 0 0 1 3.004-7.257a10.23 10.23 0 0 1 7.257-3.004m0-1.003C9.78 4.734 4.734 9.78 4.734 16.001c0 6.222 5.046 11.268 11.268 11.268c6.221 0 11.267-5.046 11.267-11.268c-.003-6.221-5.046-11.267-11.267-11.267"/><path fill="#a56953" d="M16.002 19.377a3.375 3.375 0 1 0 0-6.75a3.375 3.375 0 0 0 0 6.75"/><path fill="#f3c07b" d="M16.002 17.576a1.574 1.574 0 1 0 0-3.148a1.574 1.574 0 0 0 0 3.148"/></g></svg>
Wheel アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:wheel" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:wheel" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:wheel" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--wheel]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat: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:wheel"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/wheel.svg" alt="Wheel アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
Wheel アイコン のよくある質問
Wheel アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wheel アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:wheel" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wheel アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/wheel.svg" alt="Wheel アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
