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