DotArrowRight.tsx

import {h} from '@stencil/core';

function SvgArrowDown(props) {
  return (
    <svg viewBox="0 0 26 18" {...props}>
      <circle id="Oval" fill="#107EAB" cx="8.5" cy="9" r="2"></circle>
      <g id="Icon/arrow/to_right" transform="translate(10.000000, 0.000000)">
        <g transform="translate(9.000000, 9.000000) rotate(270.000000) translate(-9.000000, -9.000000) ">
          <path
            d="M15.3739539,2.58885408 L9.05563628,10.0114192 L2.62512723,2.58778423 C2.5650068,2.51838293 2.45894051,2.51196471 2.39075562,2.57360208 L0.0533953737,4.68651506 C-0.0121083665,4.74572874 -0.0181566661,4.84589323 0.039753545,4.91243423 L8.93312424,15.1312497 C8.99867166,15.2065661 9.11651053,15.2061936 9.18157232,15.1304643 L17.9609254,4.91164883 C18.018144,4.84504869 18.011809,4.74545823 17.9466045,4.68651506 L15.6092442,2.57360208 C15.5406475,2.51159238 15.4338255,2.5185168 15.3739539,2.58885408 Z"
            id="Path"
            transform="translate(9.000000, 8.859375) rotate(-360.000000) translate(-9.000000, -8.859375) "
          ></path>
        </g>
      </g>
      <circle id="Oval-Copy" fill="#107EAB" cx="2" cy="9" r="2"></circle>
    </svg>
  );
}

export default SvgArrowDown;