imtoken网址链接|动态icon图标下载

作者： imtoken网址链接

2024-03-10 23:42:02

iconfont-阿里巴巴矢量图标库

图标分享 | 30 个免费 icon 下载网站 - 知乎

图标分享 | 30 个免费 icon 下载网站 - 知乎首发于免费图片素材资源切换模式写文章登录/注册图标分享 | 30 个免费 icon 下载网站象刀办公已认证账号推荐的30 个网站提供了超过数百万个 icon 让你免费下载，在挑选合适的图标及 icon 时，选择正确的质量跟大小也很重要，别忘了点赞收藏哦！你可以在以下提供的网页找到：使用于 Android 或 iOS 界面的元素不同皮肤的图标及 icon不同社区网站的功能按钮可用于商业用途的授权图标（请在下载前再次检查授权说明喔！）可用于个人作品的免费 icon30 个免费 icon 网站推荐清单1. ICONFINDER网站：https://www.iconfinder.com/ICONFINDER 是一个在设计圈中广为人知的图标搜索网站，它界面设计清晰且简洁，只要在网站中输入关键字即可找到需要的不同颜色图标！使用说明：ICONFINDER 包含免费及付费的 icon，如果想要使用免费商用授权的图标，请在搜索页面左边的筛选器中选择Free，即可使用。2. flaticon网站：https://www.flaticon.com/Flaticon 是一个与 FreePik 同一家公司的网站，专门为设计师找寻免费素材。Flaticon 最棒的特点是可以使用网站内的收寻引擎找到「免费且商业可用」的图标。此外，在这里找到的 icon 及图标都包含了矢量图形文件和常见的图像格式，方便设计师在下载后直接使用。使用说明：使用时需要标注出处，即使用于个人作品也需要。若要用于商业用途则需要购买商用授权。3. FIND ICONS网站：https://findicons.com/FindIcons 是一个图标搜索网站，它们拥有世界上最大的免费图标数据库，网站内有筛选器和推荐功能，帮助你在做设计作品时更快速找到需要的免费图标。虽然，它的搜索引擎看起来有点简易且传统，但相信一定有需要这种设计风格的设计师们。使用说明：每个图标上都列出了不同授权的使用说明，请在下载前检查用途规范。4. IconArchive网站：https://iconarchive.com/IconArchive也是一个巨量的素材搜索引擎，它不仅包含常见的界面按钮图标，还有纹理材质风格的图标及各种皮肤的漫画 icon。IconArchive 网站的特别之处在于它的搜索结果是以颜色排列的，你可以使用赞同及不赞同的投票功能，帮助改进搜索结果。如果你突然没有灵感，也可以选择最热门、最多人预览的 icon 款式找到你喜爱的图标。使用说明：大部分图标都是采用 CC 授权方式，但每个图标稍有不同。下载前请在各别的图标页面中查找。5. GraphicBurger网站：https://graphicburger.com/GraphicBurger 是一个免费提供给设计师们使用的设计资源网站。在这里你甚至可以找到每个 icon 专属的 PSD 文件来修改图标，变成你想要的样子。如果你正在寻找可爱特别的图标，请不要错过 GraphicBurger！使用说明：GraphicBurger 上所有的资源都可以随意下载，包括logo模型、产品模型、文本效果、图标、用户界面、插图、背景图像等，均可在个人和商业项目中免费使用。使用时无需要注明出处及原始链接，但如果你愿意注明作者或出处，我们会很感激你。6. Premium Pixel网站：https://www.premiumpixels.com/如果你真的不知道要使用什么图标的话，Premium Pixel 提供了专家精挑细选的免费图标，你可以在这里搜索各种免费素材和界面图标的懒人包。使用说明：所有资源都是免费授权使用，几乎没有限制。7. Freebiesbug网站：https://freebiesbug.com/psd-freebies/icons/这个网站上的资源是由许多设计师共同制作和发布的一系列 PSD 图标。就像他的网站名称一样，它提供了大量免费在 Photoshop 上使用的 icon 素材。使用说明：可以在个人作品中免费使用这些图标。若用于商业用途，请在使用前再次检查授权，因为每个图标的作者要求都不太一样。8. IcoMoon app网站：https://icomoon.io/app/想要制作自己的图标吗？那你应该会喜欢 IcoMoon！IcoMoon 不仅可以找寻想要的图标，还可以建立或合并你自己的 icon 样式，最后生成多种文件格式直接使用。使用说明：每个图标都有一个授权链接可以参考详细使用授权。网站上的图标都可以免费下载，进行基本的编辑，也可以导入你自己的图标，制作图标字体文件或生成 SVG、Polymer、PDF、XAML、PNG 和 CSS sprite 格式。9. Squid Ink网站：https://thesquid.ink/flat-icons/想找特别又可爱的图标下载吗？ Squid Ink 上的图标都是亲手画的，总共包含了 2000 个图标， 17 个类别，并提供了 5 种不同的下载格式，允许任意更改 icon 颜色或图层样式、移动和重新调整元素和大小。使用说明：可以免费选择 50 个喜爱的 icon 在个人或商用作品中，第 51 个开始需要付费。10. Freepik网站：https://www.freepik.com/相信喜爱免费素材的你应该对于 FreePik 不陌生，如果你还没有听说过它，那么现在也是时候了！这是一个一直都在更新的在线资源网站，提供的不仅仅是免费图标或 icon 。他们也提供大量的矢量图像、插图、照片和 PSD 设计文件可供免费下载。使用说明：使用时需要注明出处。11. iconstore网站：https://iconstore.co/IconStore 是一个免费的矢量 (SVG) 图标库，由才华横溢的设计师们一同建立，全部的文件都可下载用于商业用途。使用说明：你可以在个人和商业作品中使用网站内的所有图标，无需要注明出处及原始链接，但如果你愿意注明作者或出处，我们会很感激你。12. icon8网站：https://icons8.com/icon8 网站最初是一个提供免费 icon 资源的网站，但如果你也想找寻免费的高画质图像、矢量图像和免费音乐使用那就到这里！他们还拥有强大的图标编辑功能，可以让你自由调整 icon 的颜色、添加文本、背景、大小、位置、形状…等功能。如果你需要将 icon 嵌入到网站中，只需点击「嵌入 HTML」按钮，就会显示各种嵌入方法！使用说明：需要注明出处及原始链接，即可免费使用带 icon8 上面所有的图标，在个人或商业用途中。请注意，不允许将原始图标文件转售和发布给第三方人士。13. Oxygenna网站：https://www.oxygenna.com/Oxygenna是一个小的创意设计公司，专门从事网页设计及 App 开发。他们网站上有一个资源专区，专门提供给设计师免费的资源，增加工作的效率。你可以从网站中下载免费的 icon 资源，最棒的是提供你 Photoshop、Illustrator 和 PNG 文件格式，。使用说明：不管是在个人或商用作品中，都可以任意使用。14. 1001freedownloads网站：https://www.1001freedownloads.com/1001FreeDownloads 是一个很著名的网站，直至今日他们每天都不断的增加免费可下载的内容。它目前拥有数以千计的免费矢量、照片、画笔、渐变、PSD 和字体文件供大家免费下载。使用说明：可以在个人和商业作品中使用网站内的所有图标，无需要注明出处及原始链接，但如果你愿意注明作者或出处，我们会很感激你。15. iconshock网站：https://www.iconshock.com/free-icons/在这里你可以找到各种不同样式、大小、格式和皮肤的各种图标。从 iOS 、Line icon 到以食物为皮肤的图标皮肤通通都有。所有图标在 Iconshock 上都可完全免费供个人使用。小编最喜欢 iconshock 的一点是他们提供 3D 图标，他们的 3D 图标款式多样且整洁，下载的出来的文件画质也很棒！使用说明：可以在个人作品中免费使用16. pngtree网站：https://pngtree.com/so/iconPngtree 是一个拥有数百万个高画质的 png、矢量、模板和创意插图的网站。多年来，它为 3000 万+ 设计师们和用户提供了许多方便且适合商业用途的图像内容！想要一次浏览多种 icon 的人可以参考这个网页。使用说明：可以在个人和商业作品中使用网站内的所有图标，需要注明出处及原始链接。17. google fonts网站：https://fonts.google.com/icons?selected=Material+Icons这里的所有 icon 皆由 Google 免费提供。如果你正在开发 Android App，或者你想看看大公司都怎么设计 icon 界面，那么你可以用 Google 自家生产的 icon 作为参考。Material Icons 有五种样式和一系列不同的尺寸和大小可以下载。使用说明：可免费在个人或作品中使用。18. steamline网站：https://streamlinehq.com/拥有 12 种不同风格的皮肤，帮助你在 Streamline 中找到适合你工作项目的 icon。网站上面拥有 100,000+ 个 icon 、插图和表情符号。全部由 steamline 团队一一画出，如果你想要在 Figma、Sketch 和 Adobe XD 上使用的话，可以下载他们自己开发的插件搭配使用，非常方便喔！使用说明：需要注明出处及原始链接。19. Fontawesome网站：https://fontawesome.com/想要找寻可以把 icon 变成 font 字型的网站吗？Fontawesome 为你提供各种可缩放的矢量图标，可以改变大小、颜色、阴影以及符合 CSS 的样式。你也可以使用 style prefix 将 Font Awesome 提供的图标放置在任何你想要的位置。使用说明：每个图标的使用规范不同，请在下载前检查用途规范。20. Dribbble网站：https://dribbble.com/tags/free_icons如果常常在设计圈的你对 Dribbble 一定也不陌生，他就如同设计界的 Facebook 一样。上面有来自世界各地的设计师在上面发布作品，包括各种图形、动效、UI、Web 和插图。你可以使用关键字在 Dribbble 上发现 500 + 多个不同设计师提供的免费 icon，若遇到任何 icon 使用上的问题也可以直接联系设计师讨教。使用说明：每位设计师的提供的 icon 使用权限不一，请在页面中仔细查看规范，或询问设计师。21. UXwing网站：https://uxwing.com/UXwing 是一个经验丰富的 icon 设计师团队，专长制作矢量图标。他们帮助设计师和开发者画出漂亮的移动端 app 图标、网站图标、Web 设计、产品设计…等其他创意作品，网页上 icon 支持矢量文件、透明背景的 PNG 和图标字体格式。 UXwing 上主要分成三大类别：实体、线条、颜色，以上再细分成 150 多个子类别，可帮助大家实时找到合适的 icon 。使用说明：全部的 icon 都可以做个人或商业用途，无需要注明出处及原始链接。22. iconfactory网站：https://freeware.iconfactory.com/iconsIconfactory 的团队拥有了二十多年的设计及软件开发经验，网站上的 icon 可以供大家在个人作品中免费使用，如果你有任何 icon 使用上的问题都可以询问他们。使用说明：免费 icon 仅供个人作品使用，若需要作其他用途，请洽所有者。23. thenounproject网站：https://thenounproject.com/icons/Thenounproject 是一个由 120 多个国家及地区的设计师组成的网站，他们致力将 icon 变成世界上最通用的交流工具，希望可以跨越语言和文化的界限。无论你是在寻找加密货币 icon、人工智能 icon 、拥有 UI 元素 icon ，或是像 Beyoncé 等名人的 icon，你的特殊喜好在这里都能被满足。使用说明：使用权限依每个 icon 有所不同，下载使用前请仔细阅读页面。免费使用需要注明出处及原始链接，若不想标记出处可以参考网站内的订阅服务。24. DeviantArt网站：https://www.deviantart.com/DeviantArt 是一个充满活力的艺术家社区及论坛，上面有近 200,000 + 个免费 icon 可供下载。若你正在寻找动效风格的 icon，到 DevianArt 一定可以找到！使用说明：每个 icon 的使用规范不同，有些作者会要求你是 DeviantArt 社区上的成员才能下载，因此请在下载仔细前检查。25. iconmonstr网站：https://iconmonstr.com/iconmonstr 网站中集结了 316 个类别，共 4512+ 个免费图标，在这里 icon 只有黑与白。全部采用填充、粗体和细化设计。每个 icon 都有 SVG、EPS、PSD 和 PNG 格式可供你下载使用。SVG 格式也有嵌入的 code。若想要更改 icon 设计，可以选择 PNG 格式直接在网站上更改图像、大小、颜色、背景颜色等基本编辑。使用说明：可以在个人和商业作品中使用网站内的所有图标。26. softicon网站：https://www.softicons.com/http://SoftIcons.com 允许免费下载 icon 包供个人使用。网页上包含了 2,849 组，共 475,655 个 icon 及图像。网站自 2010 开始，每周增加了 9 组新 icon，从来不间断。若是希望每周都可以发掘新的图标，这里会是你的好选择。使用说明：所有 icon 均可供个人作品使用。若需将 icon 作为商业目的使用，请阅读欲下载的 icon 页面授权区。27. fontello网站：https://fontello.com/Fontello 是一种将矢量图像快速打包成 webfonts 的工具。你可以将其视为 Twitter Bootstrap 的图像。若你想把 icon 大量嵌入网站中，这里拥有你所需要的一切。Fontello 提供的 icon 最大优点是在高分辨率的萤幕上没有像素化或模糊化的缺点，任何浏览器都支持。使用说明：使用权限依每个 icon 有所不同，下载使用前请仔细阅读页面。28. veryicon网站：https://www.veryicon.com/http://VeryIcom.com 是一个图标搜索引擎，它涵盖了 1000 多个 icon 包，共 20000 个高画质的 Web icon。每个图标都有 PNG、ICO 等多种文件格式，你可以轻松在 Windows、Macintosh 和 Linux 系统上免费浏览和下载。使用说明：网站上所有 icon 都可以免费用于非商业用途，但部分版权归原作者所有，如果想将 icon 用于商业目的，必须付费获得作者的版权协议。29. Boxicons网站：https://boxicons.com/Boxicons 是一个精心设计的开源图标网站，拥有 1500 多个简单的图标。如果不想要太复杂的图标，到 Boxicons 就对了。使用说明：Boxicons 是一个开源网站，使用的是创用 CC 授权 4.0，网站上的 icon 均可以做个人或商业用途。30. Feather网站：https://feathericons.com/Feather 上面的图标皆是开源免费图标。每个图标都设计在 24x24 大小上，每一个 icon 都强调简单、一致和灵活。使用说明：全部的 icon 都可以做个人或商业用途，需要注明出处及原始链接。最后，别错过象刀PPT一家提供专业免费的优质PPT模板和素材下载资源站。完全免费，直接下载：发布于 2021-11-09 10:53图标图标制作Icon Font赞同 25915 条评论分享喜欢收藏申请转载文章被以下专栏收录免费图片素材资源提供优质免费的图

