content: import React from 'react';
  
  export default class Percent extends React.Component {
    static propTypes = {
      name: React.PropTypes.string,
      isSelected: React.PropTypes.bool,
    };
  
    constructor(props) {
      super(props);
    }
  
    componentWillMount() {
    }
  
    render() {
      return (
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
            viewBox="0 0 16 16" >
            <path fill={this.props.isSelected ? '#2C93FF' : '#606264'} d="M15.1,4.7c-0.4-0.9-0.9-1.7-1.6-2.3c-0.7-0.7-1.5-1.2-2.3-1.6c-0.9-0.4-1.9-0.6-2.9-0.6
              C8,0.2,7.7,0.5,7.7,0.9v6.6c0,0.4,0.3,0.7,0.7,0.7l6.7,0c0.2,0,0.4-0.1,0.5-0.2c0.1-0.1,0.2-0.3,0.2-0.5C15.7,6.5,15.5,5.6,15.1,4.7
              z M14.3,6.8L9,6.8V1.6c1.3,0.2,2.6,0.8,3.5,1.7C13.5,4.3,14.1,5.5,14.3,6.8z"/>
            <path fill={this.props.isSelected ? '#2C93FF' : '#606264'} d="M14.2,8.9c-0.4-0.1-0.7,0.2-0.8,0.5c-0.3,1.3-1,2.6-2,3.4c-0.5,0.4-1.1,0.8-1.8,1c-0.7,0.2-1.4,0.4-2.1,0.4
              c-1.6,0-3.1-0.6-4.2-1.7c-1.1-1.1-1.7-2.6-1.7-4.2c0-0.7,0.1-1.4,0.4-2C2.2,5.6,2.5,5,3,4.5c0.9-1,2-1.8,3.4-2.1
              c0.2,0,0.3-0.1,0.4-0.3C6.8,2,6.9,1.8,6.8,1.6C6.8,1.3,6.4,1,6,1.1C4.4,1.5,3,2.4,1.9,3.6C1.4,4.3,1,5,0.7,5.8
              C0.4,6.6,0.3,7.4,0.3,8.3c0,1,0.2,1.9,0.6,2.9c0.4,0.9,0.9,1.7,1.6,2.3c0.7,0.7,1.5,1.2,2.3,1.6c0.9,0.4,1.9,0.6,2.9,0.6
              c0.9,0,1.7-0.2,2.5-0.5c0.8-0.3,1.5-0.7,2.2-1.2c1.3-1.1,2.2-2.6,2.5-4.2c0-0.2,0-0.4-0.1-0.5C14.6,9,14.4,8.9,14.2,8.9z"/>
          </svg>
      );
    }
  }
  