Badger アイコン
fluent-emoji-flat:badger
Badger アイコン(fluent-emoji-flat:badger)は、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="#212121" d="m13.66 29.71l-2.55-4.02L16 24.62v5.07c0 .17-.14.31-.31.31h-1.5c-.22 0-.42-.11-.53-.29m7.68 0l2.55-4.02L19 24.62v5.07c0 .17.14.31.31.31h1.5c.22 0 .41-.11.53-.29"/><path fill="#636363" d="M7.8 16.68h1.48v.4H8.24c-.66 0-1.29.3-1.7.81c-.59.73-1.32 1.59-1.56 1.87c-.05.06-.09.13-.1.2c-.04.25.15.47.4.47h.2v1l2.32 3.832c.24.388.26.876.05 1.284l-1.51 3.006c-.1.209.05.448.29.448h2.21c.28 0 .54-.12.72-.328l2.73-3.216c.24-.278.59-.437.95-.437h8.16c.43 0 .83.219 1.06.577l1.98 3.115c.11.18.31.289.53.289h2.41c.34 0 .62-.279.62-.617v-2.19l1 .19V21c0-1.948-1.424-5.795-6.582-5.992A6 6 0 0 0 22.11 15h-5.23c-.97 0-1.91.388-2.6 1.075a3.6 3.6 0 0 1-.76.577a.737.737 0 0 1-1.1-.637v-.537h-2.3v-.318a1.16 1.16 0 0 0-2.32 0z"/><path fill="#d3d3d3" d="M6.84 17.92c-.57.7-1.27 1.53-1.51 1.8c-.05.05-.08.12-.09.19c-.04.24.14.45.38.45h6.27c.3 0 .54.24.54.54s-.24.54-.54.54H3.62c-.89 0-1.62-.72-1.62-1.62c0-.29.24-.53.54-.53h.4c.56 0 1.07-.28 1.38-.75l1.35-2.07C6.27 15.55 7.3 15 8.4 15h1.73c.07-.56.56-1 1.15-1c.64 0 1.15.52 1.16 1.16v.39c0 .88-.71 1.59-1.59 1.59H8.47c-.63 0-1.23.29-1.63.78M28 20.873v6.335c.647.496 1.294.734 1.736.82c.142.027.264-.086.264-.23v-7.673c0-3.95-2.792-5.062-4.187-5.125h-3.625c3.214.041 5.812 2.654 5.812 5.873"/><path fill="#1c1c1c" d="M9 18.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m-5.8 1.33a.6.6 0 1 1-1.2 0a.6.6 0 0 1 1.2 0"/></g></svg>Badger アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:badger" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:badger" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:badger" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--badger]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:badger"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:badger"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/badger.svg" alt="Badger アイコン" width="24" height="24">他のアイコンセットの Badger アイコン
Badger アイコン のよくある質問
Badger アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Badger アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:badger" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Badger アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/badger.svg" alt="Badger アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。