Иконка First Aid Kit Fill

mage:first-aid-kit-fill

Иконка First Aid Kit Fill (mage:first-aid-kit-fill) — бесплатная SVG-иконка из набора Mage Icons от 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

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

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

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

Иконка First Aid Kit Fill в других наборах

Вопросы и ответы: Иконка First Aid Kit Fill

Можно ли бесплатно использовать иконку First Aid Kit Fill в коммерческих проектах?

Да. Mage Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

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

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

Все Mage Icons →