svg画双向箭头

之前做的时候找了下网上的 都是单项箭头 双向箭头的另外一个箭头和单向箭头不一样 另外一个箭头是我在直角坐标系一个点一个点画的 记录下来以后再用可以省很多时间

代码 

 <svg class="page-map">
        <defs>
            <marker id="mar-success"
                    markerUnits="strokeWidth"
                    markerWidth="5"
                    markerHeight="5"
                    viewBox="0 0 12 12"
                    refX="6"
                    refY="6"
                    orient="auto">
                <path d="M2,2 L10,6 L2,10 L6,6 L2,2" style="fill: green;" />
            </marker>
            <marker id="mar1-success"
                    markerUnits="strokeWidth"
                    markerWidth="5"
                    markerHeight="5"
                    viewBox="0 0 12 12"
                    refX=