数百种动态效果可商用！Icon 8官方出品的动态图标库来了！ - 优设网 - 学设计上优设

菜单

优设网uisdc.com

优设网 - 学设计上优设

首页

设计文章

热门频道

设计导航

培训课程

教程与灵感

设计服务

联系优设

关于我们

文章投稿

铁粉权益

字体授权

意见反馈

广告商务

尊享

加入【优设领航者俱乐部】

尊享全年高价值服务加速收益

大咖指引职场加薪大咖领航新机会新收入AIGC实战加速受益大厂AIGC实战经验分享优质链接人脉链接企业/达人/设友线下链接流量赋能名利双收1000W+流量助力影响力提升

加入领航者俱乐部

领取更多高价值实用特权

投稿

搜索

您还未登录

登录后即可体验更多功能

立即登录

文章收藏资源下载提问答疑我要投稿

数百种动态效果可商用！Icon 8官方出品的动态图标库来了！

2020/09/16

编辑：土拨鼠作者： PSERIC阅读 6.0w 评论有奖阅读本文需 4 分钟

收藏 155 点赞 32

Animated icons 2.0 动态图标图标素材图标设计

首页设计文章神器推荐详情

Icons8 最早是一家制作免费图标的公司，后来也开始提供各种类型素材，像是免费向量图插图下载 Icons8 Illustrations

