Poodll3 since July of 2017 has shipped with some nice looking HTML5 audio and vide recorders. The Burnt Rose (new) and 1,2,3 Recorders in particular rely on a special font called Font Awesome. This is present by default in Moodle 3.3 but not in prior versions of Moodle, though some themes may load it.
In this situation those nice HTML5 recorders will not look so nice. Burnt Rose (new), for example will look like this …
If this happens, here is one solution that you can use.
go to: Site Admin > Appearance > Additional HTML
In the Within HEAD area, add in the following code:
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
Once we add font awesome in the head area of the additional html area,
We can get a nice recorder like this: