ICONYZ
Русский
Иконка First Aid Bag из набора OpenMoji

Иконка First Aid Bag

openmoji:first-aid-bag

Иконка First Aid Bag (openmoji:first-aid-bag) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 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

<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>

Веб-компонент

<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, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

Как использовать иконку First Aid Bag в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки OpenMoji →