SVG ViewBox Templates
Square or variable format with 5 templates
Square icon + square, rectangle and super wide
SVG can be drawn at any pixel size. So they don’t need a clearly defined height or width. You’re going to need to provide ViewBox Values if you want the SVG to scale to fit the dimensions you give it.
Here you can find 5 samples and several demos in the project
Here you can find 5 samples and several demos in the project
Demo 1 Viewbox 768x768
ANIMATION: PLAY IN VIEW | STATIC
RESPONSIVE: FIXED + + | FLUID +
RESPONSIVE: FIXED + + | FLUID +
Filling: ON
Shadow: ON
Link & anim: Off
Demo 2 Viewbox 768x768
ANIMATION: PLAY IN VIEW | STATIC
RESPONSIVE: FIXED + + | FLUID +
RESPONSIVE: FIXED + + | FLUID +
Filling: ON
Shadow: ON
Link & anim: Scale
Demo 3 Viewbox 768x550
ANIMATION: PLAY IN VIEW | STATIC
RESPONSIVE: FIXED + + | FLUID +
RESPONSIVE: FIXED + + | FLUID +
Filling: ON
Shadow: ON
Link & anim: Off
Demo 4 Viewbox 550x768
ANIMATION: PLAY IN VIEW | STATIC
RESPONSIVE: FIXED + + | FLUID +
RESPONSIVE: FIXED + + | FLUID +
Filling: ON
Shadow: ON
Link & anim: Off
Demo 5 Viewbox 1000x300
ANIMATION: PLAY IN VIEW | STATIC
RESPONSIVE: FIXED + + | FLUID +
RESPONSIVE: FIXED + + | FLUID +
Filling: ON
Shadow: ON
Link & anim: Slide