Broom Fill アイコン
mingcute:broom-fill
Broom Fill アイコン(mingcute:broom-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
- タグ
- broomfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M19.13 3.365a1 1 0 1 0-1.852-.753l-2.704 7.65l-.737-.197c-1.187-.318-2.424.12-3.18 1.041c-1.193 1.454-3.524 4.115-6.164 6.187a1 1 0 0 0 .22 1.704c.546.237 1.096.462 1.648.684c.992.4 2.332.921 3.72 1.4c1.378.477 2.837.925 4.053 1.167c.605.12 1.194.198 1.705.19c.448-.008 1.111-.082 1.573-.548c1.257-1.268 1.765-2.994 1.947-4.546c.183-1.566.05-3.086-.093-4.086c-.165-1.164-1.039-2.016-2.089-2.298l-.656-.176zm-5.811 8.632l1.577.422l.028.008l1.736.465c.364.098.586.364.626.648q.039.267.072.574l-5.398-1.446q.129-.153.243-.293a1.09 1.09 0 0 1 1.116-.378M8.397 3.856l-.102.222a5.2 5.2 0 0 1-2.128 2.264a.108.108 0 0 0 0 .189a5.2 5.2 0 0 1 2.23 2.486c.04.089.166.089.206 0l.102-.222a5.2 5.2 0 0 1 2.127-2.264a.108.108 0 0 0 0-.189l-.158-.092a5.2 5.2 0 0 1-2.07-2.394a.113.113 0 0 0-.207 0M5.435 8.715q-.03.07-.064.14a3.26 3.26 0 0 1-1.336 1.422a.068.068 0 0 0 0 .118l.099.058a3.26 3.26 0 0 1 1.301 1.504a.071.071 0 0 0 .13 0q.03-.07.064-.14a3.26 3.26 0 0 1 1.336-1.422a.068.068 0 0 0 0-.118l-.099-.058a3.26 3.26 0 0 1-1.301-1.504a.071.071 0 0 0-.13 0" clip-rule="evenodd"/></svg>Broom Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:broom-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:broom-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:broom-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--broom-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:broom-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:broom-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/broom-fill.svg" alt="Broom Fill アイコン" width="24" height="24">MingCute Icon の関連アイコン
他のアイコンセットの Broom Fill アイコン
Broom Fill アイコン のよくある質問
Broom Fill アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Broom Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:broom-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Broom Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/broom-fill.svg" alt="Broom Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。