Pug and SVG - how to be?

Question

HTML

What about using inline SVG in Pug/Jade?
There's an xml code there.
This is a serious block.
Damn, I've been working in Pug for a couple of weeks, translated a lot of things, but if you can't stupidly use SVG, then everything is in the trash. I'm shocked.

Answer 1

html2jade.org
html2jade.aaron-powell.com

Answer 2

doctype html
html
  head
  body
    svg(width="200px", height="230px", version="1.1", xmlns="http://www.w3.org/2000/svg", xmlns:xlink="http://www.w3.org/1999/xlink")
      circle/(cx="100", cy="100", r="100", fill="#000")
      circle/(cx="100", cy="100", r="95", fill="#ff0")

or
include path/to/icon.svg

Answer 3

Try a Mixin

mixin icon(name, url)
  - mod = mod || ''
    a(href="#{url}" class="#{name}_link")
      svg(class="icon icon-" + name)
        use(xlink:href="/assets/img/sprite.svg#" + name)

this is a link icon mixin, for an svg sprite... if the link is not needed just rewrite the mexin, the main idea is clear. instead of a sprite, just write name and it will take the corresponding svg from the folder
use(xlink:href="/assets/img/" + name + ".svg"