百度360必应搜狗淘宝本站头条
vba高级教程svn连接scheduledtaskmybatis plus结构体数组
当前位置：网站首页 > 编程网 > 正文

字节跳动官方出品的免费图标库，超好用还能自定义修改

yuyutoo 2025-01-12 20:01 2 浏览 0 评论

现在很多企业公司或品牌都会将自己开发的设计素材开放出来，像是图标集、字体或是网页框架等等，使这些项目可以被更多人使用，或是在开源的情况下创造出更多可能性，当然一方面也能提高被看到的机会。之前介绍过IBM Plex 就是其中一个例子：


除了腾讯，这5家世界顶级公司也有自己的专属字体（打包下载）

编者按：最近腾讯发布了一个中文字库，引起了很多设计师的热议，中文字体开发难度大，时间长，能做好非常不容易，所以很少有公司能有自己的字体。

阅读文章 >>


本文要介绍的「IconPark」是一套完整免费图标库，也是字节跳动（ByteDance）释出的官方图标集（旗下最知名的就属抖音、TikTok），IconPark 一共收录超过 1400 个图标，从基础到各种类型应有尽有，在网站里可以预览这些图标，点选快速下载 SVG 或 PNG 图片格式，也能复制 SVG、React 和 Vue 代码，勾选图标后批次下载文件。

IconPark 网页提供可自定义图标功能，像是图标大小、线条粗细、图标风格（颜色）、边线和填充颜色、端点类型、拐点类型都能选择设定，直接在网页在线预览效果，透过 SVG 源文件变化出不同的颜色效果，只需要改变一个 SVG 文件的属性就能切换多种主题设计。如果你需要更多信息，IconPark 也在 GitHub 开放原始码提供完整原始文件。

ByDesign IconPark

网站链接：https://iconpark.bytedance.com/official

使用教学

开启 IconPark 后可以看到许多图标，从左侧选单选择图标类别，或透过上方搜索框输入关键词进行查找，每个图标会有预览、中文说明和英文名称，右侧是调整图标大小、线条粗细、图标风格颜色的工具字段。

IconPark 依照主题对图标进行分类，包括基本图标、人群、书籍、内容编辑、天气、手势、方向、交流、医疗健康、声音、时间、图表、抽象等等相当详细，使用者可以很容易找到自己需要的图标。

点选图标可以勾选，以便稍后批次下载、一次取得所有选择的图标。如果点选图标选单，可以快速复制 SVG、React 和 Vue 代码（贴上就能使用），或是直接下载 SVG、PNG 格式。

若你觉得每个图标标示中文描述和名称看起来很杂乱，无法很仔细查看这些图标，从右上角也能切换不同预览模式，让它只单独显示图标而没有其他信息。

从右侧的编辑器可以调整图标大小、线条粗细、图标风格（颜色）和线条颜色，设定后预览模式会自动更新，就能立即查看新的图标效果。

比较特别的是 IconPark 提供线性、填充、双色和多色的图标风格，若你觉得默认线性设计看起来太过单调无趣，也可以选择不同风格加入颜色，颜色部分可供使用者自定义，例如选择多色模式下可自定义外框线条颜色、外部填充颜色、内部线条颜色和内部填充颜色，就可以制作出看起来更生动活泼的彩色图标集。

值得一试的三个理由：

  • 字节跳动释出的官方图标集，一共收录超过 1400 个图标
  • 下载 SVG 和 PNG 格式，或是快速复制 SVG、React 和 Vue 代码
  • 在线自定义图标大小、线条粗细、风格和颜色等选项

相关推荐

建筑福利-pdf转dwg格式转换器，再也不用描图-极客青年

作为一名经常熬夜画图的建筑狗或者cad用户，你体验过pdf图纸描图到cad吗？前几天一个老同学找我，说他的毕业设计需要我帮忙，发给我一份pdf图纸文件，问我怎么把pdf图纸转换成dwg格式。机智的我灵...

