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

material icon react SVG version

      import React, { Component } from 'react';

      export default class GaugeIcon 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-gauge-icon ${this.props.className}`}><path d="M17.3 18c1.7-1.5 2.7-3.6 2.7-6 0-4.4-3.6-8-8-8s-8 3.6-8 8c0 2.4 1 4.5 2.7 6 1.5-1.3 3.3-2 5.3-2s3.9.7 5.3 2zM12 2c5.5 0 10 4.5 10 10s-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2zM7 9a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-2.6-2.9c.5.2.7.8.6 1.3l-1.4 3.4c.2.3.4.7.4 1.2 0 1.1-.9 2-2 2s-2-.9-2-2c0-1 .7-1.9 1.7-2l1.4-3.3c.2-.6.8-.8 1.3-.6z"/></svg>
          )
        }
      }