主页/ 电商学院/网站开发/网站设计之免费的开源图标

网站设计之免费的开源图标

归类:网站开发
令人难以置信的是,来自世界各地的设计师将他们所有的爱和大量时间投入到他们免费发布的东西中,供所有人使用。他们帮助预算紧张的项目大放异彩,不要求任何回报——当然,他们永远不会停止激发灵感。
在这篇文章中,我们将庆祝我们最近遇到的一些精彩的免费赠品。所有这些免费图标、插图、头像和动画的许可略有不同(因此请检查它们),但它们可以免费用于私人和商业工作。但是,当然,信用总是很受欢迎。

1.标志性开源图标

图标是帮助传达意义并为设计增添一些特色的绝佳方式。在电子商务项目中特别方便的图标集是Flagpack,它包括250 多个开源标志图标——从安道尔到津巴布韦。

标志性开源图标

Flagpack图标针对小尺寸进行了优化,使其非常适合您的所有 UI 需求。它们带有几种预定义的样式,或者您可以根据自己的喜好自定义外观,如果您愿意的话。提供两个版本:设计师可以在 Figma 和 Sketch 中使用Flagpack,开发人员可以直接在他们的代码项目中安装它(支持 React、Vue 和 Svelte)。好的!

2.无头像插图

您的项目是否需要一些基于 SVG 的头像?微型 React 库可以从任何用户名和调色板生成自定义的、基于 SVG 的圆形头像有六种不同的样式可供选择,抽象图案就像友好的笑脸。您可以选择随机调色板或从头开始创建自己的调色板,以根据您的设计定制化身。一个友好的小细节。

无头像插图

Diana Valeanu 创作的《荒诞插画》是另一个可能会让您感到困惑的奇妙资源。她的系列插图结合了荒谬和深刻的幼稚和天真感,带领每个用户通过他们的想象力进行个人旅程。在这个数字时代,我们有时会错过的不完美的美好庆祝,荒谬,嗯,是有道理的。

3.开源健康图标

当来自世界各地的人们拥有相同的愿景并为一个共同的目标共同努力时,就会发生伟大的事情。诸如健康图标项目之类的东西。该项目是一项志愿者活动,旨在为全世界的卫生项目创造“全球利益”。它包括870 多个公共领域图标,可以在任何类型的项目中免费使用
开源健康图标

血型、身体部位和器官、诊断、药物、医疗设备、车辆和人——该套装涵盖了您可能要求的所有与健康相关的内容每个图标都有三种不同的样式(轮廓、填充、负),并提供 SVG 和 PNG 格式。还有一个 Figma 插件,可以很容易地在你的设计中找到和包含图标。

4.开源生命科学图标

疫苗、病毒、遗传学、生理学、生物信息学。您将在该集中找到1,700 个开源生命科学插图——当然,它们很容易搜索和过滤。

开源生命科学图标

该站点支持两种模式:您可以将图标作为 SVG 复制到剪贴板中,然后将它们直接粘贴到 Illustrator 中以更改颜色或删除部分。或者,您可以下载 SVG 以在 Web、图形软件甚至 Microsoft Office 产品中使用它。一个百科全书式的集合——如果你在那里找不到你要找的东西,你可能在任何地方都找不到。

5.天气主题图标和 CSS 

222 个以天气为主题的图标,包括 28 个月相、Beaufort 风力等级和海上风警告——这就是您将在Erik Flowers 创建的免费天气图标

天气主题图标和 CSS

您可以直接从网站将图标复制并粘贴到您最喜欢的设计应用程序中。CSS 使您可以轻松地设置图标的样式和自定义图标,就像您对文本所做的那样,因此可以随意更改它们的颜色、添加阴影或缩放、旋转或翻转它们,以使图标很好地适合您的设计。顺便说一句,如果您需要,还支持流行的天气 API 类。

6.夏季和旅游图标 

烧烤,去海滩旅行,探索新城市——夏天是留下回忆的时候。为了给你的项目带来一些夏天的感觉,你可能想看看设计区的人们提供免费下载的旅游图集图标,每组包括 20 个矢量图标(彩色和线性版本),并采用 AI、EPS 和 PNG 格式。您可以将这些图标用于个人和商业项目。快乐的夏天!

夏季和旅游图标
 

7.带有字符的平面插图 

没有更多无聊的商业网站!Getillustrations.com 提供的平面插图集一定会为您的项目增添一些个性。它为企业、在线商店和营销提供免费作品。各种姿势和场景的角色,丰富多彩,轻松,友好。

带有字符的平面插图

该站点具有不断变化的免费集(需要链接归属),并且商业版本还带有用于 Figma、Sketch、Ai、SVG、AdobeXD 和 Iconjar 的可定制矢量。保证良好的共鸣!

7.开源图标的世界 

最初是交互和通信设计学生的一个学期项目,现已发展成为一个全面的开源表情符号和图标库,为该项目精心设计和审查了近4,000 个图标,从用户体验和技术主题的表情符号到动物、自然、食物、人、活动、地点等等。这些图标有彩色版本和 SVG 和 PNG 格式的轮廓版本。

开源图标的世界
 

8.手工制作的网格渐变 

美丽的渐变?是的,请!如果您没有时间自己创建它们或正在寻找一些新的灵感,Gene Maryushenko 的网格渐变系列一定会满足您的需求。

手工制作的网格渐变

Gene 对他在网上找到的内容不满意,他创建了100 个渐变色,让您的网站脱颖而出,而且不会很吵。渐变可以免费下载为 JPEG。CSS 和 SVG 将在稍后添加。享受!
 

9.打开窥视 

584,688 种可能的组合。这就是您可以使用 Pablo Stanley 的手绘插图库创建的不同角色的数量。

打开窥视

Open Peeps 让您可以混合和匹配不同的矢量元素来创造不同的个性:结合服装和发型,用面部表情改变情绪,用不同的姿势设置场景——可能性是无穷无尽的。如果您赶时间,Pablo 还准备了一些可立即下载的 Peeps,您可以立即使用。为您的设计添加手工风格的好方法。

10.免费矢量插图 

一头被外星人绑架的奶牛,一个满脸悲伤的掉下来的冰淇淋蛋筒,从水里冒出来的尼斯湖水怪。这些是 Pixel True Studios 的人们提供的一些有趣的错误状态动画,可在他们的矢量插图和动画集中免费下载。

免费矢量插图

除了错误状态动画外,该集合还包括500 多个插图、图标和动画来描述 Web 项目可能需要的所有内容:背景、表情符号、头像等。插图有 SVG、PNG、AI、Sketch 和 Figma,动画是用 Lottie 制作的。为设计增添有趣和友好的触感的好方法。
网站声明:以上文章内容为优加的原创文章,如需转载,请注明出处,谢谢合作!
0 喜欢
394 浏览数

优加商学院

APP开发微信小程序开发网站开发
您好,直接联系技术沟通需求
扫码添加我的微信,直谈需求
非工作时间技术回复慢请谅解
咨询更详细需求
提交信息后我们会第一时间与你取得联系,请大致把需求填写在"咨询内容"里。
姓名
手机
咨询内容
立即提交