What is the correct size or type for the floating button icons?


#1

Try several, but the image is always very large and does not fit, or is very pixelated.
I just want to put an “X” to serve as a close.
I have seen that in other applications made here the icons look good.
What kind of image should I use or what size should I use in the floatingbutton?
Thank you very much.


Post Sept 28 Release Wish List - Bug Tracking
#2

Use .png and 32 x 32


#3

@Nickon I can’t manage to have a nice looking floating button, the image is always pixellated… anyone have the same problem?


#4

@Gabryk I’ll put together a sample .aia


#5

@Gabryk I have the same problem


#6

I can correctly display the button, what is wrong is that the image is always pixelated.
I can see that the image doesn’t adapt to the FAB like it does on buttons for example. If the image could stretch to FAB size we wouldn’t have this problem.
Anyway, waiting for the aia, thanks


#7

Can you please post screenshot of your screen?


#8

Zoom:
image


#9

Are you editing your icons in Photoshop or Illustrator?

Photoshop is such an amazing program BUT, when it comes to icon design, it’s not the best option.
Photoshop specializes in photos and creates Rasterized images. You can essentially create vector images in Photoshop, but it will never be a TRUE vector image.

Instead, icons and text logos should be created in Illustrator, which will give you that crisp vector image you’re looking for.
Even if a vector image is downloaded and edited/resized in Photoshop, it will still have that Rasterized (fuzzy) look.

If you dont have Illustrator, you can check out some free icons sites. My personal favorite is FlatIcon.com
https://www.flaticon.com/free-icon/plus_148764#term=plus&page=1&position=5
You can download .png images of any vector icon (including 32x32) as well as the .svg, .eps, and .psd files if you wanted to customize the icon further.


#10

Hi @PixiiBomb, thank you for interesting but I tried everything: photoshop, illustrator, Android asset studio, flaticon…

This is an example with an icon from flaticon (zoomed, but this how I see it on the device)
image


#11

What is the size of icon?


#12

The last one is 32x32 but I also tried with lower and bigger, it’s always the same
Maybe it depend on companion and once builded will be fine? I didn’t try that yet

edit: ok, it’s the same, but the same icon inside a button or image component shows fine because it scale to the correct size, instead on floating button the image size is fixed


#13

It is not solved even if you build them
I can not make the icon look good


#14

Anyone ever managed to get a nice looking FAB? I’m still struggling with it and I’m far from what I want


#15

It should be 72 x 72


#16

I’m talking about the image used on the FAB beeing pixelated, as discussed above


#17

@Nickon @PixiiBomb @Hossein could any of you please try FAB with custom icon and let me know what specs the image file should have?