图标字库
category
tags
type
status
slug
summary
date
Last edited time
Jan 31, 2024 08:15 AM
icon
password
状态
天气
星期
日期
前言
您可以看到notion数据库中有一个icon字段,这是用来制定菜单的图标

但是 这个神秘代码是什么意思?
Fontawesome 图标字体库
NotionNext使用fontawesome作为图标库,这是一个在线的图标字体库提供了大量的免费图标

点击下方链接预览更多图标
如何使用
在Fontawesome的图标列表中,找到你喜欢的图标,打开查看详情

下方的代码框中就是你要的神秘代码了
例如
fa-solid fa-user
这串代码粘贴到您的notion中的icon字段,即可显示出这个用户的图标。注意
- 图标名称由两部分构成,由空格隔开,必须完整复制才能使用
例如
fa-solid fa-user
这个图标前缀-图标类型 | 后缀-图标名 |
fa-solid | fa-user |
说明图标是填充的 | 图标名称 |
还有一个无填充的用户图标如下
前缀-图标类型 | 后缀-图标名 |
fa-regular | fa-user |
说明图标是填充的 | 图标名称 |

- 图表类型可以缩写
例如我在notion库中配置的默认用户图标是
fas fa-user
,其本质上就是 fa-solid fa-user
这个图标,只不过图标类型被缩写了。

Prev
字体字号
Next
代码块风格
Loading...