First Aid Bag アイコン
openmoji:first-aid-bag
First Aid Bag アイコン(openmoji:first-aid-bag)は、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
- カテゴリ
- OpenMoji 追加分
- タグ
- firstaid、aidbag、firstaidbag
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d0cfce" d="M11 21.306h50v34.388H11z"/><path fill="#d22f27" d="M27.706 40.872h6.74v6.74h4.744v-6.74h6.74v-4.744h-6.74v-6.74h-4.744v6.74h-6.74z"/><path fill="none" d="M27.706 40.901h6.74v6.74h4.744v-6.74h6.74v-4.744h-6.74v-6.74h-4.744v6.74h-6.74zM18.94 18.694h2.858c.513 0 .929.415.929.928v1.831a.93.93 0 0 1-.929.929H18.94a.93.93 0 0 1-.928-.929v-1.831c0-.513.415-.928.928-.928m32.292 0h2.86c.512 0 .928.415.928.928v1.831a.93.93 0 0 1-.929.929h-2.859a.93.93 0 0 1-.928-.929v-1.831c0-.513.416-.928.928-.928"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 21.335h50v34.388H11zm17.151 0v-2.991c0-1.141.926-2.067 2.067-2.067h11.564c1.141 0 2.067.925 2.067 2.067v2.991"/><path d="M39.19 29.417v6.74h6.74V40.9h-6.74v6.74h-4.744V40.9h-6.74v-4.744h6.74v-6.74zm0-2h-4.744a2 2 0 0 0-2 2v4.74h-4.74a2 2 0 0 0-2 2V40.9a2 2 0 0 0 2 2h4.74v4.74a2 2 0 0 0 2 2h4.744a2 2 0 0 0 2-2V42.9h4.74a2 2 0 0 0 2-2v-4.744a2 2 0 0 0-2-2h-4.74v-4.74a2 2 0 0 0-2-2m-20.25-8.722h2.858c.513 0 .929.415.929.928v1.831a.93.93 0 0 1-.929.929H18.94a.93.93 0 0 1-.928-.929v-1.831c0-.513.415-.928.928-.928m32.292 0h2.86c.512 0 .928.415.928.928v1.831a.93.93 0 0 1-.929.929h-2.859a.93.93 0 0 1-.928-.929v-1.831c0-.513.416-.928.928-.928"/></svg>First Aid Bag アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:first-aid-bag" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:first-aid-bag" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:first-aid-bag" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--first-aid-bag]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:first-aid-bag"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:first-aid-bag"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/first-aid-bag.svg" alt="First Aid Bag アイコン" width="24" height="24">OpenMoji の関連アイコン
First Aid Bag アイコン のよくある質問
First Aid Bag アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で First Aid Bag アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:first-aid-bag" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
First Aid Bag アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/first-aid-bag.svg" alt="First Aid Bag アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。