FilmstripImage

Code Snippet

<svg width="100%" height="100%" viewBox="0 0 100 100">
    <FilmstripImage
        x={0}
        y={0}
        frameWidth={100}
        frameHeight={100}
        frameCount={30}
        normalizedValue={0.5}
        imageHref="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMzAwMCIgdmlld0JveD0iMCAwIDEwMCAzMDAwIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iaHNsKDAsIDcwJSwgNTAlKSIgc3Ryb2tlPSJub25lIiAvPjx0ZXh0IHg9IjUwIiB5PSI1MCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjQiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGRvbWluYW50LWJhc2VsaW5lPSJjZW50cmFsIiBmaWxsPSJ3aGl0ZSI+MDwvdGV4dD48bGluZSB4MT0iNTAiIHkxPSI1MCIgeDI9IjIxLjcxNTcyODc1MjUzODA5OCIgeTI9Ijc4LjI4NDI3MTI0NzQ2MTkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPjxyZWN0IHg9IjAiIHk9IjEwMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImhzbCgxMiwgNzAlLCA1MCUpIiBzdHJva2U9Im5vbmUiIC8+PHRleHQgeD0iNTAiIHk9IjE1MCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjQiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGRvbWluYW50LWJhc2VsaW5lPSJjZW50cmFsIiBmaWxsPSJ3aGl0ZSI+MTwvdGV4dD48bGluZSB4MT0iNTAiIHkxPSIxNTAiIHgyPSIxNy41MTI0NDUwODg3OTE1NSIgeTI9IjE3My4zMzU3ODMxNjQyOTk3NiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+PHJlY3QgeD0iMCIgeT0iMjAwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iaHNsKDI0LCA3MCUsIDUwJSkiIHN0cm9rZT0ibm9uZSIgLz48dGV4dCB4PSI1MCIgeT0iMjUwIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZG9taW5hbnQtYmFzZWxpbmU9ImNlbnRyYWwiIGZpbGw9IndoaXRlIj4yPC90ZXh0PjxsaW5lIHgxPSI1MCIgeTE9IjI1MCIgeDI9IjE0LjE2NTEwOTU2OTY1MjQ4NiIgeTI9IjI2Ny43NzI0NjgyNTQxNTYxNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+PHJlY3QgeD0iMCIgeT0iMzAwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iaHNsKDM2LCA3MCUsIDUwJSkiIHN0cm9rZT0ibm9uZSIgLz48dGV4dCB4PSI1MCIgeT0iMzUwIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZG9taW5hbnQtYmFzZWxpbmU9ImNlbnRyYWwiIGZpbGw9IndoaXRlIj4zPC90ZXh0PjxsaW5lIHgxPSI1MCIgeTE9IjM1MCIgeDI9IjExLjc2MTkxNDI5MzEzNTU0IiB5Mj0iMzYxLjc0MDkwMjkyNDE1NzQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPjxyZWN0IHg9IjAiIHk9IjQwMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImhzbCg0OCwgNzAlLCA1MCUpIiBzdHJva2U9Im5vbmUiIC8+PHRleHQgeD0iNTAiIHk9IjQ1MCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjQiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGRvbWluYW50LWJhc2VsaW5lPSJjZW50cmFsIiBmaWxsPSJ3aGl0ZSI+NDwvdGV4dD48bGluZSB4MT0iNTAiIHkxPSI0NTAiIHgyPSIxMC4zNjYxNzYxMzY4NDc3MjciIHkyPSI0NTUuNDAwMDAwNTU0MTMxNiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+PHJlY3QgeD0iMCIgeT0iNTAwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iaHNsKDYwLCA3MCUsIDUwJSkiIHN0cm9rZT0ibm9uZSIgLz48dGV4dCB4PSI1MCIgeT0iNTUwIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZG9taW5hbnQtYmFzZWxpbmU9ImNlbnRyYWwiIGZpbGw9IndoaXRlIj41PC90ZXh0PjxsaW5lIHgxPSI1MCIgeTE9IjU1MCIgeDI9IjEwLjAxNDY2ODU1MTA2ODYzOCIgeTI9IjU0OC45MTY4MjQ2MTI5NTQ3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48cmVjdCB4PSIwIiB5PSI2MDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJoc2woNzIsIDcwJSwgNTAlKSIgc3Ryb2tlPSJub25lIiAvPjx0ZXh0IHg9IjUwIiB5PSI2NTAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiBmb250LXNpemU9IjI0IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBkb21pbmFudC1iYXNlbGluZT0iY2VudHJhbCIgZmlsbD0id2hpdGUiPjY8L3RleHQ+PGxpbmUgeDE9IjUwIiB5MT0iNjUwIiB4Mj0iMTAuNzE2NjUyNjkwMzEzNzY1IiB5Mj0iNjQyLjQ2MjE4NzA0NDg2NzMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPjxyZWN0IHg9IjAiIHk9IjcwMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImhzbCg4NCwgNzAlLCA1MCUpIiBzdHJva2U9Im5vbmUiIC8+PHRleHQgeD0iNTAiIHk9Ijc1MCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjQiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGRvbWluYW50LWJhc2VsaW5lPSJjZW50cmFsIiBmaWxsPSJ3aGl0ZSI+NzwvdGV4dD48bGluZSB4MT0iNTAiIHkxPSI3NTAiIHgyPSIxMi40NTM2MzM0MTAxMTM5OCIgeTI9IjczNi4yMDYxNDc4OTQ4ODEyIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48cmVjdCB4PSIwIiB5PSI4MDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJoc2woOTYsIDcwJSwgNTAlKSIgc3Ryb2tlPSJub25lIiAvPjx0ZXh0IHg9IjUwIiB5PSI4NTAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiBmb250LXNpemU9IjI0IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBkb21pbmFudC1iYXNlbGluZT0iY2VudHJhbCIgZmlsbD0id2hpdGUiPjg8L3RleHQ+PGxpbmUgeDE9IjUwIiB5MT0iODUwIiB4Mj0iMTUuMTc5ODQ2NTU3NzUzMTE2IiB5Mj0iODMwLjMxMzUzNDc0NDQzOTciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPjxyZWN0IHg9IjAiIHk9IjkwMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImhzbCgxMDgsIDcwJSwgNTAlKSIgc3Ryb2tlPSJub25lIiAvPjx0ZXh0IHg9IjUwIiB5PSI5NTAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiBmb250LXNpemU9IjI0IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBkb21pbmFudC1iYXNlbGluZT0iY2VudHJhbCIgZmlsbD0id2hpdGUiPjk8L3RleHQ+PGxpbmUgeDE9IjUwIiB5MT0iOTUwIiB4Mj0iMTguODIzNDY0NzE4MzM2MzMyIiB5Mj0iOTI0LjkzOTYwMDAwNjU2MDYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPjxyZWN0IHg9IjAiIHk9IjEwMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJoc2woMTIwLCA3MCUsIDUwJSkiIHN0cm9rZT0ibm9uZSIgLz48dGV4dCB4PSI1MCIgeT0iMTA1MCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjQiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGRvbWluYW50LWJhc2VsaW5lPSJjZW50cmFsIiBmaWxsPSJ3aGl0ZSI+MTA8L3RleHQ+PGxpbmUgeDE9IjUwIiB5MT0iMTA1MCIgeDI9IjIzLjI4ODQ4OTY0ODQ1MjE4IiB5Mj0iMTAyMC4yMjU5MzA0OTc1MDkyIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48cmVjdCB4PSIwIiB5PSIxMTAwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iaHNsKDEzMiwgNzAlLCA1MCUpIiBzdHJva2U9Im5vbmUiIC8+PHRleHQgeD0iNTAiIHk9IjExNTAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiBmb250LXNpemU9IjI0IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBkb21pbmFudC1iYXNlbGluZT0iY2VudHJhbCIgZmlsbD0id2hpdGUiPjExPC90ZXh0PjxsaW5lIHgxPSI1MCIgeTE9IjExNTAiIHgyPSIyOC40NTcyODE1Mzc1NjM4MjYiIHkyPSIxMTE2LjI5NjcxNzA1NTMzNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+PHJlY3QgeD0iMCIgeT0iMTIwMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImhzbCgxNDQsIDcwJSwgNTAlKSIgc3Ryb2tlPSJub25lIiAvPjx0ZXh0IHg9IjUwIiB5PSIxMjUwIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZG9taW5hbnQtYmFzZWxpbmU9ImNlbnRyYWwiIGZpbGw9IndoaXRlIj4xMjwvdGV4dD48bGluZSB4MT0iNTAiIHkxPSIxMjUwIiB4Mj0iMzQuMTkzNjU4NDU4NzkzNzgiIHkyPSIxMjEzLjI1NTQ4MjQ4OTQ1NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+PHJlY3QgeD0iMCIgeT0iMTMwMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImhzbCgxNTYsIDcwJSwgNTAlKSIgc3Ryb2tlPSJub25lIiAvPjx0ZXh0IHg9IjUwIiB5PSIxMzUwIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZG9taW5hbnQtYmFzZWxpbmU9ImNlbnRyYWwiIGZpbGw9IndoaXRlIj4xMzwvdGV4dD48bGluZSB4MT0iNTAiIHkxPSIxMzUwIiB4Mj0iNDAuMzQ2NDg0MzQ4MDExNzgiIHkyPSIxMzExLjE4MjM1NDA2OTg3MTUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPjxyZWN0IHg9IjAiIHk9IjE0MDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJoc2woMTY4LCA3MCUsIDUwJSkiIHN0cm9rZT0ibm9uZSIgLz48dGV4dCB4PSI1MCIgeT0iMTQ1MCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjQiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGRvbWluYW50LWJhc2VsaW5lPSJjZW50cmFsIiBmaWxsPSJ3aGl0ZSI+MTQ8L3RleHQ+PGxpbmUgeDE9IjUwIiB5MT0iMTQ1MCIgeDI9IjQ2Ljc1MzY1MDk3ODkwMjc0IiB5Mj0iMTQxMC4xMzE5NTI0MTc1OTEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPjxyZWN0IHg9IjAiIHk9IjE1MDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJoc2woMTgwLCA3MCUsIDUwJSkiIHN0cm9rZT0ibm9uZSIgLz48dGV4dCB4PSI1MCIgeT0iMTU1MCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjQiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGRvbWluYW50LWJhc2VsaW5lPSJjZW50cmFsIiBmaWxsPSJ3aGl0ZSI+MTU8L3RleHQ+PGxpbmUgeDE9IjUwIiB5MT0iMTU1MCIgeDI9IjUzLjI0NjM0OTAyMTA5NzI2IiB5Mj0iMTUxMC4xMzE5NTI0MTc1OTEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPjxyZWN0IHg9IjAiIHk9IjE2MDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJoc2woMTkyLCA3MCUsIDUwJSkiIHN0cm9rZT0ibm9uZSIgLz48dGV4dCB4PSI1MCIgeT0iMTY1MCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjQiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGRvbWluYW50LWJhc2VsaW5lPSJjZW50cmFsIiBmaWxsPSJ3aGl0ZSI+MTY8L3RleHQ+PGxpbmUgeDE9IjUwIiB5MT0iMTY1MCIgeDI9IjU5LjY1MzUxNTY1MTk4ODIyIiB5Mj0iMTYxMS4xODIzNTQwNjk4NzE1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48cmVjdCB4PSIwIiB5PSIxNzAwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iaHNsKDIwNCwgNzAlLCA1MCUpIiBzdHJva2U9Im5vbmUiIC8+PHRleHQgeD0iNTAiIHk9IjE3NTAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiBmb250LXNpemU9IjI0IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBkb21pbmFudC1iYXNlbGluZT0iY2VudHJhbCIgZmlsbD0id2hpdGUiPjE3PC90ZXh0PjxsaW5lIHgxPSI1MCIgeTE9IjE3NTAiIHgyPSI2NS44MDYzNDE1NDEyMDYyMSIgeTI9IjE3MTMuMjU1NDgyNDg5NDU1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48cmVjdCB4PSIwIiB5PSIxODAwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iaHNsKDIxNiwgNzAlLCA1MCUpIiBzdHJva2U9Im5vbmUiIC8+PHRleHQgeD0iNTAiIHk9IjE4NTAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiBmb250LXNpemU9IjI0IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBkb21pbmFudC1iYXNlbGluZT0iY2VudHJhbCIgZmlsbD0id2hpdGUiPjE4PC90ZXh0PjxsaW5lIHgxPSI1MCIgeTE9IjE4NTAiIHgyPSI3MS41NDI3MTg0NjI0MzYxNyIgeTI9IjE4MTYuMjk2NzE3MDU1MzM0IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48cmVjdCB4PSIwIiB5PSIxOTAwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iaHNsKDIyOCwgNzAlLCA1MCUpIiBzdHJva2U9Im5vbmUiIC8+PHRleHQgeD0iNTAiIHk9IjE5NTAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiBmb250LXNpemU9IjI0IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBkb21pbmFudC1iYXNlbGluZT0iY2VudHJhbCIgZmlsbD0id2hpdGUiPjE5PC90ZXh0PjxsaW5lIHgxPSI1MCIgeTE9IjE5NTAiIHgyPSI3Ni43MTE1MTAzNTE1NDc4MyIgeTI9IjE5MjAuMjI1OTMwNDk3NTA5MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+PHJlY3QgeD0iMCIgeT0iMjAwMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImhzbCgyNDAsIDcwJSwgNTAlKSIgc3Ryb2tlPSJub25lIiAvPjx0ZXh0IHg9IjUwIiB5PSIyMDUwIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZG9taW5hbnQtYmFzZWxpbmU9ImNlbnRyYWwiIGZpbGw9IndoaXRlIj4yMDwvdGV4dD48bGluZSB4MT0iNTAiIHkxPSIyMDUwIiB4Mj0iODEuMTc2NTM1MjgxNjYzNjYiIHkyPSIyMDI0LjkzOTYwMDAwNjU2MDYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPjxyZWN0IHg9IjAiIHk9IjIxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJoc2woMjUxLjk5OTk5OTk5OTk5OTk3LCA3MCUsIDUwJSkiIHN0cm9rZT0ibm9uZSIgLz48dGV4dCB4PSI1MCIgeT0iMjE1MCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjQiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGRvbWluYW50LWJhc2VsaW5lPSJjZW50cmFsIiBmaWxsPSJ3aGl0ZSI+MjE8L3RleHQ+PGxpbmUgeDE9IjUwIiB5MT0iMjE1MCIgeDI9Ijg0LjgyMDE1MzQ0MjI0Njg5IiB5Mj0iMjEzMC4zMTM1MzQ3NDQ0Mzk1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48cmVjdCB4PSIwIiB5PSIyMjAwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iaHNsKDI2NCwgNzAlLCA1MCUpIiBzdHJva2U9Im5vbmUiIC8+PHRleHQgeD0iNTAiIHk9IjIyNTAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiBmb250LXNpemU9IjI0IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBkb21pbmFudC1iYXNlbGluZT0iY2VudHJhbCIgZmlsbD0id2hpdGUiPjIyPC90ZXh0PjxsaW5lIHgxPSI1MCIgeTE9IjIyNTAiIHgyPSI4Ny41NDYzNjY1ODk4ODYwMiIgeTI9IjIyMzYuMjA2MTQ3ODk0ODgxMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+PHJlY3QgeD0iMCIgeT0iMjMwMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImhzbCgyNzYsIDcwJSwgNTAlKSIgc3Ryb2tlPSJub25lIiAvPjx0ZXh0IHg9IjUwIiB5PSIyMzUwIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZG9taW5hbnQtYmFzZWxpbmU9ImNlbnRyYWwiIGZpbGw9IndoaXRlIj4yMzwvdGV4dD48bGluZSB4MT0iNTAiIHkxPSIyMzUwIiB4Mj0iODkuMjgzMzQ3MzA5Njg2MjMiIHkyPSIyMzQyLjQ2MjE4NzA0NDg2NzMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPjxyZWN0IHg9IjAiIHk9IjI0MDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJoc2woMjg4LCA3MCUsIDUwJSkiIHN0cm9rZT0ibm9uZSIgLz48dGV4dCB4PSI1MCIgeT0iMjQ1MCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjQiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGRvbWluYW50LWJhc2VsaW5lPSJjZW50cmFsIiBmaWxsPSJ3aGl0ZSI+MjQ8L3RleHQ+PGxpbmUgeDE9IjUwIiB5MT0iMjQ1MCIgeDI9Ijg5Ljk4NTMzMTQ0ODkzMTM2IiB5Mj0iMjQ0OC45MTY4MjQ2MTI5NTQ4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48cmVjdCB4PSIwIiB5PSIyNTAwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iaHNsKDMwMCwgNzAlLCA1MCUpIiBzdHJva2U9Im5vbmUiIC8+PHRleHQgeD0iNTAiIHk9IjI1NTAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiBmb250LXNpemU9IjI0IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBkb21pbmFudC1iYXNlbGluZT0iY2VudHJhbCIgZmlsbD0id2hpdGUiPjI1PC90ZXh0PjxsaW5lIHgxPSI1MCIgeTE9IjI1NTAiIHgyPSI4OS42MzM4MjM4NjMxNTIyNyIgeTI9IjI1NTUuNDAwMDAwNTU0MTMxNiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+PHJlY3QgeD0iMCIgeT0iMjYwMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImhzbCgzMTIsIDcwJSwgNTAlKSIgc3Ryb2tlPSJub25lIiAvPjx0ZXh0IHg9IjUwIiB5PSIyNjUwIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZG9taW5hbnQtYmFzZWxpbmU9ImNlbnRyYWwiIGZpbGw9IndoaXRlIj4yNjwvdGV4dD48bGluZSB4MT0iNTAiIHkxPSIyNjUwIiB4Mj0iODguMjM4MDg1NzA2ODY0NDciIHkyPSIyNjYxLjc0MDkwMjkyNDE1NzYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPjxyZWN0IHg9IjAiIHk9IjI3MDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJoc2woMzI0LCA3MCUsIDUwJSkiIHN0cm9rZT0ibm9uZSIgLz48dGV4dCB4PSI1MCIgeT0iMjc1MCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjQiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGRvbWluYW50LWJhc2VsaW5lPSJjZW50cmFsIiBmaWxsPSJ3aGl0ZSI+Mjc8L3RleHQ+PGxpbmUgeDE9IjUwIiB5MT0iMjc1MCIgeDI9Ijg1LjgzNDg5MDQzMDM0NzUxIiB5Mj0iMjc2Ny43NzI0NjgyNTQxNTYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPjxyZWN0IHg9IjAiIHk9IjI4MDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJoc2woMzM2LCA3MCUsIDUwJSkiIHN0cm9rZT0ibm9uZSIgLz48dGV4dCB4PSI1MCIgeT0iMjg1MCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjQiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGRvbWluYW50LWJhc2VsaW5lPSJjZW50cmFsIiBmaWxsPSJ3aGl0ZSI+Mjg8L3RleHQ+PGxpbmUgeDE9IjUwIiB5MT0iMjg1MCIgeDI9IjgyLjQ4NzU1NDkxMTIwODQ2IiB5Mj0iMjg3My4zMzU3ODMxNjQyOTk4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48cmVjdCB4PSIwIiB5PSIyOTAwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iaHNsKDM0OCwgNzAlLCA1MCUpIiBzdHJva2U9Im5vbmUiIC8+PHRleHQgeD0iNTAiIHk9IjI5NTAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiBmb250LXNpemU9IjI0IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBkb21pbmFudC1iYXNlbGluZT0iY2VudHJhbCIgZmlsbD0id2hpdGUiPjI5PC90ZXh0PjxsaW5lIHgxPSI1MCIgeTE9IjI5NTAiIHgyPSI3OC4yODQyNzEyNDc0NjE5IiB5Mj0iMjk3OC4yODQyNzEyNDc0NjE3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48L3N2Zz4="
        frameRotation={0}
    />
</svg>

Properties

Default is a generated 30-frame SVG filmstrip.

Examples