title: Is there an easier way to adjust the size of an SVG?
body: <p>I am looking to cut the image of the SVG in half. The SVG is the lighter wave at the bottom of the circle. It is currently too high, and I need to reduce the size by about half. I placed the SVG in a container of its own, but modifying the size of the container isn't exactly modifying the size of the image in ways I would expect. Any suggestion are appreciated.</p>
  <pre class="lang-dart prettyprint-override"><code>    return Container(
        decoration: bubbleBoxDecoration,
        height: bubbleDiameter.toDouble(),
        width: bubbleDiameter.toDouble(),
        child: Stack(
          children: [
            Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.center,
                children: &lt;Widget&gt;[
                  Text(
                    'Upper Body',
                    style: labelTextStyle,
                  ),
                  Text(
                    '45',
                    style: weightTextStyle,
                  ),
                  Text(
                    'lbs',
                    style: unitTextStyle,
                  ),
                ],
              ),
            ),
            Container(
              height: bubbleDiameter.toDouble(),
              width: bubbleDiameter.toDouble(),
              child: SvgPicture.asset(
                assetName,
                alignment: Alignment.bottomCenter,
              ),
            ),
          ],
        ),
      );
    }
  }
  </code></pre>
  <p><img src="https://i.stack.imgur.com/g7lwb.png" alt="Image example" /></p>