Icons8 又出新网站！全都是免费可商用的插画素材网络上有很多可用的免费插图，如果觉得这些资源太过零散，也有像是Free illustrations 网站将免费插图向量图收录成懒人包更易于搜寻检索：另一个The Stocks 2更为人熟知，整合包括免费图库、免费图标、影片和配色工具等项目，都能让使用者找到高品质且可以合法使用的素阅读文章 >

免费自制图库 Moose Photos：

Icons8 推出了一个在线神器，可以删掉90%的可商用图库了！如果需要图片素材，大部分情况下我们会去免费图库寻找，若是更专业、个人化的图片只能搭景拍摄。阅读文章 >

还有免费音乐素材库 Fugue 等等：

以后找音乐素材库来这儿！Icon8 官方出品的免费素材站！如果要为影片制作、游戏开发或使用者界面设计寻找合适的高品质音乐音效，通常旷日累时而且价格高昂，这时候可以转向以 CC0 授权释出的音乐素材库，虽然音效相对于图片影片来说在搜索上没那么容易，但多半都有分类、标签和预览功能，可以让使用者更快找到自己需要的音效素材。阅读文章 >

如果想要自行设计插图，也能利用 Vector Creator 编辑工具挑选各种素材元素、样式在线编辑器进行组合：

不用Ps/Ai，10 分钟做出一张插画，该怎么办？编者按：Icons8 这次推出的「Vector Creator」免费插图生成器，就能让你完全不用 PS，快速做出一张元素完整、张力十足的插画。阅读文章 >

Icons8 除了包山包海各种设计相关资源都有，更重要的是授权方式清楚，在免费使用的情况下只要标示来源、链回原始网页就没什么问题。

本文要介绍的「Animated icons 2.0」也是来自 Icons8，收录超过 900 个动画图标让你的项目计划更脱颖而出！这些图标加入可爱流畅的动态效果，由内部设计团队操刀确保所有图案都保有相当好的分辨率。

Animated icons 2.0 提供的动态图标格式包括 Lottie 适用的 JSON、GIF 和 After Effects 格式，透过网页可以搜寻、预览动态图标效果。不过这项服务并非所有图示都是免费，仅有标示为「Free」可以免费下载，其余图案需要付费购买图标集才能取得。依照授权可做个人和商业用途，免费使用必须放置链结连回 Icons8。

Icons8 Animated icons 2.0

网站链接：https://icons8.com/animated-icons

使用教学

开启 Icons8 的 Animated icons 2.0 网页会看到现有的动画图示集，目前一共有 Color、iOS Glyph、Windows 10、Material Filled 和 Office style，依照说明他们会逐渐扩充到 2500 个图标图案，有兴趣的朋友可在网页输入 Email 订阅通知。

点选任一图示可以快速预览，或是直接浏览某个图标集的所有图案，例如 Color style 这套图示就有 307 个图案，点选右上角「Buy this pack」购买完整图示，如标示为「Free」代表可以免费下载使用。

