How to add custom icon png to custom share header?

[henrikr]

Hi!

I have a AIO-project in Alfresco SDK 3.0.0 (I think?) with Alfresco community 5.2, and I have added a custom menu item for a Aikau-page I've made. But I wish to add a cool icon to it - for example like the icons for workflows and tasks - but I've tried a number of vague instructions out there, to no avail so far.

I think I've understood it correctly like this:
1. change the iconClass value in the widgets
2. create a corresponding style class in some css-file
3. add the png-file the css-style class is pointing to

My only question is - where in my AIO project do I add these files? Do I need a module for this or not? If someone knows a step-by-step instruction on how to successfully incorporate a custom icon into my aio-project/amp, I would be forever grateful

[henrikr · Accepted solution]

I found a way that might or might not be completely OK for everyone, but it solved the problem for me:
To import a CSS, you can inject it via a custom widget. You can use the aikau-github tutorial for guidance on how to create and deploy the widget. Just make sure the widget is used, and all the css will be available to everything else on the page. The widget can basically be a hollow base widget with html template as an empty div-tag, and no js functions.