IcoMoon 速查表:491 个图标的 unicode 与 CSS 类名
IcoMoon Free 全部 491 个图标汇成一张查询表:图标名、私有使用区(PUA)的 unicode 码点,以及生成样式表里对应的 CSS 类名。点任意值即可复制,输入关键词实时过滤,点图标名进入单图标详情页。unicode 列就是写进 content: 规则的值——转义形式(如 \e900)用于 CSS,HTML 实体形式则可直接写进标签。
491 行 · 点任意值复制
这张表怎么用:码点、类名与转义
IcoMoon 把每个图标映射到 Unicode 私有使用区(U+E000–U+F8FF)的一个码点,再由生成的样式表用 @font-face 加载字体、用类名把码点填进伪元素。所以表里三列是同一件事的三种写法:类名 .icon-home 是给 HTML 用的入口,它内部等价于 ::before { content: "\e900"; }。写样式时最常复制的是 \e900 这个反斜杠转义形式——它能直接放进 CSS/SCSS 的 content 值;若要写进 HTML 正文而非样式,则用实体形式 。三者指向同一个字形,区别只在用在样式还是标签里。
实操建议:用伪元素时记得同时设 font-family 为 IcoMoon-Free、把 font-weight 归一为 normal,否则粗体上下文会让图标错位;无障碍上给纯装饰图标加 aria-hidden="true"。这些类名与下载页样式表逐字一致,换句话说:本页复制的值,粘进项目即用。