The SVG element allows drawing paths, boxes, circles, text, and graphic images in HTML document.
Here is a sample:
<div style="border: 1px solid #ccc; border-radius: 5px; padding: 10px; margin: 10px; background-color: #f9f9f9;">
<table>
<tr>
<td>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" style="width:70px">
<path d="M20 35 L50 20 L80 35 L80 75 L50 90 L20 75 Z" fill="#1581A0"></path>
<path d="M50 20 L80 35 L80 75 L50 90 L50 20" fill="#1E3D6B" opacity="0.3"></path>
<path d="M35 40 L65 40 L65 70 L35 70 Z" fill="white" opacity="0.9"></path>
<path d="M35 50 L65 50" stroke="white" stroke-width="2" opacity="0.6"></path>
<path d="M35 60 L65 60" stroke="white" stroke-width="2" opacity="0.6"></path>
<path d="M45 40 L45 70" stroke="white" stroke-width="2" opacity="0.6"></path>
<path d="M55 40 L55 70" stroke="white" stroke-width="2" opacity="0.6"></path>
<path d="M20 35 L50 20 L80 35" fill="none" stroke="white" stroke-width="1.5" opacity="0.2"></path>
</svg>
</td>
<td>
<h1 style="padding-top: 9px;">Property Comparables Ltd</h1>
</td>
</tr>
</table>
</div>
The expected result should look in a similar way in the browser: