图标字库

category
tags
type
status
slug
summary
date
Last edited time
Jan 31, 2024 08:15 AM
icon
password
状态
天气
星期
日期

前言

您可以看到notion数据库中有一个icon字段,这是用来制定菜单的图标
notion image
但是 这个神秘代码是什么意思?

Fontawesome 图标字体库

NotionNext使用fontawesome作为图标库,这是一个在线的图标字体库提供了大量的免费图标
notion image
点击下方链接预览更多图标

如何使用

在Fontawesome的图标列表中,找到你喜欢的图标,打开查看详情
notion image
下方的代码框中就是你要的神秘代码了
例如 fa-solid fa-user 这串代码粘贴到您的notion中的icon字段,即可显示出这个用户的图标。
 
 

注意

  1. 图标名称由两部分构成,由空格隔开,必须完整复制才能使用
    1. 例如 fa-solid fa-user 这个图标
      前缀-图标类型
      后缀-图标名
      fa-solid
      fa-user
      说明图标是填充的
      图标名称
      还有一个无填充的用户图标如下
      前缀-图标类型
      后缀-图标名
      fa-regular
      fa-user
      说明图标是填充的
      图标名称
      notion image
  1. 图表类型可以缩写
    1. 例如我在notion库中配置的默认用户图标是 fas fa-user ,其本质上就是 fa-solid fa-user 这个图标,只不过图标类型被缩写了。
      notion image
      notion image
       
Prev
字体字号
Next
代码块风格
Loading...
Article List
Notion开源、免费、快速建站
✨ 更新日志
🚀 安装部署
✒ Notion教程
🛠 站点配置
⭐ 主题参数
📊 网站统计
📩 评论插件
🧷 外部扩展
⌨ 开发教程
🔊 运营教程
👨‍👦‍👦 获取帮助
💪 支持我们