Skip to content

[stable 2.10] New material icons are not properly rendered #97767

Description

@shashkiranr

Steps to Reproduce

  1. Execute flutter run on the code sample

Expected results:
official Material Icons

Actual results:
Mismatched Icons

Code sample
import 'package:flutter/material.dart';

void main() => runApp(const IconDemo());

class IconDemo extends StatelessWidget {
  const IconDemo({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'IconDemo Demo',
      home: Scaffold(
        appBar: AppBar(
          title: const Text('IconDemo Demo'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: const [
              Icon(
                Icons.edit_calendar,
              ),
              SizedBox(height:10),
               Icon(
                Icons.edit_calendar_outlined,
              ),
              SizedBox(height:10),
               Icon(
                Icons.edit_calendar_rounded,
              ),
               SizedBox(height:10),
               Icon(
                Icons.edit_calendar_sharp,
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Screen Shot -

Screen Shot 2022-02-03 at 22 36 06 PM

Logs
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.10.0, on macOS 12.2 21D49 darwin-arm, locale
    en-US)
[✓] Android toolchain - develop for Android devices (Android SDK version
    32.1.0-rc1)
[✗] Xcode - develop for iOS and macOS
    ✗ Xcode installation is incomplete; a full installation is necessary for iOS
      development.
      Download at: https://developer.apple.com/xcode/download/
      Or install Xcode via the App Store.
      Once installed, run:
        sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
        sudo xcodebuild -runFirstLaunch
    ✗ CocoaPods not installed.
        CocoaPods is used to retrieve the iOS and macOS platform side's plugin
        code that responds to your plugin usage on the Dart side.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/platform-plugins
      To install see
      https://guides.cocoapods.org/using/getting-started.html#installation for
      instructions.
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.1)
[✓] IntelliJ IDEA Ultimate Edition (version 2021.3.1)
[✓] Connected device (2 available)
[✓] HTTP Host Availability

! Doctor found issues in 1 category.

I use the new M1 Max Macbook Pro

Metadata

Metadata

Assignees

Labels

f: material designflutter/packages/flutter/material repository.found in release: 2.10Found to occur in 2.10frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onr: fixedIssue is closed as already fixed in a newer version

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions