I want to show icons from the asset file. I give a specific height on my container on the notification card, Want to warp within this height but the icon shows bigger than my given height.
Here below I attached my getting output and my expected output picture,

Output:

[![enter image description here](https://i.stack.imgur.com/PW6dF.png)](https://i.stack.imgur.com/PW6dF.png)

Expected output:

[![enter image description here](https://i.stack.imgur.com/QIHXE.png)](https://i.stack.imgur.com/QIHXE.png)

My Code:

```
Container(
    height: 48,
    width: 48,
    decoration: BoxDecoration(
      color: whiteColor,
      borderRadius: BorderRadius.circular(10),
    ),
    child: Container(
        height: 24,
        width: 24,
        child: Image.asset("assets/icons/bell.png"))))

```

Can anyone tell me where is the problem behind it And how can I solve it?