Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MacOS icons not rounded? #463

Open
Wizzel1 opened this issue Feb 27, 2023 · 11 comments
Open

MacOS icons not rounded? #463

Wizzel1 opened this issue Feb 27, 2023 · 11 comments

Comments

@Wizzel1
Copy link

Wizzel1 commented Feb 27, 2023

ℹ️ Info

Version: v0.12.0

💬 Description

Are we supposed to use an image that already has a border-radius in order to generate a rounded app-icon for MacOS?

📜 Pubspec.yaml

name: test_app
description: A new Flutter project.


version: 1.0.0+1

environment:
  sdk: '>=2.18.5 <3.0.0'


dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.2

dev_dependencies:
  flutter_launcher_icons: ^0.12.0


flutter_icons:
  android: "launcher_icon"
  ios: true
  image_path: "assets/icon/icon_bg.png"
  min_sdk_android: 21 # android min sdk min:16, default 21
  web:
    generate: true
    background_color: "#hexcode"
    theme_color: "#hexcode"
  windows:
    generate: true
    icon_size: 48 # min:48, max:256, default: 48
  macos:
    generate: true

# For information on the generic Dart part of this file, see the
# following page: https://dart.dev/tools/pub/pubspec

# The following section is specific to Flutter packages.
flutter:

  # The following line ensures that the Material Icons font is
  # included with your application, so that you can use the icons in
  # the material Icons class.
  uses-material-design: true
  # To add assets to your application, add an assets section, like this:
  assets:
    - google_fonts/
    - assets/
@Wizzel1 Wizzel1 changed the title [BUG] MacOS icons not rounded MacOS icons not rounded? Feb 27, 2023
@KristijanMitrik
Copy link

@Wizzel1 did you found a solution for this?

@Wizzel1
Copy link
Author

Wizzel1 commented Mar 28, 2023

@KristijanMitrik I have added the radius in my design file

@giiyms
Copy link

giiyms commented Apr 30, 2023

@KristijanMitrik I have added the radius in my design file

is this a setting for this package or did you manually round your image?

@felixkriechbaum
Copy link

Would be realy nice to add this to this package

@felixkriechbaum
Copy link

still no respond from the developer, sad

@bigzhu
Copy link

bigzhu commented Sep 19, 2023

Sad too

@HaloWang
Copy link

HaloWang commented Oct 24, 2023

I don't know how to use this figma. But I help this helps.

Figma: https://www.figma.com/community/file/1040708197994685442/official-macos-app-icon-template

And also this:

https://github.com/rikumi/iconsur

@awpehl
Copy link

awpehl commented Jan 17, 2024

Is there an update on this issue? Would be really happy if this could get fixed asap! :)

@muratcankaracabey
Copy link

I am also having the same issue

@Wes1324
Copy link

Wes1324 commented Mar 7, 2024

I noticed the same issue. In the end, I used https://www.candyicons.com/free-tools/app-icon-assets-generator and just selected the 'macOS' option. This generator automatically rounds the image edges and adds a slight drop shadow

@lucasjinreal
Copy link

@fluttercommunity Hi, would consider add this option in code

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

10 participants