网站设计之免费的开源图标_OETY欧亿·(中国区)官方网站

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

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，您可以立●即使用。为您的设□□计添加手□□□□工风格的○好方法。