首页 > SVG ICONS:在线生成SVG图标,可自定义渐变颜色 | 设计达人

在线生成圆角图标,SVG ICONS:在线生成SVG图标,可自定义渐变颜色 | 设计达人

互联网 2021-03-01 00:32:10
SVG ICONS:在线生成SVG图标,可自定义渐变颜色 二月 1, 2020 发表于: 优秀设计资源. 评论 Sponsor

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

SVG ICONS:在线生成SVG图标,可自定义渐变颜色

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

在线SVG图标特点:

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

SVG ICONS:在线生成SVG图标,可自定义渐变颜色

SVG ICONS:在线生成SVG图标,可自定义渐变颜色

自定义渐变配色:

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

SVG ICONS:在线生成SVG图标,可自定义渐变颜色

如何下载?

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

PNG格式:

PNG格式的图像

SVG ICONS:在线生成SVG图标,可自定义渐变颜色

SVG格式:

SVG格式的图像

SVG ICONS:在线生成SVG图标,可自定义渐变颜色

总结

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

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。 赞助商链接 与 SVG、UI、图标、图标设计 相关的文章 运用7±2法则在网页和UI设计中 运用7±2法则在网页和UI设计中 不要随便设计UI动效,请先明白这12项动效原理 不要随便设计UI动效,请先明白这12项动效原理 图标设计中的平衡与完美圆角 图标设计中的平衡与完美圆角 移动端和网页端的设计规范和适配 移动端和网页端的设计规范和适配 针对等待体验,我们该如何设计? 针对等待体验,我们该如何设计? 优秀的APP界面设计案例 优秀的APP界面设计案例 赞助商链接设计达人微信交流社区:shejidaren888 喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。 版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。« Sketch Cloud 支持在线切图和标注简单纯文字排版海报,造出时尚墙壁挂画 » { 发表评论 } 点击这里取消回复。 推荐书籍           艺术的故事艺术与审美入门之书 DON'T MAKE ME THINK设计师必看 《移动应用UI设计模式》手机APP设计           《设计心理学 全四册》高阶技能! JavaScript权威指南(第5版)只能说牛X 《见微知著》Web用户体验入门书籍 最新文章 UI设计师快速成长秘诀:临摹 运用7±2法则在网页和UI设计中 中英文字体如何排版搭配才好看? 自学插画,从入门到放弃 学懂色彩原理,才能做好配色 设计酷炫的3D Banner,用这个神器就能快速实现 web前端&设计群133654942(UI)96660967(审核)397277405(UI)131997979(W3C)50063010(W3C)80206090(W3C) 标签AI教程bannerCSS3dribbbleHTML5javascriptjQuerylogoMockupphotoshopphotoshop教程sketchUEUIUI KITUI素材UI设计UX中文字体信息图创意创意设计动效设计响应式设计图标字体字体设计工具平面设计扁平化设计排版插画插画教程摄影海报海报设计版式设计纹理网页素材网页设计英文字体设计师设计理论设计趋势配色 赞助商
免责声明:非本网注明原创的信息,皆为程序自动获取自互联网,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责;如此页面有侵犯到您的权益,请给站长发送邮件,并提供相关证明(版权证明、身份证正反面、侵权链接),站长将在收到邮件24小时内删除。

相关阅读