SVG ZOOTable of ContentsHomeGuidesTutorialsLibrariesToolsNewsNotificationsFAQsLinksColophonSVG ZOOSVG ToolsViewbox VisualizerViewbox VisualizerUnderstand the SVG viewBox attribute.Origin XOrigin YViewbox WidthViewbox HeightSVG WidthSVG HeightPreserve Aspect Ratioalignnone (stretches to fit)xMinYMinxMinYMidxMinYMaxxMidYMinxMidYMid (default)xMidYMaxxMaxYMinxMaxYMidxMaxYMax Slice<svg viewBox="0,0 100,100" >Examples:CircleHeartsToucansLogoResourcesDrawing SVGs: The viewBoxSVG LibrarySVG EssentialsSVG Text LayoutPractical SVGUsing SVG with CSS3 & HTML5SVG Animations→ see all
SVG ZOOSVG ToolsViewbox VisualizerViewbox VisualizerUnderstand the SVG viewBox attribute.Origin XOrigin YViewbox WidthViewbox HeightSVG WidthSVG HeightPreserve Aspect Ratioalignnone (stretches to fit)xMinYMinxMinYMidxMinYMaxxMidYMinxMidYMid (default)xMidYMaxxMaxYMinxMaxYMidxMaxYMax Slice<svg viewBox="0,0 100,100" >Examples:CircleHeartsToucansLogoResourcesDrawing SVGs: The viewBox
SVG LibrarySVG EssentialsSVG Text LayoutPractical SVGUsing SVG with CSS3 & HTML5SVG Animations→ see all
SVG Essentials
SVG Text Layout
Practical SVG
Using SVG with CSS3 & HTML5
SVG Animations