material_design_icons_flutter [web] Incorrect trimming result

[web] Incorrect trimming result

Open Sammius opened this issue 4 years ago • 5 comments

Only the Web. This example uses the same code with the same icon in MDI and in the native implementation. In this case, the icon is shifted in the MDI:

import 'package:flutter/material.dart';
import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';

void main() async {
  runApp(App());
}

class App extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.light(),
      home: AppCore(),
    );
  }
}

class AppCore extends StatefulWidget {
  @override
  _AppCoreState createState() => _AppCoreState();
}
class _AppCoreState extends State<AppCore> {

  
  @override
  Widget build(BuildContext context) {
    return Row( crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Container(
          child: Icon(Icons.check_box_outline_blank, size: 68),
          // child: Icon(MdiIcons.checkboxBlankOutline, size: 68),
          decoration: BoxDecoration( color: Colors.red ),
          clipBehavior: Clip.antiAlias,
        )
      ],
    );
  }
}

Native: