How To Change Flutter Dropdown Icon

import 'package:flutter/material.dart';
void main() {
  runApp(MyApp());
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Homepage(),
    );
  }
}
class Homepage extends StatefulWidget {
  @override
  State<Homepage> createState() => _HomepageState();
}
class _HomepageState extends State<Homepage> {
  String? categoryValue;
  @override
  Widget build(BuildContext context) {
    return SafeArea(
        child: Scaffold(
      body: Center(
          child: Padding(
        padding: EdgeInsets.symmetric(horizontal: 40),
        child: Container(
          width: double.infinity,
          height: 55,
          padding: EdgeInsets.symmetric(horizontal: 10),
          decoration: BoxDecoration(
              color: Colors.green.shade100,
              borderRadius: BorderRadius.only(
                  topLeft: Radius.circular(30),
                  bottomLeft: Radius.circular(30),
                  bottomRight: Radius.circular(30))),
          child: DropdownButtonHideUnderline(
            child: DropdownButton(
                icon: Icon(
                  Icons.arrow_downward_outlined,
                  color: Colors.white,
                ),
                isExpanded: true,
                hint: Text('Select a category',
                    style: TextStyle(fontSize: 15, color: Colors.white)),
                value: categoryValue,
                items: [
                  DropdownMenuItem(
                      value: 'Sports',
                      child: Text('Sports',
                          style:
                              TextStyle(fontSize: 15, color: Colors.black45))),
                  DropdownMenuItem(
                      value: 'Tech',
                      child: Text('Tech',
                          style:
                              TextStyle(fontSize: 15, color: Colors.black45))),
                  DropdownMenuItem(
                      value: 'Business',
                      child: Text('Business',
                          style:
                              TextStyle(fontSize: 15, color: Colors.black45))),
                ],
                onChanged: (val) {
                  setState(() {
                    categoryValue = val.toString();
                  });
                }),
          ),
        ),
      )),
    ));
  }
}