[mat-icon] preventing content from translation

[pavel-agarkov]

Current behavior:

before translation	after translation

to prevent mat-icon content from translation by automated tools I'm adding notranslate class to mat-icon by default.

PS: I think it makes sense to use this class all the time and not only for font icons since even for svg icons there are only the following use cases:

1. There is no text inside svg icon - so class will do no harm
2. There is some text (e.g. one big letter as an icon) and it most likely shouldn't be translated
3. It is highly unlikely to have a long text inside svg icon and to want it to be translated

This why I decided to have less conditions and add class to all icons by default.

From Google Translate FAQ:

[crisbeto]

Can you add a test specifically for notranslate?

[crisbeto]

LGTM

[crisbeto]

Caretaker note: commit message to be changed to fix(icon): prevent content from being translated.

[jelbourn]

LGTM

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}