SVG

Inject SVG images into your page.

SVGs or Scalable Vector Graphics are really handy, for example to display a logo that remains crisp when scaling or that is animated.
TipUse the uk-preserve class to maintain the image's original color.
missing image

Adjust dimensions

missing image missing image

Add URL on click

missing image

Stroke animation

There are two ways to animate SVG strokes, using the Animation component and the Parallax stack.

Hover the image below:
missing image