Bandage.js

import React from "react";
import Svg, { Path } from "react-native-svg";

const Bandage = ({ color, ...props }) => (
  <Svg viewBox="0 0 60 60" {...props}>
    <Path
      className="st0"
      d="M56.2 3.8c-5.1-5.1-13.3-5.1-18.4 0l-34 34c-5.1 5.1-5.1 13.3 0 18.4 5.1 5.1 13.3 5.1 18.4 0l33.9-33.9c5.1-5.1 5.1-13.4.1-18.5zm-3.6 16.3L20.1 52.6c-3.9 3.9-9.9 4.2-13.4.7s-3.2-9.5.7-13.4L39.9 7.4c3.9-3.9 9.9-4.2 13.4-.7s3.3 9.5-.7 13.4z"
    />
    <Ellipse
      transform="rotate(-45 29.998 22.936)"
      className="st0"
      cx={30}
      cy={22.9}
      rx={2}
      ry={2}
    />
    <Ellipse
      transform="rotate(-45 22.925 30.006)"
      className="st0"
      cx={22.9}
      cy={30}
      rx={2}
      ry={2}
    />
    <Ellipse
      transform="rotate(-45 33.533 26.472)"
      className="st0"
      cx={33.5}
      cy={26.5}
      rx={2}
      ry={2}
    />
    <Ellipse
      transform="rotate(-45 29.997 30.007)"
      className="st0"
      cx={30}
      cy={30}
      rx={2}
      ry={2}
    />
    <Ellipse
      transform="rotate(-45 26.461 26.471)"
      className="st0"
      cx={26.5}
      cy={26.5}
      rx={2}
      ry={2}
    />
    <Ellipse
      transform="rotate(-45 33.532 33.545)"
      className="st0"
      cx={33.5}
      cy={33.5}
      rx={2}
      ry={2}
    />
    <Ellipse
      transform="rotate(-45 26.46 33.543)"
      className="st0"
      cx={26.5}
      cy={33.5}
      rx={2}
      ry={2}
    />
    <Ellipse
      transform="rotate(-45 37.069 30.009)"
      className="st0"
      cx={37.1}
      cy={30}
      rx={2}
      ry={2}
    />
    <Ellipse
      transform="rotate(-45 29.996 37.079)"
      className="st0"
      cx={30}
      cy={37.1}
      rx={2}
      ry={2}
    />
  </Svg>
);

export default Bandage;