Animated icons 2.0 所有图示都具有动画效果，看起来很生动、活泼，透过浏览器可预览动画，每个图标会有卷标方便以相同关键词进行搜寻和检索。

利用下方按钮可以下载 JSON、GIF 或 After Effects 格式。

值得一试的三个理由：

Icons8 Animated icons 2.0 收录许多动画图标图案

提供 JSON、GIF 和 After Effects 格式供使用者下载

仅标示 Free 可免费下载，所有图示皆可用于个人和商业用途

土拨鼠

文章 1849

人气 6777.4w

优秀设计师

+关注作者

收藏 155 点赞 32

复制本文链接

文章为作者独立观点不代表优设网立场，未经允许不得转载。

继续阅读本文相关话题

Animated icons 2.0 动态图标图标素材图标设计

全部AIGCUI网页平面手绘电商交互产品下载神器职场学AIAI导航

土拨鼠

6777.4w人气

1849文章

+关注

查看主页

1 2024 设计师找工作必看！5 款提升作品质感的免费样机神器2 腾讯22年前的这份神级PPT，为什么是立项汇报的天花板？

本文3套知识9图

1/243D 图标设计！24 组 Midjourney 礼物图标案例大赏！ 3D图标1/9AIGC 实战应用！8 组设计感十足直播图标（附提示词） AIGC1/7即拿即用！Midjourney 生成 3D 图标关键词灵感！ 3D图标

文章目录

你即将学会中秋节海报的知识中秋节海报设计大盘点，6个技巧避免素材网撞车！5.3w 人阅读上一篇你即将学会 UI设计的知识别被拖后腿！写给新手的平面设计基础指南（一）3.0w 人阅读下一篇

发评论！每天赢奖品

点击登录后，在评论区留言，系统会随机派送奖品

2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助联系我们

本期奖品

优设私房课无门槛优惠券

已累计诞生 491 位幸运星

查看获奖名单

发表评论

已发布2条

以上留言仅代表用户个人观点，不代表优设立场

评论就这些咯，让大家也知道你的独特见解

立即评论

阅读相关文章

土拨鼠

2020/08/27阅读 6.4w

神器推荐

摸鱼时间到！那些看似无用，但超超超有趣的网站！

画一个能动起来的小人、热搜生成器、Win 93操作系统...今天这篇文章介绍了超多有趣的网站，摸鱼时间到了！

有趣网站网站推荐 7分钟阅读

土拨鼠

2020/09/09阅读 4.3w

AI创作

人工智能P图这回真的来了？看完PS 2021版设计师慌了~

人工智能P图喊了一年又一年。这回，狼真来了！究竟新版Ps加了哪些划时代的功能，就让美丫姐带大家尝尝鲜。

AIGCPS 6分钟阅读

土拨鼠

2020/08/31阅读 2.6w

神器推荐

这个摄影师拍了超多好片，现在全都免费可商用！

本文介绍的这个图库网站，所有相片都是摄影师亲自拍摄上传，全部可商用，还能按分类、颜色和标签查找。强烈建议加入书签栏！

免费图库可商用图库 4分钟阅读

土拨鼠

2020/08/29阅读 4.4w

神器推荐

免费可商用！这个图库让你创意爆棚！

本文介绍的图库网站专为创意人士打造，从动物、建筑、商业、艺术、城市、时尚、美食、风景名胜应有尽有。图片可免费用于商业用途。

ShotStash免费图库 3分钟阅读

菜心¹

2023/10/11阅读 1.5w

UI 保姆级教程！如何从零开始绘制奶瓶图标？

这篇文章主要跟大家分享奶瓶的画法。

UI设计图标设计 4分钟阅读

优设推荐官精选热门话题B端设计文章 323职场规划文章 486AI应用场景文章 219酷站推荐文章 342

学AIAI导航

取消

最新趋势入站必看设计入门进阶提升热门资源Midjourney会上瘾的AI绘画工具AI智能绘画让AI助你一臂之力300个AI工具实用AI智能神器大全Blender称心如意的3D设计法宝Figma令设计师爱不释手HMI设计指南车载设计教科书直播间设计生意都在直播间啦Stable Diffusion最强开源AI绘画工具优设热榜每日必读的行业消息教你做字库每个公司都可有字库设计服务一站式数字创意服务平台求职面试为你用心整理的技巧B端设计开始探索B端设计3D设计技巧与工具全揭秘520个必看设计网站精选全球设计站点9图！入站必刷优设重磅设计知识频道AI自学网专业全面的AI平台热门产品揭秘60秒学1个热门产品亮点免费图库高质量的免费可商用图片私单报价谢绝帮个忙优设年度榜单全年好内容一网打尽每日一问你的问题这里有答案自学就上优优网优设旗下自学网站优设主编人气好文设计风向标设计师书单2023年设计书籍推荐最新免费字体最值得收藏的频道活动大赛这个奖杯等你来拿推荐！设计专题相见恨晚的宝藏专题设计软件自学免费自学就上优优网200篇自学文章设计自学有关的一切经验设计师禁忌不可抄袭！注重版权平面设计入门指南和经验技巧配色技巧看完这里成高手Behance学设计离不开的网站设计神器推荐！超人气分类作品集包装请重视你的敲门砖IP设计人人都想做IP设计方法论开始加速成长吧设计心理学助你做更好的设计灵感及审美提升让创意如万斛泉源设计模型你离总监又近了一步掌握设计流程重要的事情说3遍设计规范条条框框的大学问改版设计实战案例和方法大揭秘设计趋势不落窠臼之法设计评审教你应对设计评审述职报告工作总结是一门学问设计思维成长从转变思维开始职业晋升方法加薪晋级看这里AI绘画课优设爆款课程零基础3D角色建模完整建模全流程Blender 3D建模课快速掌握3D建模优设课堂火什么看这里AIGC创意视觉班优设顶尖名师亲授UI设计实战班全能UI必修设计课程3D高阶提升大师班涨薪必备技能AIGC干货AI的热门资源都在这优设标题黑全网下载高达590W次配色神器不用为配色发愁9G素材大礼包优优教程网倾情整理配色导航人气很高的配色导航175款国潮插画笔刷PS与iPad都能使用作品集封面帮你掌握作品集封面设计免费字体导航全是可商用的字体设计师下载频道今年这里会好好运营样机素材高品质样机素材Similarsites大名鼎鼎的找相似网站短视频短视频资源神器设计插件设计师必备法宝年度AIGC工具推荐超级创作者觉醒继续阅读

