图标
在这个页面上,你会发现一个页面列表,在这里你可以为你的下一个网络项目找到免费的图标。
图标集
- IcoMoon
- Nucleo Icons
- Feather
- Remix Icon
- Typicons
- Eva Icons
- Octicons
- Bootstrap Icons
- Jam Icons
- Tabler Icons
- Boxicons
- CSS.gg
- Mono Icons
- Radix Icons
- Photosphor
- Themify
图标优化
当添加图标到你的页面时,你可以考虑一些优化步骤:
- 如果你需要像 “向左箭头 “或 “向右箭头 “这样的图标,你可能想取一个图标并使用CSS将图标旋转到你需要的方向。这样,你就可以用一个图标来表示不同的方向。
- 当你需要加载各种图标时,可以看看一些应用程序,如IcoMoon。这个应用程序可以将各种图标合并成一个字体。它可以提高页面性能,因为请求较少。而且,这个字体比嵌入每个图标的链接更灵活
- 图标应该是SVG格式的。尽量避免使用JPG或PNG。因为SVG的大小可以很容易地改变,而不会变得模糊不清。
- 如果图标是一个直接的路径,但可以被懒惰地加载,你应该添加
loading="lazy"
和decoding="async"
属性。这允许浏览器继续渲染页面并异步解码图像。