Как внести чистый svg в html? (svg кнопка)

document.getElementById('button').addEventListener('click', function() { 
  console.log('click') 
})

circle { 
  transition: 200ms; 
  cursor: pointer; 
} 
 
circle:hover { 
  fill: steelblue 
} 
 
circle:active { 
  r: 240; 
} 
 
text { 
  text-anchor: middle; 
  dominant-baseline: central; 
  font-size: 200px; 
  pointer-events: none; 
}

<svg id=button viewbox=0,0,500,500 width="50px" height="50px"> 
   
  <circle cx="250" cy="250" r="210" fill="#fff" stroke="#000" stroke-width="8"/> 
  <text x="250" y="250">