band aid icon

band-aid from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.

Name: band-aid
Set: BoxIcons v2
Style: Regular
Viewbox: 24×24
License: MIT
Aliases: bx-band-aid

The same icon in other sets

band-aidBoxIcons v2 Solid band-aidFont Awesome Solid band-aidcss.gg band-aidLine Awesome band-aidUnicons

Use the band aid icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.111 21.889a5.96 5.96 0 0 0 4.242-1.757l7.778-7.778a6.007 6.007 0 0 0 0-8.485a5.97 5.97 0 0 0-4.243-1.757a5.96 5.96 0 0 0-4.242 1.757l-7.778 7.778a6.007 6.007 0 0 0 0 8.485a5.97 5.97 0 0 0 4.243 1.757m-2.829-8.828l7.778-7.778a3.98 3.98 0 0 1 2.828-1.171c1.069 0 2.073.416 2.829 1.171a4.006 4.006 0 0 1 0 5.657l-7.778 7.778a3.98 3.98 0 0 1-2.828 1.171a3.98 3.98 0 0 1-2.829-1.171a4.01 4.01 0 0 1 0-5.657"/><circle cx="9" cy="12" r="1" fill="currentColor"/><circle cx="15" cy="12" r="1" fill="currentColor"/><circle cx="12" cy="15" r="1" fill="currentColor"/><circle cx="12" cy="9" r="1" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function BxBandAid(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="M8.111 21.889a5.96 5.96 0 0 0 4.242-1.757l7.778-7.778a6.007 6.007 0 0 0 0-8.485a5.97 5.97 0 0 0-4.243-1.757a5.96 5.96 0 0 0-4.242 1.757l-7.778 7.778a6.007 6.007 0 0 0 0 8.485a5.97 5.97 0 0 0 4.243 1.757m-2.829-8.828l7.778-7.778a3.98 3.98 0 0 1 2.828-1.171c1.069 0 2.073.416 2.829 1.171a4.006 4.006 0 0 1 0 5.657l-7.778 7.778a3.98 3.98 0 0 1-2.828 1.171a3.98 3.98 0 0 1-2.829-1.171a4.01 4.01 0 0 1 0-5.657"/><circle cx="9" cy="12" r="1" fill="currentColor"/><circle cx="15" cy="12" r="1" fill="currentColor"/><circle cx="12" cy="15" r="1" fill="currentColor"/><circle cx="12" cy="9" r="1" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.111 21.889a5.96 5.96 0 0 0 4.242-1.757l7.778-7.778a6.007 6.007 0 0 0 0-8.485a5.97 5.97 0 0 0-4.243-1.757a5.96 5.96 0 0 0-4.242 1.757l-7.778 7.778a6.007 6.007 0 0 0 0 8.485a5.97 5.97 0 0 0 4.243 1.757m-2.829-8.828l7.778-7.778a3.98 3.98 0 0 1 2.828-1.171c1.069 0 2.073.416 2.829 1.171a4.006 4.006 0 0 1 0 5.657l-7.778 7.778a3.98 3.98 0 0 1-2.828 1.171a3.98 3.98 0 0 1-2.829-1.171a4.01 4.01 0 0 1 0-5.657"/><circle cx="9" cy="12" r="1" fill="currentColor"/><circle cx="15" cy="12" r="1" fill="currentColor"/><circle cx="12" cy="15" r="1" fill="currentColor"/><circle cx="12" cy="9" r="1" fill="currentColor"/></svg>
</template>

CSS

.icon-band-aid {
  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%22M8.111%2021.889a5.96%205.96%200%200%200%204.242-1.757l7.778-7.778a6.007%206.007%200%200%200%200-8.485a5.97%205.97%200%200%200-4.243-1.757a5.96%205.96%200%200%200-4.242%201.757l-7.778%207.778a6.007%206.007%200%200%200%200%208.485a5.97%205.97%200%200%200%204.243%201.757m-2.829-8.828l7.778-7.778a3.98%203.98%200%200%201%202.828-1.171c1.069%200%202.073.416%202.829%201.171a4.006%204.006%200%200%201%200%205.657l-7.778%207.778a3.98%203.98%200%200%201-2.828%201.171a3.98%203.98%200%200%201-2.829-1.171a4.01%204.01%200%200%201%200-5.657%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2212%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2212%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2215%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%221%22%20fill%3D%22currentColor%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%22M8.111%2021.889a5.96%205.96%200%200%200%204.242-1.757l7.778-7.778a6.007%206.007%200%200%200%200-8.485a5.97%205.97%200%200%200-4.243-1.757a5.96%205.96%200%200%200-4.242%201.757l-7.778%207.778a6.007%206.007%200%200%200%200%208.485a5.97%205.97%200%200%200%204.243%201.757m-2.829-8.828l7.778-7.778a3.98%203.98%200%200%201%202.828-1.171c1.069%200%202.073.416%202.829%201.171a4.006%204.006%200%200%201%200%205.657l-7.778%207.778a3.98%203.98%200%200%201-2.828%201.171a3.98%203.98%200%200%201-2.829-1.171a4.01%204.01%200%200%201%200-5.657%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2212%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2212%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2215%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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