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

I want the icon `details` to point upward like as shown in the image.
but the list of material icon has icon `details` points to downward, 
so how can I rotate the material icon in my flutter project, without downloading the icon image.

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

```dart

Column(
  children: <Widget>[
    Container(
      height: 48,
      decoration: BoxDecoration(
          color: Color(0xFFFBBC05),
          borderRadius: BorderRadius.circular(48),
          boxShadow: [
            BoxShadow(
                blurRadius: 16,
                offset: Offset(0, 8),
                color: Color(0XFFFBBC05),
                spreadRadius: -10)
          ]),
      child: IconButton(
        icon: Icon(
          Icons.details,
          color: Colors.white,
        ),
        onPressed: null,
      ),
    ),
    SizedBox(
      height: 8,
    ),
    Text(
      "Historical",
      style: TextStyle(fontFamily: 'AirbnbCerealMedium', fontSize: 12),
    ),
  ],
)

```

Answer: 
```
Transform.rotate(
  angle: 180 * pi / 180,
  child: IconButton(
    icon: Icon(
      Icons.details,
      color: Colors.white,
    ),
    onPressed: null,
  ),
),

```
If you want to rotate icons like arrow\_forward\_ios, could help following code.

```
icon: Transform.rotate(
       angle: 90 *math.pi /180,
       child: Icon(Icons.arrow_forward_ios,
       color: Colors.white,size: 18,),,

```