Wheel Fill アイコン
mingcute:wheel-fill
Wheel Fill アイコン(mingcute:wheel-fill)は、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
- タグ
- wheelfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m1.47 13.196a1.768 1.768 0 0 0-2.94 0l-.748 1.121c-.316.475-.5 1.364.197 1.974c.415.363 1.075.71 2.021.71s1.606-.347 2.021-.71c.698-.61.513-1.498.196-1.974zm-6.262-3.971c-.55-.155-1.452-.055-1.816.797c-.217.507-.343 1.242-.051 2.141c.292.9.826 1.42 1.3 1.703c.795.476 1.583.024 1.937-.424l.836-1.056a1.767 1.767 0 0 0-.91-2.796zm11.4.797c-.365-.852-1.267-.95-1.817-.796l-1.297.364a1.767 1.767 0 0 0-.908 2.796l.835 1.057c.354.448 1.142.898 1.937.423c.474-.283 1.008-.803 1.3-1.703s.166-1.634-.05-2.142m-8.67-6.3c-.55-.05-1.288.058-2.053.614c-.766.556-1.096 1.225-1.219 1.763c-.206.903.467 1.512 1.002 1.71l1.264.468A1.766 1.766 0 0 0 11.31 8.55l-.054-1.347c-.023-.57-.396-1.398-1.319-1.481m4.124 0c-.922.083-1.295.91-1.318 1.481L12.69 8.55a1.767 1.767 0 0 0 2.378 1.728l1.264-.467c.535-.199 1.207-.809 1.001-1.712c-.123-.538-.453-1.206-1.218-1.762s-1.503-.664-2.052-.614"/></svg>Wheel Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:wheel-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:wheel-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:wheel-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--wheel-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:wheel-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:wheel-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/wheel-fill.svg" alt="Wheel Fill アイコン" width="24" height="24">MingCute Icon の関連アイコン
Wheel Fill アイコン のよくある質問
Wheel Fill アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wheel Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:wheel-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wheel Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/wheel-fill.svg" alt="Wheel Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。