想学 HTML，不知从何入手?看完这篇文章你就知道了

很多人都说HTML是一门很简单的语言，看看书，看看视频就能读懂。但是，如果你完全没有接触过，就想通过看一遍教程，背背标签，想要完全了解HTML，真的有点太天真了。HTML中文...

「前端」HTML之结构

今天继续为大家分享前端的知识，如果对前端比较感兴趣的小伙伴，可以关注我，我会更大家继续分享更多与前端相关的内容，当然如果内容中又不当的或者文字错误的，欢迎大家在评论区留言，我会及时修改纠正。1.初识H...

手把手教你使用Python网络爬虫下载一本小说(附源码)

大家好，我是Python进阶者。前言前几天【磐奚鸟】大佬在群里分享了一个抓取小说的代码，感觉还是蛮不错的，这里分享给大家学习。...

用于处理pdf文件格式的转换器

在上传过程中如果单个文件太大则容易中断，而且文件太大的话对与存储也有些弊端。那么我们应该想到将文件进行压缩(注意这里压缩指的是不改变文件格式的压缩，而不是用变成压缩文件。这里就将以下用专门的软件压缩P...

乐书:在线 Kindle 电子书制作和转换工具

之前Kindle伴侣曾推荐过可以在Windows和Mac系统平台上运行的kindle电子书制作软件Sigil（教程），用它可以制作出高质量的的ePub格式电子书，当然最后还需要通...

付费文档怎么下载?教你5种方法，任意下载全网资源

网上查资料的时候，经常遇到需要注册登录或者付费的才能复制或者是下载，遇到这种情况大多数人都会选择重新查。...

捡来的知识!3种方法随便复制网页内容，白嫖真香呀

网上的资源真的多，所以许多人常常会从网上找资料。我们看到感兴趣的内容，第一时间可能会想要收入囊中。比如说截个图啊，或者挑选有意思的句子复制粘贴，记录下来。可是，有些时候，却会遇到这样的情况：1、内容不...

AI的使用，生成HTML网页。

利用deepseek，豆包，kimi以及通义千问，写入相同的需求。【写一个网页，实现抽奖功能，点击“开始”，按键显示“停止”，姓名开始显示在屏幕上，人员包括：“张三”，“里斯”，“Bool”，“流水废...

pdf转换成jpg转换器 4.1 官方正式版

pdf转换成jpg工具软件简介pdf转换成jpg转换器是一款界面简洁，操作方便的pdf转换成jpg转换器。pdf转换成jpg转换器可以将PDF文档转换为JPG，BMP，GIF，PNG，TIF图片文件。...

办公必备的office转换成pdf转换器怎么用?

2016-02-2415:53:37南方报道网评论(我要点评)字体刚从校园走出社会，对于快节奏的办公环境，难免会觉得有些吃力。在起步阶段力求将手头上的事情按时完工不出错，但是渐渐的你会发现，别人只...

为什么PDF转Word大多要收费?

PDF转Word大多都要收费？并非主要是因为技术上的难度，而是基于多方面的商业和版权考虑的，下面给大家浅分析下原因：...

如何用python生成简单的html report报告

前提：用python写了一个简单的log分析，主要也就是查询一些key，value出来，后面也可以根据需求增加。查询出来后，为了好看，搞个html表格来显示。需要的组件：jinja2flask...

学用系列|如何搞定word批量替换修改和格式转换?这里一站搞定

想必不少朋友都会碰到批量修改word文档内容、压缩文档图片、文件格式转换等重复性文档处理工作的需要，今天胖胖老师就推荐给大家一个免费工具XCLWinKits，一站搞定你所有的需要。什么是XCLWinK...

这款PDF文档转换神器，能帮你解决PDF使用中的许多难点

不管是平时的学习还是工作，相信许多朋友都经常接触PDF文件。可以说，PDF文件在我们的日常办公学习过程中的重要性和Word文档一样重要。在之前的更新中，小编介绍了几款非常不错的PDF文档格式转换软件，...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表