JSFiddle - React, Tailwind, and code Playground

HTML

<svg xmlns="http://www.w3.org/2000/svg">
    <defs><clipPath id="triangle1">
        <polygon points="10,30 180,60 250,10"/>
    </clipPath></defs>
    <polygon points="10,30 180,60 250,10" fill="none" stroke="black"/>
    <text x="20" y="50" clip-path="url(#triangle1)">Hello World</text>
</svg>

CSS

text { font-family:sans-serif; font-weight:bold; font-size:40px }