first aid kit icon
first-aid-kit-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- first-aid-kit-fill
- Set
- Mage Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Mage Icons
The same icon in other sets
Use the first aid kit icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function MageFirstAidKitFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-first-aid-kit-fill {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.73%207.636a3.3%203.3%200%200%200-3.051-2.048h-2.872V4.29a1.7%201.7%200%200%200-.13-.69a1.6%201.6%200%200%200-.38-.569a1.7%201.7%200%200%200-.58-.39a1.7%201.7%200%200%200-.67-.14H9.923a1.4%201.4%200%200%200-.69.14c-.21.09-.4.22-.56.38a1.7%201.7%200%200%200-.39.58a1.7%201.7%200%200%200-.14.679v1.308H5.291c-.875.01-1.71.364-2.327.985A3.32%203.32%200%200%200%202%208.904v1.579a1.75%201.75%200%200%200%20.52%201.238c.146.149.32.268.51.35l.34%206.752c.063.732.398%201.413.941%201.908a3%203%200%200%200%202.001.769h11.376a2.934%202.934%200%200%200%202.921-2.707l.33-6.732a1.72%201.72%200%200%200%20.93-.938c.088-.213.132-.44.131-.67V8.914a3.3%203.3%200%200%200-.27-1.278M9.644%204.27a.4.4%200%200%201%200-.1l.07-.09l.08-.06h4.352l.09.07a.2.2%200%200%201%200%20.08a.2.2%200%200%201%200%20.11v1.308H9.574zm7.524%2010.048a1.24%201.24%200%200%201-.36.87a1.22%201.22%200%200%201-.881.369h-1.71v1.708a1.24%201.24%200%200%201-.361.869a1.22%201.22%200%200%201-.88.37h-2.001a1.25%201.25%200%200%201-1.251-1.24v-1.707H8.033a1.25%201.25%200%200%201-1.154-.762a1.2%201.2%200%200%201-.097-.477V12.32a1.23%201.23%200%200%201%20.37-.879c.236-.229.552-.358.881-.36h1.7V9.425a1.227%201.227%200%200%201%201.252-1.239h2c.33%200%20.646.129.88.36c.23.236.358.55.361.879v1.708h1.711c.33%200%20.646.129.88.36c.23.235.36.55.36.878z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.667%2012.61v1.449h-2.201a.75.75%200%200%200-.75.749v2.197h-1.451v-2.197a.737.737%200%200%200-.75-.75H8.312V12.61h2.201a.75.75%200%200%200%20.75-.749V9.664h1.451v2.197a.76.76%200%200%200%20.75.75z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.73%207.636a3.3%203.3%200%200%200-3.051-2.048h-2.872V4.29a1.7%201.7%200%200%200-.13-.69a1.6%201.6%200%200%200-.38-.569a1.7%201.7%200%200%200-.58-.39a1.7%201.7%200%200%200-.67-.14H9.923a1.4%201.4%200%200%200-.69.14c-.21.09-.4.22-.56.38a1.7%201.7%200%200%200-.39.58a1.7%201.7%200%200%200-.14.679v1.308H5.291c-.875.01-1.71.364-2.327.985A3.32%203.32%200%200%200%202%208.904v1.579a1.75%201.75%200%200%200%20.52%201.238c.146.149.32.268.51.35l.34%206.752c.063.732.398%201.413.941%201.908a3%203%200%200%200%202.001.769h11.376a2.934%202.934%200%200%200%202.921-2.707l.33-6.732a1.72%201.72%200%200%200%20.93-.938c.088-.213.132-.44.131-.67V8.914a3.3%203.3%200%200%200-.27-1.278M9.644%204.27a.4.4%200%200%201%200-.1l.07-.09l.08-.06h4.352l.09.07a.2.2%200%200%201%200%20.08a.2.2%200%200%201%200%20.11v1.308H9.574zm7.524%2010.048a1.24%201.24%200%200%201-.36.87a1.22%201.22%200%200%201-.881.369h-1.71v1.708a1.24%201.24%200%200%201-.361.869a1.22%201.22%200%200%201-.88.37h-2.001a1.25%201.25%200%200%201-1.251-1.24v-1.707H8.033a1.25%201.25%200%200%201-1.154-.762a1.2%201.2%200%200%201-.097-.477V12.32a1.23%201.23%200%200%201%20.37-.879c.236-.229.552-.358.881-.36h1.7V9.425a1.227%201.227%200%200%201%201.252-1.239h2c.33%200%20.646.129.88.36c.23.236.358.55.361.879v1.708h1.711c.33%200%20.646.129.88.36c.23.235.36.55.36.878z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.667%2012.61v1.449h-2.201a.75.75%200%200%200-.75.749v2.197h-1.451v-2.197a.737.737%200%200%200-.75-.75H8.312V12.61h2.201a.75.75%200%200%200%20.75-.749V9.664h1.451v2.197a.76.76%200%200%200%20.75.75z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/first-aid-kit-fill.svg?color=%231a73e8&size=48
