Broom アイコン
twemoji:broom
Broom アイコン(twemoji:broom)は、Twitter Emoji セットの無料 SVG アイコンです(作者: Twitter)。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#c1694f" d="M19.175 16.825a1.82 1.82 0 0 1 0-2.567L32.433 1A1.82 1.82 0 0 1 35 1a1.82 1.82 0 0 1 0 2.567L21.742 16.825a1.82 1.82 0 0 1-2.567 0"/><path fill="#66757f" d="m8.839 27.365l-.204-.204a2.425 2.425 0 0 1 0-3.42l8.35-8.35a2.425 2.425 0 0 1 3.42 0l.204.204c.941.941.941 2.48 0 3.42l-8.35 8.35c-.94.941-2.48.941-3.42 0"/><path fill="#ffcc4d" d="M19.389 26.341c1.688-1.688.671-5.441-1.809-7.921s-6.233-3.497-7.921-1.809L0 26.16L9.84 36z"/><path fill="#ffac33" d="m2.02 28.18l8.66-8.658l.58.58L2.6 28.76zm1.74 1.74l8.66-8.659l.58.58l-8.66 8.66zm1.74 1.74L14.158 23l.58.58l-8.66 8.66zm1.74 1.74l8.659-8.66l.58.58l-8.66 8.659z"/><path fill="#55acee" d="M9.875 16.43c-.073.059-.149.114-.216.181L7.46 18.779l9.761 9.761l2.167-2.199c.067-.067.123-.143.181-.216z"/><path fill="#269" d="m8.882 18.221l.235-.568l9.225 9.224l-.572.232z"/></svg>Broom アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:broom" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:broom" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:broom" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--broom]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:broom"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:broom"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/broom.svg" alt="Broom アイコン" width="24" height="24">他のアイコンセットの Broom アイコン
Broom アイコン のよくある質問
Broom アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Broom アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:broom" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Broom アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/broom.svg" alt="Broom アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。