/* eslint-disable no-useless-escape */
// @flow
import React from 'react';

const TealCheckmark = () => (
  <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <defs>
      <linearGradient x1="0%" y1="100%" x2="100%" y2="0%" id="linearGradient-1">
        <stop stopColor="#00A2AD" offset="0%" />
        <stop stopColor="#3EA394" offset="100%" />
      </linearGradient>
    </defs>
    <g id="Microcourse-v2" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g id="MC-Overview---Plus-Enrolled---In-Progress-1" transform="translate(-618.000000, -399.000000)">
        <g id="FG-Title" transform="translate(0.000000, 80.000000)">
          <g id="You're-Enrolled" transform="translate(608.000000, 310.000000)">
            <g transform="translate(10.000000, 9.000000)" id="check-o-teal-gradient">
              <g>
                <path d="M0,16 C0,7.16342857 7.16342857,0 16,0 C24.8365714,0 32,7.16342857 32,16 C32,24.8365714 24.8365714,32 16,32 C7.16342857,32 0,24.8365714 0,16" id="Fill-232" fill="url(#linearGradient-1)" />
                <path d="M13.1825914,19.4712648 L22.6082645,9.65285538 C23.0178668,9.22618635 23.6940545,9.22534082 24.1106137,9.65925669 C24.5300771,10.0961978 24.5280338,10.7957925 24.1125365,11.2286022 L13.5904775,22.1890803 C13.1723684,22.6246106 12.5004651,22.6209932 12.0839059,22.1870774 C12.0809516,22.184 12.0780182,22.1809095 12.0751058,22.1778062 C12.0721365,22.1747828 12.0691799,22.1717378 12.066236,22.1686713 L8.31229359,18.2583146 C7.89556871,17.8242262 7.89611045,17.1212738 8.31266969,16.6873579 C8.73213311,16.2504169 9.40443653,16.2532667 9.82078805,16.6869662 L12.8381531,19.8300548 L13.1825914,19.4712648 Z" id="Rectangle-348" fill="#FFFFFF" fillRule="nonzero" />
              </g>
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);

export default TealCheckmark;