frappe / erpnext

Free and Open Source Enterprise Resource Planning (ERP)
https://erpnext.com
GNU General Public License v3.0
21.05k stars 7.21k forks source link

HealthCare Module - Add Icons #11838

Closed kennethsequeira closed 6 years ago

kennethsequeira commented 6 years ago

screen shot 2017-12-04 at 11 51 59 am

Minor issue, but nevertheless an important one since it has been three months since merging 😅

achillesrasquinha commented 6 years ago

This is important. @raghukamath, any quick fix?

ghost commented 6 years ago

@achillesrasquinha I'll try to provide some icons , meanwhile we can also look if we can get temporary icons from octicon set.

kennethsequeira commented 6 years ago

@raghukamath that's a good idea. @rkurungadam you have any suggestions on this?

achillesrasquinha commented 6 years ago

https://octicons.github.com

rkurungadam commented 6 years ago

How about octicon-heart? https://octicons.github.com/icon/heart/

achillesrasquinha commented 6 years ago

Sweet! I'm not sure. But emoji's work too. But the drawback being it isn't consistent. :smile:

Would anyone like to work on this?

system19 commented 6 years ago

I have some open source svg medical icons somewhere. I will try and locate and paste link to original source files.

kennethsequeira commented 6 years ago

@system19 thanks!

system19 commented 6 years ago

Frappe currently has these icon packs installed: octicons - https://octicons.github.com ionicons - https://ionicframework.com/docs/ionicons/ Glyph icons - https://getbootstrap.com/docs/3.3/components/ (Some good med icons Included) Font Awesome 4.7.0 - http://fontawesome.io/icons/ Font Awesome 4.7.0 is a great set: 12 Dedicated Medical Icons 12 Thermometer Icons 15 Accessibility Icons Ambulance, Gender Icons, Cross, Hearts, Eye, Flask, Science Icons. I will try and compile a single medical related cheat sheet. Otherwise view here:

Other options could include installing the icon sets below: Font Awesome 5.0.0 Not immediately better than 4.7.0 on my quick look. Requires a .js 4 to 5 upgrade shim to translate: V4 <i class="fa fa-wheelchair"></i> to V5<i class="fas fa-wheelchair"></i> WTF? Didn't FA promise not to break the class names last time? Anyway an excellent collection. Just a pain to do. https://fontawesome.com/how-to-use/upgrading-from-4 https://fontawesome.com/icons?d=gallery&c=health&m=free

25 Health related icon set - Healthies Icon Set - AI Only https://ui8.net/product/healthies-icons-free

72 ICONS (X2) specialized in the Clinical & Medical world http://samcome.github.io/webfont-medical-icons/

I have some Nurses, Doctors etc icons somewhere?

system19 commented 6 years ago
fa med gallery fa med gallery 3
<i class="fa fa-heartbeat" aria-hidden="true"></i>
<i class="fa fa-heart" aria-hidden="true"></i>
<i class="fa fa-heart-o" aria-hidden="true"></i>

<i class="fa fa-male" aria-hidden="true"></i>
<i class="fa fa-female" aria-hidden="true"></i>

<i class="fa fa-bed" aria-hidden="true"></i>
<i class="fa fa-shower" aria-hidden="true"></i>
<i class="fa fa-bath" aria-hidden="true"></i>

<i class="fa fa-plus-square" aria-hidden="true"></i>
<i class="fa fa-plus-square-o" aria-hidden="true"></i>

<i class="fa fa-taxi" aria-hidden="true"></i>

<i class="fa fa-volume-control-phone" aria-hidden="true"></i>
<i class="fa fa-blind" aria-hidden="true"></i>
<i class="fa fa-deaf" aria-hidden="true"></i>
<i class="fa fa-sign-language" aria-hidden="true"></i>

<i class="fa fa-bug" aria-hidden="true"></i>
<i class="fa fa-flask" aria-hidden="true"></i>
<i class="fa fa-eyedropper" aria-hidden="true"></i>
<i class="fa fa-eye-slash" aria-hidden="true"></i>
<i class="fa fa-eye" aria-hidden="true"></i>

<i class="fa fa-thermometer-empty" aria-hidden="true"></i>
<i class="fa fa-thermometer-quarter" aria-hidden="true"></i>
<i class="fa fa-thermometer-half" aria-hidden="true"></i>
<i class="fa fa-thermometer-three-quarters" aria-hidden="true"></i>
<i class="fa fa-thermometer-full" aria-hidden="true"></i>

<i class="fa fa-id-card" aria-hidden="true"></i>
<i class="fa fa-id-card-o" aria-hidden="true"></i>
<i class="fa fa-address-card" aria-hidden="true"></i>

<i class="fa fa-exclamation-circle" aria-hidden="true"></i>
<i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
system19 commented 6 years ago

I like either: fa fa-user-md or fa fa-heartbeat or fa fa-medkit

For Module Logo?

system19 commented 6 years ago

I tried to change the current desktop Icons for Healthcare. They are created in a domain and as such I can't work out where to change the code. Any advice would be good.

If there are no objections I would like to propose these desktop icons:

Healthcare Module - fa fa-heartbeat Consultation - fa fa-stethoscope Lab Test - fa fa-flask Patient - fa fa-user Patient Appointment - fa fa-calendar-plus-o

Physician - fa-user-md Physician Schedule - fa fa-calendar

Thanks

ghost commented 6 years ago

@system19 thanks for your suggestions.

I have added the icons, you can review the code here #12518