Replacing the H5P Icon

Since the H5P activity icon doesn't flow so well with the other Moodle/Totara activity icons, some people prefer to replace the icon.  

You can add a snippet of CSS into the additional CSS box in the theme.

Instructions:

1. Find a replacement image.  There are tonnes of free icons on https://www.flaticon.com/

2. You need to add the icon to the Moodle/Totara site, so I created and hid an HTML block on the frontpage.  Only admins will see this when the editing is on. 
   
   Note: These icons are pretty big so I reduced the size of the image to 40x40 for manageability.
   

3. Right click on the icon in the block to get the image URL
   

4. Go to the Additional CSS box in the theme settings and add the following snippet: 
   
   

   .hvp img.activityicon {
   
      content: url(http://imgur.com/SZ8Cm.jpg);
   
   }

5. Replace the URL (http://imgur.com/SZ8Cm.jpg) with your image URL.

This will change ALL the H5P icons to the new one.