first aid kit icon

first-aid-kit from Mage Icons by MageIcons · Outline · Apache-2.0 Free for personal and commercial use.

Name: first-aid-kit
Set: Mage Icons
Style: Outline
Viewbox: 24×24
License: Apache 2.0

1 other variant in Mage Icons

The same icon in other sets

first-aid-kitElement Plus first-aid-kitHuge Icons first-aid-kitIconPark first-aid-kitIconPark Outline first-aid-kitIconPark Solid first-aid-kitIconPark TwoTone first-aid-kit-fillMingCute Icon first-aid-kitOpenMoji first-aid-kitPhosphor first-aid-kit-fillRemix Icon first-aid-kitTabler Icons

Use the first aid kit icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M3.765 11.48a1 1 0 0 1-1-1V8.9a2.56 2.56 0 0 1 2.54-2.57h13.36a2.56 2.56 0 0 1 2.57 2.57v1.55a1 1 0 0 1-1 1m-16.47.03l.36 7.28a2.2 2.2 0 0 0 2.18 2h11.36a2.2 2.2 0 0 0 2.18-2l.36-7.28"/><path d="M15.065 6.33V4.27a1 1 0 0 0-.3-.73a1 1 0 0 0-.72-.3h-4.12a1 1 0 0 0-.72.3a1 1 0 0 0-.3.73v2.06m7.52 6.016v1.967a.49.49 0 0 1-.492.492h-2.458v2.458a.49.49 0 0 1-.492.491h-1.966a.49.49 0 0 1-.492-.491v-2.458H8.067a.49.49 0 0 1-.492-.492v-1.967a.49.49 0 0 1 .492-.491h2.458V9.397a.49.49 0 0 1 .492-.492h1.966a.49.49 0 0 1 .492.492v2.458h2.458a.49.49 0 0 1 .492.491"/></g></svg>

React

import type { SVGProps } from "react";

export function MageFirstAidKit(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M3.765 11.48a1 1 0 0 1-1-1V8.9a2.56 2.56 0 0 1 2.54-2.57h13.36a2.56 2.56 0 0 1 2.57 2.57v1.55a1 1 0 0 1-1 1m-16.47.03l.36 7.28a2.2 2.2 0 0 0 2.18 2h11.36a2.2 2.2 0 0 0 2.18-2l.36-7.28"/><path d="M15.065 6.33V4.27a1 1 0 0 0-.3-.73a1 1 0 0 0-.72-.3h-4.12a1 1 0 0 0-.72.3a1 1 0 0 0-.3.73v2.06m7.52 6.016v1.967a.49.49 0 0 1-.492.492h-2.458v2.458a.49.49 0 0 1-.492.491h-1.966a.49.49 0 0 1-.492-.491v-2.458H8.067a.49.49 0 0 1-.492-.492v-1.967a.49.49 0 0 1 .492-.491h2.458V9.397a.49.49 0 0 1 .492-.492h1.966a.49.49 0 0 1 .492.492v2.458h2.458a.49.49 0 0 1 .492.491"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M3.765 11.48a1 1 0 0 1-1-1V8.9a2.56 2.56 0 0 1 2.54-2.57h13.36a2.56 2.56 0 0 1 2.57 2.57v1.55a1 1 0 0 1-1 1m-16.47.03l.36 7.28a2.2 2.2 0 0 0 2.18 2h11.36a2.2 2.2 0 0 0 2.18-2l.36-7.28"/><path d="M15.065 6.33V4.27a1 1 0 0 0-.3-.73a1 1 0 0 0-.72-.3h-4.12a1 1 0 0 0-.72.3a1 1 0 0 0-.3.73v2.06m7.52 6.016v1.967a.49.49 0 0 1-.492.492h-2.458v2.458a.49.49 0 0 1-.492.491h-1.966a.49.49 0 0 1-.492-.491v-2.458H8.067a.49.49 0 0 1-.492-.492v-1.967a.49.49 0 0 1 .492-.491h2.458V9.397a.49.49 0 0 1 .492-.492h1.966a.49.49 0 0 1 .492.492v2.458h2.458a.49.49 0 0 1 .492.491"/></g></svg>
</template>

CSS

.icon-first-aid-kit {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M3.765%2011.48a1%201%200%200%201-1-1V8.9a2.56%202.56%200%200%201%202.54-2.57h13.36a2.56%202.56%200%200%201%202.57%202.57v1.55a1%201%200%200%201-1%201m-16.47.03l.36%207.28a2.2%202.2%200%200%200%202.18%202h11.36a2.2%202.2%200%200%200%202.18-2l.36-7.28%22%2F%3E%3Cpath%20d%3D%22M15.065%206.33V4.27a1%201%200%200%200-.3-.73a1%201%200%200%200-.72-.3h-4.12a1%201%200%200%200-.72.3a1%201%200%200%200-.3.73v2.06m7.52%206.016v1.967a.49.49%200%200%201-.492.492h-2.458v2.458a.49.49%200%200%201-.492.491h-1.966a.49.49%200%200%201-.492-.491v-2.458H8.067a.49.49%200%200%201-.492-.492v-1.967a.49.49%200%200%201%20.492-.491h2.458V9.397a.49.49%200%200%201%20.492-.492h1.966a.49.49%200%200%201%20.492.492v2.458h2.458a.49.49%200%200%201%20.492.491%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M3.765%2011.48a1%201%200%200%201-1-1V8.9a2.56%202.56%200%200%201%202.54-2.57h13.36a2.56%202.56%200%200%201%202.57%202.57v1.55a1%201%200%200%201-1%201m-16.47.03l.36%207.28a2.2%202.2%200%200%200%202.18%202h11.36a2.2%202.2%200%200%200%202.18-2l.36-7.28%22%2F%3E%3Cpath%20d%3D%22M15.065%206.33V4.27a1%201%200%200%200-.3-.73a1%201%200%200%200-.72-.3h-4.12a1%201%200%200%200-.72.3a1%201%200%200%200-.3.73v2.06m7.52%206.016v1.967a.49.49%200%200%201-.492.492h-2.458v2.458a.49.49%200%200%201-.492.491h-1.966a.49.49%200%200%201-.492-.491v-2.458H8.067a.49.49%200%200%201-.492-.492v-1.967a.49.49%200%200%201%20.492-.491h2.458V9.397a.49.49%200%200%201%20.492-.492h1.966a.49.49%200%200%201%20.492.492v2.458h2.458a.49.49%200%200%201%20.492.491%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/first-aid-kit.svg?color=%231a73e8&size=48