react-material-icon-svg/lib/ResponsiveIcon.jsx

material icon react SVG version

      import React, { Component } from 'react';

      export default class ResponsiveIcon extends Component {
        static defaultProps = {
          className: ''
        };

        constructor(props) {
          super(props);
        }

        render() {
          return (
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" baseProfile="full" viewBox="0 0 24.00 24.00" {...this.props} className={`material material-responsive-icon ${this.props.className}`}><path d="M4 6v10l5 .002v-4a2 2 0 0 1 2-2h5a2 2 0 0 1 2 2V16h2V6H4zM0 20v-2h4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2l-.01 10c0 1.104-.886 2-1.99 2h4v2h-6v.002a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2L0 20zm11.5.002a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1zm4 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1zm-2.5 0v1h1v-1h-1zm-2-8v7h5v-7h-5z"/></svg>
          )
        }
      }