摸鱼时间到！那些看似无用，但超超超有趣的网站！

这个神器帮你快速创建动态图标 - 知乎

这个神器帮你快速创建动态图标 - 知乎首发于码力全开工作室切换模式写文章登录/注册这个神器帮你快速创建动态图标Larry大家好，我是独立开发者Larry～上期给大家推荐了几个动态图标资源库，看着大佬们制作的动态图标除了喜欢、Wow！之余你有没有心痒痒，想尝试创建自己的动态图标呢？今天就给大家推荐一个在线工具帮你快速完成动态图标的创建，其实不止图标，按钮、文本、背景……统统都可以动起来。http://LOADING.IO网站地址：https://loading.io/http://LOADING.IO是一个在线动画生成工具，你可以通过http://LOADING.IO提供的图标创建动画，也可以使用自己的图标创建动画，还可以根据网站提供的CSS代码创建动画或调整CSS动画效果，此外网站还提供了开源进度条库、无限调色板生成器、动画背景生成器及动画文本生成器，功能非常强大，逐一来介绍～动画图标打开网站，首页提供了创建个人图标动画、文字动画、选择网站图标创建动画的三个入口以及根据网站提供的默认图标预览图标动画效果及快速调整参数的模块。其中调整参数包含：图标颜色、图形半径/宽度/比例/数量等不同属性参数、配色方案、动画速度、图标尺寸、背景及是否透明、下载格式等。1、选择网站提供的图标创建动画图标点击网站提供的默认图标可以预览该图标的默认动画效果，结合右侧相关参数对图标及动画效果进行调整，下载图标时网站支持GIF、SVG、CSS、PNG或PNG序列以及APNG格式。除了首页提供的默认图标外，你还可以通过点击顶部导航栏里的「SPINNER」下的「GALLERY」进入查看更多默认图标动画效果，或对其进行调整，支持下载格式GIF、SVG及CSS。常见的动物家族是不是瞬间萌化了你的心，其实还远不止这些呢。在「ICON」模块你可以看到成千上万的SVG图标，这些图标再加上大量的CSS动画，为你创建动画图标提供了无限的可能。除了单个的图标外，http://LOADING.IO还提供了大量图标合集，统一的设计、系统化的风格样式能帮你快速构建高级动画图标。2、创建你自己的动画图标或动画图像通过网站首页的「MAKE ONE NOW」按钮进入制作动画图标页面，和调整默认图标动画参数模块非常相似，制作个人动画图标部分添加了上传图标/图像、预设CSS动画、动画方向、平滑动画等功能。免费用户支持图标最大尺寸64px，下载格式为GIF和PNG图片，付费升级后图标尺寸支持创建最大800px，同时下载格式支持PNG序列。CSS动画网站「CSS」模块提供了大量开源CSS加载动画、CSS动画和7个纯CSS加载器、CSS过渡效果包、缓动关键帧生成器、加载按钮生成器等内容，适用于不同的框架和元素控制动画效果。缓动关键帧生成器适用于调整动画关键帧的动画节奏，预先内置了19个缓动动画，你可以在内置缓动动画的基础上对关键帧进行调整并生成CSS代码，快速构建你的缓动动画。CSS按钮生成器预设了40个按钮，支持更改按钮背景、文字、图标、CSS动画等参数，还可以一键获取你的按钮CSS+示例HTML，以及导出PNG格式按钮效果图。动画文本从网站导航栏「TEXT」进入文本动画编辑器，你可以为文本快速添加动画效果，并将其导出SVG静态/动画、PNG静态/序列、APNG及GIF格式。文本动画编辑器包含调色板、文本输入、字体、字体大小/颜色、画布宽度/高度/颜色/透明、动画及动画速度等默认参数选项，付费升级后还能解锁更多高级功能及选项。动画背景http://LOADING.IO提供的动画背景有背景图案动画和背景动画。1、背景图案动画背景图案动画提供了大量可用于不同目的无缝循环背景图案，包括网站/视频背景、图标/形状填充图案。所有图案都设计为无缝可重复SVG格式，以便作为背景图块循环、方便后期灵活处理，同时在尺寸和图像质量方面都进行了优化。点击任意背景图案进入背景动画编辑器可对背景动画进行编辑，编辑参数包含：图案配色、背景颜色及透明、动画速度、图案大小/数量等默认选项，付费升级后可解锁更多参数选项。所有背景图案动画支持免费下载SVG静态格式和PNG格式，付费后可下载SVG动画、PNG序列、APNG和GIF格式。2、背景动画背景动画不同于背景图案动画，是全尺寸SVG背景生成器，它提供基于矢量的高质量背景，可用于不同的目的，包括网站，视频，海报或演示幻灯片的背景。目前网站提供的背景动画还不是很多，但是网站正在推出实验服务“makebackground.io”提供更多高分辨率、高质量的简约风背景。http://Makebackground.io提供20个精心制作的PNG和WebM格式的动画背景，用于静态壁纸和动态图形。无论http://LOADING.IO还是http://Makebackground.io的背景动画都可以点击进入实时背景生成器对动画效果进行调整，提供的调整参数有动画色调、动画速度、背景宽度/高度、背景色、前景色等。进度条点击「PROGRESS BAR」进入网站的JavaScript进度条库LoadingBar.js，各种预设风格的进度条供你选择，只需添加相关属性即可。调色板点击「PALETTE GENERATOR」进入在线调色板生成器模块，网站自动随机生成各种配色方案供你选择，同时提供颜色计数、颜色提示、变异三个参数限制生成的配色方案。除了自动生成配色方案外，网站还提供关键词搜索、上传图片根据图片的色彩来匹配配色方案。最后今天花了超大篇幅来给大家介绍http://LOADING.IO这个功能超级强大的工具，希望能对你有所帮助～今天的内容就是这些，希望对你有所帮助，如果你对独立开发者感兴趣，或者你对产品、设计、技术、运营有一些自己的想法，公众号后台回复『加群』识别二维码添加“码力全开机器人”，回复『加群』即可加入码力全开Friends用户群，你也可以添加我的微信lishichao706，带你进入独立开发者的聚集地。知识小铺工作室微博知乎twitter发布于 2019-06-27 11:19图标设计交互设计设计赞同 6413 条评论分享喜欢收藏申请转载文章被以下专栏收录码力全开工作室不定期更新互联网技术文章、产品研究、工具干货

