Goggle translate destroying material-icons <i> tags

Sorry if I'm not doing this correctly, but I just joined GitHub to submit this issue! I'm using MDL for the first time on a new site and discovered some major problems when users use google translate to translate the page. Google translate replaces any text with it's translated version and surrounds it with double tags. First I thought the font tags where the problem, then I realized it's translating the icon label withing the tag, so MDL now has no idea which icon you want and it seems like the tags additionally mess with the layout. I'm working around the problem by adding the class "notranslate" to the tags which does seem to work, but it doesn't fix the problem for the "hamburger" drawer icon since that is injected by the JS. Is there a way to work around this so it's fixed out of the box for MDL? Seems like a big issue and unfortunate if the answer is that everyone has to had class="notranslate" to every tag. Also, any ideas on how to fix the hamburger icon?