Lock cycle.
The selected animation. Two banks open the channel, pause, then close into the Chamber. Plays once for 2 seconds; the wordmark stays fully visible and still.
Plays once · 2 seconds
Add it to your page.
Use the SVG as a normal image. It starts when the image loads, plays once, and settles into the approved logo. The file contains the animation; no JavaScript or animation library is needed.
<a href="/" aria-label="Sluis home">
<img
src="/brand/animated/sluis-logo-animated.svg"
alt="Sluis"
width="270"
height="100"
style="display:block;width:162px;height:auto"
>
</a>Reloading the page plays the cycle again. With reduced motion enabled, the complete static logo appears immediately.
