/* @flow */

import React from 'react';

type Props = {
  color: string,
};

const GooglePlayIcon = ({ color }: Props) => (
  <svg width="20px" height="23px" viewBox="0 0 20 23">
    <g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g
        id="Store-Icons"
        transform="translate(-99.000000, -109.000000)"
        fill={color}
      >
        <g
          id="circ_Google_download"
          transform="translate(85.000000, 99.000000)"
        >
          <path d="M14.6531183,32.3718354 C14.2575042,32.2646912 14,31.869772 14,31.2586525 L14,11.0864944 C14,10.5205045 14.2180326,10.1387856 14.5636564,10 L14.5636564,10 L24.4228332,21.2416571 L14.6531183,32.3718354 L14.6531183,32.3718354 Z M16.0103048,31.9436451 L27.8776422,25.1809087 L24.9871835,21.8851421 L16.0103048,31.9436451 L16.0103048,31.9436451 Z M27.9593618,17.2126559 L16.2574085,10.5426155 L25.0042946,20.5792254 L27.9593618,17.2126559 L27.9593618,17.2126559 Z M28.7533298,17.6652127 L33.3375107,20.2781673 C34.2054705,20.7728989 34.213408,21.5704009 33.3375107,22.0695409 L28.6373545,24.7479781 L25.5716571,21.2302452 L28.7533298,17.6652127 L28.7533298,17.6652127 Z" />
        </g>
      </g>
    </g>
  </svg>
);

export default GooglePlayIcon;