Arbitrary SVG

ArbitrarySVG is a completely on-chain and interactive NFT.

An ArbitarySVG has a contained state, but it does not get saved in an outside context.

You can get the NFT by hitting the tokenURI function. If you wanted, you could do this without any web2 interaction at all. Just base64 decode the json, then base64 decode the image_data, and open the output in an SVG renderer.

Using on your site

You should wrap the SVG in an sandboxed iframe, as it is executing arbitrary code

→ Just change the source to the image_data uri

<code>
<iframe
    src="base64String_from_tokenURI["image_data"]_here"
    width="100%"
    height="100%"
    scrolling="no"
    allowtransparency="true"
    allowfullscreen="true"
    sandbox="allow-pointer-lock allow-same-origin allow-scripts allow-popups"
>
</iframe>
</code>