title: How do I achieve this rounded corner shape around icon of a selected bottom nav item with Jetpack compose
body: <p><img src="https://i.stack.imgur.com/1g2mR.png" alt="Bottom navigation design" />.<br />
  This is how my BottomNavigaionItem looks like.</p>
  <pre><code> BottomNavigationItem(
                  selected = selected,
                  onClick = {...}
                  icon = {
                          Icon(
                              imageVector = if (selected) navItem.iconFilled else navItem.iconOutlined,
                              contentDescription = navItem.route,
                             // modifier = Modifier.background(Color.DarkGray, shape = RoundedCornerShape(10.dp)).padding(10.dp)
                          )
                  },
                  label = {...},
                  selectedContentColor = MaterialTheme.colors.onPrimary,
                  unselectedContentColor = MaterialTheme.colors.onPrimary.copy(0.4f)
              )
          }
      }
  </code></pre>