Broom アイコン

Q: Broom アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:broom

Broom アイコン(openmoji:broom)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#f1b31c" d="M20.674 59.984c1.298-1.388 3.582-3.605 4.842-4.952c-1.454.886-4.208 3.37-5.614 4.263a46 46 0 0 1-5.492-4.772a23.6 23.6 0 0 0 9.05-4.15a29.8 29.8 0 0 1-10.084 2.904a48 48 0 0 1-3.427-5.45c7.152 1.945 14.93-.92 19.73-5.92a91 91 0 0 0 4.136 2.247a3.2 3.2 0 0 1 1.618 1.91c1.746 4.666.728 8.778-2.432 12.475c-1.322 1.547-3.294 3.912-5.035 4.96a34 34 0 0 1-7.292-3.515"/><path fill="#a57939" d="m36.41 39.12l-2.592-1.5c.684-1.193 1.347-2.356 2.016-3.515q7.255-12.568 14.512-25.133c.1-.172.195-.345.304-.51a1.497 1.497 0 0 1 2.584 1.512c-.81 1.451-1.653 2.883-2.484 4.323l-12.73 22.05c-.523.905-1.05 1.809-1.61 2.774"/><path fill="#92d3f5" d="m35.17 44.218l-5.12-2.957c.535-.918 1.022-1.82 1.576-2.68a.93.93 0 0 1 1.31-.317q1.712.944 3.387 1.957a.94.94 0 0 1 .377 1.297c-.467.909-1.004 1.782-1.53 2.7"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.674 59.984c1.298-1.388 3.582-3.605 4.842-4.952c-1.454.886-4.208 3.37-5.614 4.263a46 46 0 0 1-5.492-4.772a23.6 23.6 0 0 0 9.05-4.15a29.8 29.8 0 0 1-10.084 2.904a48 48 0 0 1-3.427-5.45c7.152 1.945 14.93-.92 19.73-5.92a91 91 0 0 0 4.136 2.247a3.2 3.2 0 0 1 1.618 1.91c1.746 4.666.728 8.778-2.432 12.475c-1.322 1.547-3.294 3.912-5.035 4.96a34 34 0 0 1-7.292-3.515"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" d="m36.41 39.12l-2.592-1.5c.684-1.193 1.347-2.356 2.016-3.515q7.255-12.568 14.512-25.133c.1-.172.195-.345.304-.51a1.497 1.497 0 0 1 2.584 1.512c-.81 1.451-1.653 2.883-2.484 4.323l-12.73 22.05c-.523.905-1.05 1.809-1.61 2.774Zm-1.24 5.098l-5.12-2.957c.535-.918 1.022-1.82 1.576-2.68a.93.93 0 0 1 1.31-.317q1.712.944 3.387 1.957a.94.94 0 0 1 .377 1.297c-.467.909-1.004 1.782-1.53 2.7Z"/><circle cx="33.057" cy="63.358" r="1.408"/><circle cx="36.299" cy="59.295" r="1.185"/><circle cx="36.299" cy="62.294" r=".941"/></svg>

Broom アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:broom" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:broom" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:broom" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--broom]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:broom"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:broom"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/broom.svg" alt="Broom アイコン" width="24" height="24">

他のアイコンセットの Broom アイコン

Broom アイコンのよくある質問

Broom アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Broom アイコンを使うには?

@iconify/react をインストールして <Icon icon="openmoji:broom" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Broom アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/broom.svg" alt="Broom アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

OpenMoji アイコンをすべて見る →