1<?xml version="1.0" standalone="no"?> 2<!DOCTYPE svg SYSTEM "SVG-19990812.dtd"> 3<svg width="120" height="120"> 4<!-- define the outside border as a black square with a smaller white square on top of it --> 5<rect x="1" y="1" width="120" height="120" style="fill: black"/> 6<rect x="10" y="10" width="102" height="102" style="fill: white"/> 7<!-- position the "ia" near the center of the image --> 8<text style="font-size: 70; font-family: serif; font-weight: bolder; color: black" x="28" y="85">ia</text> 9<!-- build a black triangle that covers the dot of the "i" and a black rectangle for the base. note that the "g" tag groups the two objects and applies the black fill to both objects at the same time --> 10<g style="fill: black"> 11<polygon points="60 12 106 51 14 51 60 12" /> 12<rect x="14" y="87" width="92" height="19" /> 13</g> 14<!-- create the white dot for the "i" --> 15<ellipse cx="40" cy="44" rx="7" ry="4" style="fill:white" /> 16</svg> 17 18