Scale inline SVG symbol referenced with

Question

I have an SVG logo defined as a symbol like so:

Answer 1

Unfortunately it is the dimensions of the element that appears in your

that is important. There is no way to inherit a viewBox from a child symbol reference.

You would need to copy the viewBox (width and height) from the symbol.

.Header-logo {
    height: 5rem;
}

.Header-logo2 {
    height: 8rem;
}