Icons8 发布 Animated icons 2.0，900+ 会动的图标，免费可商用 - 小众软件

菜单

首页

Android

iOS

iPhone

iPad

macOS

Windows

Chrome

ChatGPT 指南

Web

精选

讨论分享

提交新发现

提问 & 回答

我最喜爱

Games

Home在线应用Icons8 发布 Animated icons 2.0，900+ 会动的图标，免费可商用

Icons8 发布 Animated icons 2.0，900+ 会动的图标，免费可商用

在线应用

2020/09/03

青小蛙

Icons8 是著名的免费小图标提供商，近来推出了不少和图标相关的服务，比如插画、AI 放大、矢量图设计工具等。Animated icons 也是 Icons8 提供的免费动态图标服务，最近发布了 2.0 版本，动态图标数量从 200 个增加到了 900 个，并且还要发布 2500 个动态图标。@Appinn

动态图标可以用在很多地方，比如 App、网站、小程序，精致的图标能够让产品也变得更佳漂亮。

Animated icons 支持的格式有基于 Lottie 的 JSON、传统 GIF 动画，以及 After Effects 格式，可以方便的插入到视频中。

其实青小蛙也感受到了在介绍这类会动的产品时，文字没办法表述的很详细，那么就用视频来看看：

从这个版本开始，免费图标中加入了 Premium 付费版本的图标，也就是说不再全部免费了。不过对于其中的免费图标，还是可以个人和商业项目免费使用的，但需要返回一个链接给 Icons8。

有需求的同学可以前往 Animated icons 挑选好看的动态图标了。

这里推荐几个前端icon网站（动图网站）_免费icon动图-CSDN博客

这里推荐几个前端icon网站（动图网站）

T3165919332

已于 2023-06-09 12:46:43 修改

阅读量2.3k

点赞数

文章标签：

前端

于 2023-06-09 11:03:38 首次发布

本文链接：https://blog.csdn.net/T3165919332/article/details/131123229

版权

1. Loading.ioLoading.io

是一个免费的加载动效(Loading animations)图标库。它提供了多种风格的加载动效图标,包括 SVG、CSS 和 Lottie 动画格式。这些加载图标可以增强用户体验,为网站和应用程序添加更佳的视觉效果。网站地址:loading.io - Your SVG + GIF + PNG Ajax Loading Icons and Animation Generator

2. IconscoutIconscout

是一个高质量图标资源网站,里面提供了大量免费和高质量的 SVG 图标和动效图标。动效图标主要有加载中、旋转、弹跳等交互效果,可以下载 SVG、React、Vue 等不同格式。网站地址:IconScout - Download 6.6 Million+ icons, 3D illustrations, Lottie animations & illustrations

3. Icons8Icons8

是一个专注于设计免费高质量图标和图片的网站。它提供了超过 100,000 个免费的 Flat UI 图标、照片和插图。其中动效图标类型也很丰富,有加载、菜单、箭头等多种动画交互效果的图标。网站地址:Free Icons, Clipart Illustrations, Photos, and Music

4. IconfinderIconfinder

是一个图标搜索引擎和市场,收集了超过 1.5 百万个免费和高质量的图标。它有不同的图标类别,其中“Animated Icons”类别下提供了丰富的动效图标,包括 SVG 动画和 Lottie 动画格式的图标。网站地址:7,500,000+ free and premium vector icons, illustrations and 3D illustrations

5. UniconsUnicons

是一个开源的、高质量的图标库,它提供超过 2000 个自定义图标,支持多种格式如 SVG、PNG、React、Vue 组件等。其中也包含一些交互式的动效图标,可以使用在网站和移动应用上。网站地址:7,000+ Icon Fonts, SVG, 3D Icons and Animated Icons with Unicons by IconScout

优惠劵

T3165919332

关注

踩

觉得还不错?

一键收藏

知道了

这里推荐几个前端icon网站（动图网站）

它有不同的图标类别,其中“Animated Icons”类别下提供了丰富的动效图标,包括 SVG 动画和 Lottie 动画格式的图标。5. UniconsUnicons 是一个开源的、高质量的图标库,它提供超过 2000 个自定义图标,支持多种格式如 SVG、PNG、React、Vue 组件等。其中动效图标类型也很丰富,有加载、菜单、箭头等多种动画交互效果的图标。2. IconscoutIconscout 是一个高质量图标资源网站,里面提供了大量免费和高质量的 SVG 图标和动效图标。

复制链接

扫一扫

精美导航网站源码+Font Awesome icon图标安装包下载

03-22

话不多说用图说话，源码必备的FontAwesomeicon安装包也给你门准备好了，我自己还在搭建中，进了后台分类详细，UI也很漂亮。喜欢研究的朋友可以搭起来，导航站做起来流量也很大，搜索引擎也比较喜欢。

网页常用loading 加载gif图片素材

05-08

网页常用loading 加载gif图片素材

参与评论

您还未登录，请先

后发表或查看评论

layui-icon各种常用动态图标

小熊猫

02-06

8519

buttonid="btnPrintDetail"class="layui-btnicon-btn">明细打印 icon很多，选择起来纷繁复杂，罗列一点常用的，用于自己以后使用~~AppleIOS苹果 。Android安卓 。上传-空心-拖拽 。消息-通知-喇叭 。添加-圆圈-细体 。

【C#开发】推荐一个免费实用的icon获取图标网站链接放在文章的最后

m0_74231234的博客

01-14

384

网站大致情况如下，在这里很方便就可以下载你喜欢的矢量图标。内容也还算蛮丰富的，大家可以自行按需搜索，非常适合我们在进行窗体开发等练习的时候使用。下面是一个简单的使用例子，这些按钮的图标都是从该网站获取的。

ICON图标几千个

08-28

没有数，>4000个有了吧，ICON图标部分图标本人还进行了分类

网站图标Icon添加方法！

09-22

首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以.ico 作为扩展名。

HTML-iconfont动态图标SVG效果--阿里巴巴图标矢量库

欢迎来到长风沛雨的博客

05-22

2053

跟pink老师学的svg描边动态图标

前端图标库（收藏备用）

zwjl1017的博客

06-29

371

