How do I set preserveAspectRatio on an SVG online?

Paste the SVG and click Set preserveAspectRatio to write the root attribute.

What values can preserveAspectRatio take?

Common values combine an alignment like xMidYMid with meet, slice, or none.

Use Set SVG preserveAspectRatio for Flexbox.

FAQ

Quick answers

How do I set preserveAspectRatio on an SVG online?: Paste the SVG and click Set preserveAspectRatio to write the root attribute.
What values can preserveAspectRatio take?: Common values combine an alignment like xMidYMid with meet, slice, or none.
Need Flexbox-specific preserveAspectRatio defaults?: Use Set SVG preserveAspectRatio for Flexbox.
Is setting preserveAspectRatio free and private?: Yes — free, no upload.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B