import React, { ComponentType } from 'react'

import { CustomIconProps } from '@monorail/visualComponents/icon/Icon'

export const H2: ComponentType<CustomIconProps> = props => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path d="M12.1152 7.15169V16H10.0674V12.3722H6.04775V16H4V7.15169H6.04775V10.6404H10.0674V7.15169H12.1152Z" />
    <path d="M20.5162 14.3315V16H13.8294V14.6728L17.2424 11.4494C17.6047 11.1039 17.8491 10.809 17.9755 10.5646C18.1019 10.3118 18.1651 10.0632 18.1651 9.81882C18.1651 9.46489 18.0429 9.19522 17.7985 9.00983C17.5626 8.81601 17.2129 8.7191 16.7494 8.7191C16.3617 8.7191 16.012 8.79494 15.7002 8.94663C15.3884 9.08989 15.1272 9.30899 14.9165 9.60393L13.4249 8.64326C13.7704 8.12921 14.2466 7.72893 14.8533 7.44242C15.46 7.14747 16.1553 7 16.939 7C17.5963 7 18.1693 7.10955 18.6581 7.32865C19.1553 7.53933 19.5387 7.8427 19.8084 8.23876C20.0865 8.6264 20.2255 9.08567 20.2255 9.61657C20.2255 10.0969 20.1244 10.5478 19.9221 10.9691C19.7199 11.3904 19.328 11.8708 18.7466 12.4101L16.7115 14.3315H20.5162Z" />
  </svg>
)