这个图标库具备各种类型的icon图标，满足各种机构或公司的风格，有动态、静态、diy的图标等等，但有些图标使用是需要注明出处的，如果自己写demo倒无所谓，如果商用请防止侵权行为发生给自己带来不便。阿里图标库作为大厂出品，icon质量，icon风格都是极具审美特性，使用也方便，都是免费图标，但是动效图标不太丰富，个人认为不能大范围满足使用，但是日常的icon使用是没有问题的。

前端动画(动态)图标库收集

卡尔特斯

09-06

799

Titanic：Titanic 提供一系列的动画图标，以及以 JavaScript 的调用图标动画的方法

后续在补充…

这里推荐几个前端动画效果网站

T3165919332的博客

06-09

5089

6. Magic AnimationsMagic Animations 是一个 CSS 动画效果代码片段收集库,里面包含注意动画、淡入动画、旋转动画等近百种动画效果,图像清晰易懂。7. Anime.jsAnime.js 是一个轻量级的 JavaScript 动画库,具有简单易用、高性能和灵活定制等特点,可以用于 CSS、SVG 和 DOM 元素的动画。3. Framer MotionFramer Motion 是一款功能强大的动画和拖拽库,用于创建网站和应用程序的交互式动画/拖拽体验。

适合前端开发和UI 设计的20多个最佳 ICON 库

粉丝们务必加入微信粉丝群

04-11

1633

在应用界面中图标的存在，会给用户一个良好第一印象，这个挺重要的。但是从零开始开发图标需要大量的时间和金钱。在你的网站上使用图标可以让你有效地与你的访问者交流:它们增加了可读性，突出了重...

loading.io一个可以直接生成loading gif图标的站点

weixin_34301132的博客

06-29

825

官网是：http://loading.io/

进去后，可以拖动左图大小，然后点右边的make gif就可以自动生成所选大小的gif图标了，生成后会弹出一个download窗，点download下载即可。

还可以生成svg图和css代码，其生成和下载方式与gif一样。...

如何获取网站icon有哪些可行的方法

09-04

获取网站icon，常用最简单的方法就是通过website/favicon.ico来获取，还可以通过google提供的服务来实现，下面有个示例

新手快速学习制作网站ICON的步骤

09-22

原文地址：...）　启动网络营销学院项目已经有半年多了，学生在网络营销学院也已经学习将近２个月了，以后在网页教学网和大家一起分享网络营销学院学生的一些学习心得。目前学生的主要要求就是在每门

12个Icon图标资源网站

06-24

本人收集了12个Icon图标资源网站，内容很丰富，供网站设计者收藏和使用

前端分片上传及生成MD5

xiaonilei的博客

03-06

549

都是用于生成MD5哈希的JavaScript库，但它们在库大小、浏览器支持、API设计和兼容性方面存在一些区别。是一个更加全面的加密库，它包含了许多其他加密算法（如SHA-1、SHA-256、SHA-512等），因此文件大小相对较大（约为200KB）。是一个专门用于生成MD5哈希的轻量级库，它的文件大小相对较小（约为10KB）。专为浏览器环境设计，它可以在浏览器中直接使用，而无需额外的配置。在浏览器环境中也可以使用，但需要使用。的API设计更加复杂，需要使用。标签引入库文件，而不是通过。

将组件直接绑定到vue实例上面的写法

baogeprh的博客

03-05

444

第三步，在main.js 文件中将demo.js文件直接挂载到vue实例上面。第二步，写个demo.js 文件，然后在这里把demo组件绑定到构造器上面。第一步写个vue组件叫demo。

【Web】浅聊JDBC的SPI机制是怎么实现的——DriverManager

uuzeray的博客

03-06

1453

【Web】浅浅地聊JDBC java.sql.Driver的SPI后门-CSDN博客上篇文章我们做到了知其然，知道了JDBC有SPI机制，并且可以利用其Driver后门这篇文章希望可以做到知其所以然，对JDBC的SPI机制的来源做到心里有数。

前端国际化 JS 库 =＞ i18n

网站推荐|7个高质量Icon图标资源网站 - 知乎

网站推荐|7个高质量Icon图标资源网站 - 知乎首发于设计素材分享切换模式写文章登录/注册网站推荐|7个高质量Icon图标资源网站Billfish素材管家已认证账号无论是界面设计还是PPT设计，一款有吸引力的精美图标，可以让我们的作品更具视觉标识。但是现在的Icon网站有很多，但是真正好用的，我只推荐下面这几个。大家如果有需要，建议收藏分享。1、Iconfont-阿里巴巴矢量图标库网址 http://www.iconfont.cn阿里巴巴旗下的免费矢量图库，提供了矢量图标下载、在线存储、格式转换等，可以中文搜索，直接在搜索框里输入需要的内容，就可以出现对应的素材。点击下载图标就可以了，网站还支持在线修改颜色，真的是很绝一网站。2、Noun Project网址 https://thenounproject.com/一个基于平面设计师而创办的icon图标分享平台，提供高质量、可辨识性强的图标，使用者在网站上可以通过右上角的图标找到分类，筛选出你想寻找或使用的标誌图示，分类包括动物、食物与饮料、生活保健、人物、安全与警示、科学、运动与娱乐、交通运输、旅游、天气与自然等等分类。3、 Iconninja网址 http://www.iconninja.comIcon Ninja 是一个高质量的免费图标素材搜索下载平台，支持近100万个免费图标，按照文件格式、图片宽度、高度、文件大小等信息，用户可以根据自己的需求进行选择，特别适合前端工程师或者PPT设计师使用。4、icons8网址 https://icons8.com/icons8是高质量的免费图标资源网站，支持在线改色、添加文字或背景装饰等。用户在下载素材时，可以选择SVG、EPS、PNG和PDF四种下载格式，方便用户后续在不同场景中的使用需求。5、IconPark网址：https://iconpark.oceanengine.com/homeIconPark是字节出品的一个开源图标库，可以将一个单一的SVG源文件变幻出多种主题，网站分类详细、为用户提供更轻量的代码和更灵活的使用场景；致力于构建高质量、统一化、可定义的图标资源，让大多数人都能够选择适合自己的风格图标。6、Flat Icon网址：https://www.flaticon.com/这是一个无可抗拒的扁平风格图标库，网站提供了可以满足您日常需求的免费和高级图标集，包含免费图标集、数据分析图标、计算机图标，以及免费表情符号制作工具等，分类详细，您可以免费设计自定义表情符号。7、Pictogram2网址：http://pictogram2.com/一个矢量图标网站，提供日语和英语切换访问，提供了公众场合、体育赛事、职场场景等等方面的角色和场景图标。图标设计识别度高，运用场景也比较广泛，无论是UI设计还是其他视觉设计都可以运用，而且都是免费使用。以上就是7个Icon图标库的分享了，最后，Billfish还要自我推荐一下：将用的顺手的图标通过Billfish搭建一个图标库，为素材添加对应的标签，可以方便我们后续更好的查找和使用，提升我们的设计效率哦。发布于 2021-11-18 10:41网站推荐网站推广Icon Font赞同 955 条评论分享喜欢收藏申请转载文章被以下专栏收录设计素材分享设计师常用素

