Svg 在哪里可以找到(或制作)密集布局的材质设计图标集(20dp,桌面)

Svg 在哪里可以找到(或制作)密集布局的材质设计图标集(20dp,桌面),svg,icons,material-design,desktop,Svg,Icons,Material Design,Desktop,谷歌材料设计指南: 在桌面上,当鼠标和键盘是主要的输入方法时,测量值可以缩小到20dp 此外,我看到新的Gmail使用了20dp大小的图标(截图是在非高DPI显示器上拍摄的): 同时,我在任何地方都找不到这种大小的MD图标。仅提供18dp、24dp及更大容量。同样的事情也发生了。但我需要的正是20dp的尺寸 我尝试使用将网格更改为20px,并尝试使用大小为20px的图标字体。当然,这两种方法都会产生模糊的图标 在哪里可以找到这些图标?或者,如何放大/缩小现有MD图标? 更新: 这是Gma

谷歌材料设计指南:

在桌面上,当鼠标和键盘是主要的输入方法时,测量值可以缩小到20dp

此外,我看到新的Gmail使用了20dp大小的图标
(截图是在非高DPI显示器上拍摄的):



同时,我在任何地方都找不到这种大小的MD图标。仅提供18dp、24dp及更大容量。同样的事情也发生了。但我需要的正是20dp的尺寸

我尝试使用将网格更改为20px,并尝试使用大小为20px的图标字体。当然,这两种方法都会产生模糊的图标

在哪里可以找到这些图标?
或者,如何放大/缩小现有MD图标?



更新

这是Gmail(20px)的原始图标:
https://www.gstatic.com/images/icons/material/system/1x/archive_black_20dp.png

这是SVG,具有24px和所需的20px大小。 在我的非高DPI屏幕上,这个20px SVG很模糊。

账户余额
账户余额

一个.svg元素可以采用您想要的任何大小

svg{border:1px solid;}
账户余额
账户余额
账户余额
账户余额

您可以使用SVG属性-shape rendering=“crispEdges”禁用浏览器抗锯齿

crispEdges

表示用户代理应尝试强调对比度 基于渲染速度和几何图形的艺术品干净边缘之间 精确为了获得清晰的边缘,用户代理可能会关闭 对所有直线和曲线或可能仅对直线进行抗锯齿 接近垂直或水平的线条。此外,用户代理 可能会调整线条位置和线条宽度,使边缘与设备对齐 像素

账户余额
账户余额

您可以将谷歌的图标作为SVG,SVG是“可缩放的矢量图形”。如果您使用的是SVG,那么大小并不重要。.svg元素可以采用其容器的大小。根据您的答案用代码段更新了我的问题。我根据您更新的问题更新了我的答案。重点是获取与参考大小匹配的可见图像的大小(在本例中,这是Gmail中的存档图标)。显然,现在图标已经变得比需要的更大了。20dp=15 px。在你的情况下,如果图标是24/24,里面的图像是18px。对于20/20图标,内部图像为15px:接近阈值。图像并不模糊。是你的眼睛看不见它。