Table of Contents

SVG - Triangle

About

Trigonometry - Triangle in SVG

Example

Example 1

<svg height="156px" >
  <desc>Example Triangle</desc>
  <!-- A triangle -->
  <path 
        d="M 10,150 L 70,10 L 130,150 z"
        fill="#D5D8CB"
        stroke="#ECDCC6" 
        stroke-width="6"/>
</svg>
Rendered by WebCode

Example 2

With SVG - View Box 

<svg width="100%" height="80px" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">

  <path 
        d="M 100 100 L 300 100 L 200 300 z"
        fill="LightBlue" 
        stroke="Blue" 
        stroke-width="3" />
        
</svg>
Rendered by WebCode

Documentation / Reference