I have tried to use below code to create svg image. Though it’s showing the text but instead of showing the shield icon it’s showing something else.
Here is the code I am using
<!-- assets/cert-shield-logo.svg -->
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="40" viewBox="0 0 200 40">
<style>
.icon { fill: #fff; }
.text-cert { font-size: 20px; font-weight: 700; font-family: Arial, sans-serif; fill: #C55A11; }
.text-guardian { font-size: 20px; font-weight: 700; font-family: Arial, sans-serif; fill: #2E75B6; }
</style>
<g>
<rect x="0" y="0" width="40" height="40" fill="#000" />
<path d="M80 4.75c-6.63 0-12 5.37-12 12v5.78c-2.06 1.28-3.47 3.43-3.47 5.98v2.18l-.04.01L36 34.42l-.01.01v.02c-1.26 1.25-1.25 3.29.01 4.56s3.3 1.26 4.56-.01l18.68-18.68.01-.02.02-.01h.01l9.9-9.91h.01c1.32-1.32 3.44-1.32 4.76 0l7.29 7.29c.42.42.78.88 1.09 1.39l12.56-12.56c1.26-1.26 3.3-1.26 4.56-.01s1.27 3.3.01 4.56L80 28.42v-4.69c0-2.55 1.42-4.7 3.47-5.98v-3.77c0-3.08 2.5-5.58 5.58-5.58 3.07 0 5.57 2.5 5.57 5.58v3.77c2.06 1.28 3.47 3.43 3.47 5.98v7.08c2.55 1.66 4.26 4.49 4.26 7.81v5.78c0 6.63-5.37 12-12 12s-12-5.37-12-12V30.4c0-2.55-1.42-4.7-3.47-5.98v-7.08c0-3.08-2.5-5.58-5.57-5.58z" class="icon" />
<text x="100" y="25" class="text-cert">Cert</text>
<text x="140" y="25" class="text-guardian">Shield</text>
</g>
</svg>
I am expecting a shield icon which I am trying to get from the path attribute.