First Aid Kit Fill アイコン
mage:first-aid-kit-fill
First Aid Kit Fill アイコン(mage:first-aid-kit-fill)は、Mage Icons セットの無料 SVG アイコンです（作者: MageIcons）。 24 × 24 のグリッドで描かれています。 Mage Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Mage Icons
- 作者
- MageIcons
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- firstaid、aidkit、kitfill、firstaidkitfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.73 7.636a3.3 3.3 0 0 0-3.051-2.048h-2.872V4.29a1.7 1.7 0 0 0-.13-.69a1.6 1.6 0 0 0-.38-.569a1.7 1.7 0 0 0-.58-.39a1.7 1.7 0 0 0-.67-.14H9.923a1.4 1.4 0 0 0-.69.14c-.21.09-.4.22-.56.38a1.7 1.7 0 0 0-.39.58a1.7 1.7 0 0 0-.14.679v1.308H5.291c-.875.01-1.71.364-2.327.985A3.32 3.32 0 0 0 2 8.904v1.579a1.75 1.75 0 0 0 .52 1.238c.146.149.32.268.51.35l.34 6.752c.063.732.398 1.413.941 1.908a3 3 0 0 0 2.001.769h11.376a2.934 2.934 0 0 0 2.921-2.707l.33-6.732a1.72 1.72 0 0 0 .93-.938c.088-.213.132-.44.131-.67V8.914a3.3 3.3 0 0 0-.27-1.278M9.644 4.27a.4.4 0 0 1 0-.1l.07-.09l.08-.06h4.352l.09.07a.2.2 0 0 1 0 .08a.2.2 0 0 1 0 .11v1.308H9.574zm7.524 10.048a1.24 1.24 0 0 1-.36.87a1.22 1.22 0 0 1-.881.369h-1.71v1.708a1.24 1.24 0 0 1-.361.869a1.22 1.22 0 0 1-.88.37h-2.001a1.25 1.25 0 0 1-1.251-1.24v-1.707H8.033a1.25 1.25 0 0 1-1.154-.762a1.2 1.2 0 0 1-.097-.477V12.32a1.23 1.23 0 0 1 .37-.879c.236-.229.552-.358.881-.36h1.7V9.425a1.227 1.227 0 0 1 1.252-1.239h2c.33 0 .646.129.88.36c.23.236.358.55.361.879v1.708h1.711c.33 0 .646.129.88.36c.23.235.36.55.36.878z"/><path fill="currentColor" d="M15.667 12.61v1.449h-2.201a.75.75 0 0 0-.75.749v2.197h-1.451v-2.197a.737.737 0 0 0-.75-.75H8.312V12.61h2.201a.75.75 0 0 0 .75-.749V9.664h1.451v2.197a.76.76 0 0 0 .75.75z"/></svg>First Aid Kit Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mage:first-aid-kit-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mage:first-aid-kit-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mage:first-aid-kit-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mage--first-aid-kit-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mage -->
<div class="i-mage:first-aid-kit-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mage:first-aid-kit-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mage/first-aid-kit-fill.svg" alt="First Aid Kit Fill アイコン" width="24" height="24">Mage Icons の関連アイコン
他のアイコンセットの First Aid Kit Fill アイコン
First Aid Kit Fill アイコン のよくある質問
First Aid Kit Fill アイコンは商用利用でも無料ですか?
はい。Mage Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で First Aid Kit Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="mage:first-aid-kit-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
First Aid Kit Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mage/first-aid-kit-fill.svg" alt="First Aid Kit Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。