How to rotate material icon in flutter without animation?

Question

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.

 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 1

You can wrap your IconButton in a Transform widget using the rotate constructor:

import 'dart:math' as math;  Transform.rotate(   angle: 180 * math.pi / 180,   child: IconButton(     icon: Icon(       Icons.details,       color: Colors.white,     ),     onPressed: null,   ), ),