bandaids icon

bandaids-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name
bandaids-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

bandaidsbandaids-boldbandaids-duotonebandaids-fillbandaids-light

Use the bandaids icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m178.91 128l30.55-30.54a36 36 0 0 0-50.92-50.92L128 77.09L97.46 46.54a36 36 0 0 0-50.92 50.92L77.09 128l-30.55 30.54a36 36 0 0 0 50.92 50.92L128 178.91l30.54 30.55a36 36 0 0 0 50.92-50.92ZM164.2 52.2a28 28 0 0 1 39.6 39.6l-30.55 30.54l-39.59-39.59Zm3.4 75.8L128 167.6L88.4 128L128 88.4ZM52.2 91.8a28 28 0 0 1 39.6-39.6l30.54 30.55l-39.59 39.59Zm39.6 112a28 28 0 0 1-39.6-39.6l30.55-30.54l39.59 39.59Zm112 0a28 28 0 0 1-39.6 0l-30.54-30.55l39.59-39.59l30.55 30.54a28 28 0 0 1 0 39.6M120 128a8 8 0 1 1 8 8a8 8 0 0 1-8-8"/></svg>

React

import type { SVGProps } from "react";

export function PhBandaidsThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m178.91 128l30.55-30.54a36 36 0 0 0-50.92-50.92L128 77.09L97.46 46.54a36 36 0 0 0-50.92 50.92L77.09 128l-30.55 30.54a36 36 0 0 0 50.92 50.92L128 178.91l30.54 30.55a36 36 0 0 0 50.92-50.92ZM164.2 52.2a28 28 0 0 1 39.6 39.6l-30.55 30.54l-39.59-39.59Zm3.4 75.8L128 167.6L88.4 128L128 88.4ZM52.2 91.8a28 28 0 0 1 39.6-39.6l30.54 30.55l-39.59 39.59Zm39.6 112a28 28 0 0 1-39.6-39.6l30.55-30.54l39.59 39.59Zm112 0a28 28 0 0 1-39.6 0l-30.54-30.55l39.59-39.59l30.55 30.54a28 28 0 0 1 0 39.6M120 128a8 8 0 1 1 8 8a8 8 0 0 1-8-8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m178.91 128l30.55-30.54a36 36 0 0 0-50.92-50.92L128 77.09L97.46 46.54a36 36 0 0 0-50.92 50.92L77.09 128l-30.55 30.54a36 36 0 0 0 50.92 50.92L128 178.91l30.54 30.55a36 36 0 0 0 50.92-50.92ZM164.2 52.2a28 28 0 0 1 39.6 39.6l-30.55 30.54l-39.59-39.59Zm3.4 75.8L128 167.6L88.4 128L128 88.4ZM52.2 91.8a28 28 0 0 1 39.6-39.6l30.54 30.55l-39.59 39.59Zm39.6 112a28 28 0 0 1-39.6-39.6l30.55-30.54l39.59 39.59Zm112 0a28 28 0 0 1-39.6 0l-30.54-30.55l39.59-39.59l30.55 30.54a28 28 0 0 1 0 39.6M120 128a8 8 0 1 1 8 8a8 8 0 0 1-8-8"/></svg>
</template>

CSS

.icon-bandaids-thin {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m178.91%20128l30.55-30.54a36%2036%200%200%200-50.92-50.92L128%2077.09L97.46%2046.54a36%2036%200%200%200-50.92%2050.92L77.09%20128l-30.55%2030.54a36%2036%200%200%200%2050.92%2050.92L128%20178.91l30.54%2030.55a36%2036%200%200%200%2050.92-50.92ZM164.2%2052.2a28%2028%200%200%201%2039.6%2039.6l-30.55%2030.54l-39.59-39.59Zm3.4%2075.8L128%20167.6L88.4%20128L128%2088.4ZM52.2%2091.8a28%2028%200%200%201%2039.6-39.6l30.54%2030.55l-39.59%2039.59Zm39.6%20112a28%2028%200%200%201-39.6-39.6l30.55-30.54l39.59%2039.59Zm112%200a28%2028%200%200%201-39.6%200l-30.54-30.55l39.59-39.59l30.55%2030.54a28%2028%200%200%201%200%2039.6M120%20128a8%208%200%201%201%208%208a8%208%200%200%201-8-8%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m178.91%20128l30.55-30.54a36%2036%200%200%200-50.92-50.92L128%2077.09L97.46%2046.54a36%2036%200%200%200-50.92%2050.92L77.09%20128l-30.55%2030.54a36%2036%200%200%200%2050.92%2050.92L128%20178.91l30.54%2030.55a36%2036%200%200%200%2050.92-50.92ZM164.2%2052.2a28%2028%200%200%201%2039.6%2039.6l-30.55%2030.54l-39.59-39.59Zm3.4%2075.8L128%20167.6L88.4%20128L128%2088.4ZM52.2%2091.8a28%2028%200%200%201%2039.6-39.6l30.54%2030.55l-39.59%2039.59Zm39.6%20112a28%2028%200%200%201-39.6-39.6l30.55-30.54l39.59%2039.59Zm112%200a28%2028%200%200%201-39.6%200l-30.54-30.55l39.59-39.59l30.55%2030.54a28%2028%200%200%201%200%2039.6M120%20128a8%208%200%201%201%208%208a8%208%200%200%201-8-8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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