Angular MaterialのIconにlgまたは2xを設定するにはどうすればいいですか？

私はdocs for Angular Materialのアイコンを理解しようとしています。しかし、私はそれらを拡大する適切な方法についての情報を見つけることができません。Angular MaterialのIconにlgまたは2xを設定するにはどうすればいいですか？

<mat-icon>home</mat-icon>

FontAwesomeでは、このようなクラスを設定しています。

<i class="fa fa-camera-retro fa-2x"></i>

マテリアルではどのように制御されますか？

出典

2017-12-16 DonkeyBanana

[素材デザインアイコンのアイコンサイズを変更する]（https://stackoverflow.com/questions/36562597/change-the-icon-size-of-material-design-icon） –

https：// github.com/angular/material2/issues/4422 –

@ Jota.Toledo私は重複としてそれを見ることはできません。私はAngular Materialを使用していますが、Angular Materialは異なるAngle-ish構文を提供します。これはドキュメントのリンクに表示されています。（リンクをクリックしていないユーザーを分かりやすくするために、おそらく私はそれをコピーしておくべきです）。 – DonkeyBanana

-1

それらを拡大するだけ（多分.md-icon-2xを？）クラスを作成し、以下のようにしてmat-iconに追加：

.md-icon-2x { 
    width: 48px; 
    height: 48px; 
    font-size: 48px; 
}

を素材アイコンが実際に合字フォントであるので、それは簡単にfont-size属性を変更することができますアイコンを大きくする。

出典

2017-12-17 07:09:13 Edric

エラー...なぜdownvote ?? – Edric

Angular MaterialのIconにlgまたは2xを設定するにはどうすればいいですか？

答えて

関連する問題