@lessondesk/material-icons/src/GhostOff.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 GhostOffIcon = ({
  size,
  ...props
}) => (
  <Svg
    {...props}
    viewBox='0 0 24 24'
    width={size}
    height={size}
    fill='currentcolor'
  >
    <path d='M2,3.27L3.28,2L22,20.72L20.73,22L17.87,19.13L15,22L12,19L9,22L6,19L3,22V11C3,9.09 3.59,7.33 4.6,5.87L2,3.27M12,2C16.97,2 21,6.03 21,11V17.18L15.7,11.88C16.46,11.59 17,10.86 17,10C17,8.9 16.1,8 15,8C14.14,8 13.41,8.54 13.13,9.3L7.2,3.38C8.59,2.5 10.24,2 12,2M7,10C7,11.1 7.9,12 9,12C9.5,12 9.93,11.83 10.27,11.54L7.46,8.73C7.17,9.07 7,9.5 7,10Z' />
  </Svg>
)

GhostOffIcon.displayName = 'GhostOffIcon'

GhostOffIcon.defaultProps = {
  size: 24
}

export default GhostOffIcon