Instagram Icon with Canvas API - Jetpack Compose

Instagram.kt

@Composable
fun Instagram() {

    // gradient color for the icon
    val gradientColor = listOf(Color.Yellow, Color.Red, Color.Magenta)

    Canvas(
        modifier = Modifier
            .size(100.dp)
            .padding(16.dp)
    ) {
        drawRoundRect(
            brush = Brush.linearGradient(
                colors = gradientColor
            ),
            cornerRadius = CornerRadius(
                x = 60f,
                y = 60f
            ),
            style = Stroke(
                width = 15f,
                cap = StrokeCap.Round
            )
        )
        drawCircle(
            brush = Brush.linearGradient(
                colors = gradientColor
            ),
            radius = 45f,
            style = Stroke(
                width = 15f,
                cap = StrokeCap.Round
            )
        )
        drawCircle(
            brush = Brush.linearGradient(
                colors = gradientColor
            ),
            radius = 12f,
            center = Offset(
                x= this.size.width * .8f, y = this.size.height * 0.22f
            ),
        )
    }
}