如何在jetpack compose中插入矢量动画或矢量gif图像？

implementation 'androidx.compose.animation:animation:x.x.x'

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24.0"
    android:viewportHeight="24.0">

    <group
        android:name="rotationGroup"
        android:pivotX="12"
        android:pivotY="12"
        android:rotation="0">

        <path
            android:name="tick"
            android:pathData="M9,16.2L4.8,12l-1.4,1.4L9,19 21,7l-1.4-1.4L9,16.2z"
            android:strokeColor="#000000"
            android:strokeWidth="2"
            android:trimPathStart="0"
            android:trimPathEnd="0"
            android:strokeLineCap="round"
            android:strokeLineJoin="round">
            <aapt:attr name="android:fillColor">
                <gradient
                    android:endX="23.0"
                    android:endY="23.0"
                    android:startX="1.0"
                    android:startY="1.0"
                    android:type="linear">
                    <item
                        android:color="#FF000000"
                        android:offset="0.0" />
                    <item
                        android:color="#FFFFFFFF"
                        android:offset="1.0" />
                </gradient>
            </aapt:attr>
        </path>

    </group>
</vector>

@Composable
fun AnimatedVectorExample() {
    val rotation by animateFloatAsState(targetValue = 360f, animationSpec = infiniteRepeatable(
        animation = tween(durationMillis = 2000),
        repeatMode = RepeatMode.Restart
    ))

    Box(
        modifier = Modifier
            .size(100.dp)
            .graphicsLayer(rotationZ = rotation)
    ) {
        Image(
            painter = painterResource(R.drawable.vector_animation),
            contentDescription = null
        )
    }
}

@Composable
fun MyScreen() {
    // Other Compose code

    AnimatedVectorExample()

    // Other Compose code
}