@lessondesk/material-icons/src/BellOff.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 BellOffIcon = ({
  size,
  ...props
}) => (
  <Svg
    {...props}
    viewBox='0 0 24 24'
    width={size}
    height={size}
    fill='currentcolor'
  >
    <path d='M20.84,22.73L18.11,20H3V19L5,17V11C5,9.86 5.29,8.73 5.83,7.72L1.11,3L2.39,1.73L22.11,21.46L20.84,22.73M19,15.8V11C19,7.9 16.97,5.17 14,4.29C14,4.19 14,4.1 14,4C14,2.9 13.1,2 12,2C10.9,2 10,2.9 10,4C10,4.1 10,4.19 10,4.29C9.39,4.47 8.8,4.74 8.26,5.09L19,15.8M12,23C13.1,23 14,22.1 14,21H10C10,22.1 10.9,23 12,23Z' />
  </Svg>
)

BellOffIcon.displayName = 'BellOffIcon'

BellOffIcon.defaultProps = {
  size: 24
}

export default BellOffIcon