Slim Application Error

Application ErrorSlim Application ErrorA website error has occurred. Sorry for the temporary inconvenien

300个免费的动画图标 | 码力全开 - 全职独立开发者的产品日常和设计分享

免费的动画图标 | 码力全开 - 全职独立开发者的产品日常和设计分享首页懒猫存钱小懒喵喵一会资源库关于300个免费的动画图标Larry2020-01-10图标网站设计资源大家好，我是独立开发者Larry～，以前推荐过不少动画图标，比如：动画图标可以让你的UI更吸晴，在UI设计中尝试添加一些动画及动画图标，不仅能在视觉上快速吸引用户，还能使产品更具交互性，提升产品的趣味性。今天推荐的这个Animated Icons 是一组有趣的线性图标合集，可以下载支持Lottie的JSON、GIF和AE格式，就能使用。Animated-Icons网站地址：https://icons8.com/animated-icons打开网站可以看到大标题就是300个免费的动画图标，可以下载支持Lottie的JSON、GIF和AE格式，这些动画图标包含Web、媒体、表情符号、天气、社交、手势、UI组件等类型。我们把鼠标移动到对应的图标上，图标就会动起来，比如媒体类型的图标。每个人都喜欢个性鲜明的页面，这些运动的图标用到我们的Web或移动端界面上更具视觉吸引力，比如表情符号类型的图标。天气类型的图标提供了20个，基本覆盖了不同的天气状态。UI组件类型的动画图标有100多个，我们可以根据自己的需求选择对应的图标用在我们的使用场景中，比如。加载的动画图标也非常丰富，可以很方便的用在Web或移动端的页面上。社交媒体的种类主要是国外的主流社交平台。这里还提供了不同的手势动画，也很有趣。点击任何一个动画图标，在弹框页面中可以控制动画的播放，可以直接复制json地址、下载AI、GIF文件，同时还提供了类似的动画图标供我们选择。这些特征鲜明的动画图标，以多种格式免费获取它们，超过200个动画图标包，包含社交媒体、加载动画、电子商务、运动中的天气、视频和音乐的媒体图标等等。PS：公众号后台回复「animated-icons」即可免费下载200多个动画图标资源。最后今天的内容就是这些，访问码力全开大学堂领取好礼，如果你对独立开发者感兴趣，或者你对产品、设计、技术、运营有一些自己的想法，公众号后台回复『加群』识别二维码添加“码力全开机器人”，回复『加群』即可加入码力全开Friends用户群，你也可以添加我的微信lishichao706，带你进入独立开发者的聚集地。Telegram 群码力全开工作室微博知乎twitter感谢您的阅读，本文由码力全开 - 全职独立开发者的产品日常和设计分享版权所有。未经允许不得转载。免费可商用的矢量插画图素材超多完全可自定义的免费插画网站产品推荐懒猫存钱 - 存钱记账从未如此简单文章分类随笔10配色网站9设计资源103表情包5程序员聊设计15有故事的开发者8技术1开源项目6工具资源55小程序1优惠福利4个人作品41Mac软件推荐3文章标签3D交互Chrome插件LottieMac效率插件Mac软件推荐UI设计个人作品代码美化优惠福利像素测试前端框架图库网站图标网站字体识别工具资源开源项目快捷键工具截图美化技术插画素材无损放大有故事的开发者样机素材流程图码力全开程序员聊设计简历工具背景网站视频素材设计资源配色网站随笔最新力作小懒喵 - 超好用的健康记录工具关于码力全开科技工作室的官方网站，在这里，打造自己产品的同时，也在一路摸索帮助更多的人成为独立开发者，欢迎点击右下角订阅 rss。 ShenZhen, Guangdong Province, China larry@maliquankai.com独立开发者懒猫存钱小懒喵喵一会HomeTimePutApp友情合作独立开发者社群电鸭社区利器面包多创造狮导航© All rights reserved 2020 码力全开科技工作室粤ICP备18102560号-1 | 粤公网安备 44030502004944号扫码扫码添加Larry微信入独立开发者微信群咨询反馈微博（@Larry_Dev）关注我的微博，即时反馈App的产品问题知乎（@Larry）关注我的知乎，阅读更多干货Twitter（@Larry）关注我的Twitter，一起交流讨论扫描二维码码力全开公众号Telegram 群Telegram 群加入Telegram群分享设计相关的干货，讨论技术、设计、产品、运营等

Follow

imtoken网址链接|动态icon图标下载

imtoken网址链接|动态icon图标下载

iconfont-阿里巴巴矢量图标库

图标分享 | 30 个免费 icon 下载网站 - 知乎

数百种动态效果可商用！Icon 8官方出品的动态图标库来了！ - 优设网 - 学设计上优设

这个神器帮你快速创建动态图标 - 知乎

Icons8 发布 Animated icons 2.0，900+ 会动的图标，免费可商用 - 小众软件

这里推荐几个前端icon网站（动图网站）_免费icon动图-CSDN博客

网站推荐|7个高质量Icon图标资源网站 - 知乎

Slim Application Error

300个免费的动画图标 | 码力全开 - 全职独立开发者的产品日常和设计分享

最近的新闻

您可能喜欢的文章

tokenpocket官方app|瑞波价格今日行情走势

比特派Bitbie官方下载|赚钱游戏赚现金提微信

比特币钱包地址数-了解比特币地址数量及其重要

比特币钱包：安全稳健的SVP钱包以及相关问题解

如何将火币提币到TP钱包

如何将TP冷钱包导入热钱包？

TP钱包进入一级市场指南：新手必看！