<!DOCTYPE html>
<html lang="en">
  <head>
    <style>
        body {
          --stroke-color: red;
        }
        svg {
          border: 1px solid black;
          width: 50px;
          height: 50px;
        }
    </style>
  </head>
  <body>
    <div>
        <svg id="icon-import" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
                d="M15 14.899C16.2372 13.6364 17 11.9073 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17C11.9587 17 13.7295 16.1955 15 14.899ZM15 14.899L19.5 19.5"
                stroke="var(--stroke-color, black)" stroke-width="var(--stroke-width, 1.5)"
                vector-effect="non-scaling-stroke" stroke-linecap="square" />
        </svg>
    </div>
  </body>
</html>

