@lessondesk/material-icons/src/BloodBag.js

Material Icon SVGs as React Components

import React from 'react'
import styled from 'styled-components'
import { space, color } from 'styled-system'

const Svg = styled('svg')({ flex: 'none' }, space, color)

const BloodBagIcon = ({
  size,
  ...props
}) => (
  <Svg
    {...props}
    viewBox='0 0 24 24'
    width={size}
    height={size}
    fill='currentcolor'
  >
    <path d='M21,7C20,7 20,6 20,6V5H18V7H16V6C16,4.27 14.75,1 10,1C5.25,1 4,4.27 4,6V19C4,19.33 3.9,21 2,21V23C4.93,23 6,20.61 6,19V6C6,5.88 6.05,3 10,3C13.83,3 14,5.7 14,6V7H12V5H10V6C10,6 10,7 9,7C8,7 8,8 8,8V20C8,20 8,22 13,22C13.24,22 14.13,22 17,22C22,22 22,20 22,20V8C22,8 22,7 21,7M15,19.4C13.34,19.4 12,18.06 12,16.4C12,14.4 15,11 15,11C15,11 18,14.4 18,16.4C18,18.06 16.66,19.4 15,19.4Z' />
  </Svg>
)

BloodBagIcon.displayName = 'BloodBagIcon'

BloodBagIcon.defaultProps = {
  size: 24
}

export default BloodBagIcon