Как добиться точного такого же треугольника?

Question

[frontAng]

на сss, без svg

<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg fill="#000000" width="800px" height="800px" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M14 5v10l-9-5 9-5z"/></svg>

текущий код https://jsbin.com/xomadipalo/edit?html,css,output

Answer 1

[Алексей Уколов]

В чём вообще сложность-то?

div {
    width: 0px;
    height: 0px;
    padding: 0;
    border: none;
}

div:after {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border-top: 200px solid transparent;
    border-bottom: 200px solid transparent;
    border-right: 360px solid #00FF00;
}

смещение сделано, чтобы убедиться, что всё на месте; без него совпадение 100%

Answer 2

[Ivan Bogachev]

clip-path: polygon(70% 25%, 25% 50%, 70% 75%);