SVG

SVG is more advanced block, but it allows to present some graphics in accessible way, so that text can be read by crawlers, AI and screen readers. Also it's possible to change texts in the SVG if the layout doesn't change it can be easy. And great advantage with SVGs is that they are responsive.

Properties

SVG block has 1 main property which is the SVG code itself

For example:

<svg height="40" width="200" xmlns="http://www.w3.org/2000/svg">
  <text x="5" y="30" fill="pink" stroke="blue" font-size="35">This is SVG</text>
</svg>

This will be displayed as

And to change text I can simple open the editor and find the existing text and change to anything for example:

And it will become:

Settings

 In SVG settings you can set max width which controls how it is displayed, it will be scaled to that width. And if you set the max width you might want to center the SVG so simply toggle that option to do it.