İçereği Atla
Bu soru işaretlendi
appiconsiconicon.pngOdoo13
6 Cevaplar
51192 Görünümler
Avatar
Daniel Rybak

What is the easiest/fastest way to create an icon for my own application, that looks like the ones from Odoo.

I found that the original Odoo icons are square, "material design" icons and have shadow toward bottom left.

My easiest/fastest way:

  1. Find an image you want to use in Odoo icon. This image is usually black and white and it's PNG or SVG file.

  2. Flip image horizontally (I'll tell you why in a moment). You can use some software or online tools.

  3. Go to https://romannurik.github.io/AndroidAssetStudio/and click "Launcher icon generator"

  4. Load your image, set color to white, choose background color and set effect to "Cast shadow". Shadow is only toward bottom right and we need toward bottom left. That's why we fliped image horizontally. Download icon pack.

  5. Flip icon horizontally again and crop to have 140x140 icon. Done!

Do you know easiest/fastest way?

Avatar
Vazgeç
Paulo Matos

Great job

Thank you!

Avatar
spilymp
En İyi Yanıt

An alternative is https://spilymp.github.io/ibo/


Here you can also download the created icon directly as an image and the creation is a bit more comfortable than via the generator of Ray/Fabrice. But there are less icon sets supported so far:

  • https://fontawesome.com/icons?d=gallery&m=free

  • https://icons.getbootstrap.com/

  • https://simplelineicons.github.io/

  • https://remixicon.com

  • https://tabler-icons.io/

But everybody is invited to extend the icon generator at https://github.com/spilymp/ibo and to add additional icon sets.

Avatar
Vazgeç
Vairea Mana

Thank you !

Haresh Kansara

Here is the video explanation i have created: https://youtu.be/PS5F_C1nL0k

Avatar
Benoit
En İyi Yanıt

Hi @Spilymp,

 Your tool is brilliant! Are you thinking of upgrading it for the new versions of odoo? Thank you and well done


Avatar
Vazgeç
Avatar
Ray Carnes (ray)
En İyi Yanıt

Please visit https://codepen.io/fheodoo/pen/XWNawZd

This was created by Fabrice. It supports thousands of icons. It is consistent with Odoo's standard design. It can be extended to any icon set.



It currently showcases examples using:

  • https://fontawesome.com/icons?d=gallery&m=free

  • https://simplelineicons.github.io/

  • https://useiconic.com/open

  • https://material.io/resources/icons/

  • https://tablericons.com/

  • https://erikflowers.github.io/weather-icons/

  • https://icons.getbootstrap.com/#icons

  • https://remixicon.com/

Avatar
Vazgeç
Avatar
Jainesh Shah(Aktiv Software)
En İyi Yanıt

Hello @Daniel,

I found this site : https://android-material-icon-generator.bitdroid.de/

This is much easier and user friendly site to create material design icons. The only condition for using custom icons is that the format should be .svg for the icon file that you upload. 

Hope this helps.

Thank you!

Regards,




Email:      odoo@aktivsoftware.com  

Skype: kalpeshmaheshwari

   

Avatar
Vazgeç
Avatar
Yasmine SALAHI
En İyi Yanıt

Thank you !

Avatar
Vazgeç
Avatar
androidtuts
En İyi Yanıt

Informative thread.

Avatar
Vazgeç
İlgili Gönderiler Cevaplar Görünümler Aktivite
Display Module Icon on App Dashboard Çözüldü
app icon Enterprise 13
Avatar
Avatar
Avatar
2
Tem 22
15321
Bank sync for odoo13 Community ?
accounting community app bank Odoo13
Avatar
0
Tem 20
2648
odoo13 report
Odoo13
Avatar
Avatar
1
Tem 25
2492
Problema de acceso en la app de Odoo con autenticación de doble factor
app
Avatar
0
Tem 24
1818
Use a Server Action to Remove One Product Attribute
Odoo13
Avatar
0
May 23
2268