element 如何自定义svg图标_SVG ICONS：在线生成SVG图标，可自定义渐变颜色

扁平化图标的风格进化也太快了，从扁平化、长投影、线性、然后纯色填充、半填充，现在又流行渐变半填充颜色，设计新人绘制这些图标也不容易，所以推荐使用一些现成的图标。今天设计达人为大家分享一套渐变风格的SVG/PNG图标，可以在线直接生成及下载使用，不仅适合UI或网页设计中使用，还适合做PPT、WORD、公众号文章上使用呢。

项目名称：SVG ICONS
项目地址：iconshock.com/svg-icons

在线SVG图标特点：

• 500 采用流行渐变风格设计的ICON；
• 可自定义渐变色彩，并预设100多种渐变颜色选择；
• 输出SVG和PNG格式，方便不同场景使用；
• 图标免费个人使用，商业用途需要付费。

自定义渐变配色：

访客可以通过网页左侧的配色工具来定义配色，当然建议使用官方预设100多种预设方案，也非常漂亮。

如何下载？

当设置好喜欢颜色后，点击界面的「Download icons」，稍等一会，网页就会打包下载了，下载后会有SVG和PNG两种格式

PNG格式：

PNG格式的图像

SVG格式：

SVG格式的图像

总结

这套SVG图标的在线DIY渐变配色功能真的不错，图标的设计也很好看，符合目前流行的设计趋势，此外设计师也能作为学习、设计灵感之用途。