how to create svg code example

Example 1: javascript create svg

// create svg element
const svg1 = document. createElementNS("http://www.w3.org/2000/svg", "svg");
svg1. setAttribute ("width", "100" );
svg1. setAttribute ("height", "100" );

// create a shape
const cir1 = document. createElementNS("http://www.w3.org/2000/svg", "circle");
cir1.setAttribute("cx", 0 );
cir1.setAttribute("cy", 0 );
cir1.setAttribute("r", 50);

// attach the shape to svg
svg1 . appendChild ( cir1 );

// attach the svg to a element on page
document. getElementById ('x77738'). appendChild ( svg1 );

Example 2: create svelte app

npx degit sveltejs/template my-svelte-project
cd my-svelte-project
npm install
npm run dev

Example 3: using svg in html

<img src="image.svg" />