SVG's

README.md

SVG's

######Triangle cutout

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" preserverAspectRatio="none" viewBox="0 0 48 36">
<path fill="#675983" d="M0,0v36h48V0H0z M24.072,33.688L3.542,3h40.917L24.072,33.688z"/>
<path fill="#675983" d="M0,0v36h48V0H0z M24.072,33.688L3.542,3h40.917L24.072,33.688z"/>
</svg>

---

######Cartoon star

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="300px" height="300px" viewBox="0 0 300 300">
  <polygon
    fill = "#FF931E"
    stroke = "#ED1C24"
    stroke-width = "5"
    points = "279.1,160.8 195.2,193.3 174.4,280.8   117.6,211.1 27.9,218.3 76.7,142.7 42.1,59.6 129.1,82.7 197.4,24.1 202.3,114 "/>
</svg>

index.html

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" preserverAspectRatio="none" viewBox="0 0 48 36">
<path fill="#675983" d="M0,0v36h48V0H0z M24.072,33.688L3.542,3h40.917L24.072,33.688z"/>
<path fill="#675983" d="M0,0v36h48V0H0z M24.072,33.688L3.542,3h40.917L24.072,33.688z"/>
</svg>


</hr>


<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="300px" height="300px" viewBox="0 0 300 300">
  <polygon
    fill = "#FF931E"
    stroke = "#ED1C24"
    stroke-width = "5"
    points = "279.1,160.8 195.2,193.3 174.4,280.8   117.6,211.1 27.9,218.3 76.7,142.7 42.1,59.6 129.1,82.7 197.4,24.1 202.3,114 "/>
</svg>