72180


WEBアプリに使用するマテリアルアイコンを作成したいのですが、以下リンク先のアイコンのSVGをみるとHTML用のインラインSVGが24×24pixelで作成されています。

[Material Design Icons](https://materialdesignicons.com/)

>
[code]

>     <svg style="width:24px;height:24px" viewBox="0 0 24 24">
>  
[/code]

SVGなのになぜ24pixelで作成されているのか、もっと大きい or 小さいサイズ (100や10pixel等)
で作成してはいけない理由があるのであれば教えていただけますでしょうか。

よろしくお願いします。


CC BY-SA 4.0
2020-11-24T00:25:14.213
72168
2020-11-24T10:07:46.350
2020-11-24T01:03:03.607
3060
39584
question
svg
マテリアルアイコンはSVGで作成する際には何×何pixelが妥当ですか？


24 という数はマテリアルアイコンの作成ポリシーに則った結果と思われます。

> System icons are displayed as 24 x 24 dp. Create icons for viewing at 100%
> scale for pixel-perfect accuracy.

<https://material.io/design/iconography/system-icons.html#grid-and-keyline-
shapes>


CC BY-SA 4.0
2020-11-24T10:07:46.350
72180
2020-11-24T10:07:46.350
19110
72168
answer