可选包 · 图标
下载

可选包

Icons 图标

独立包 pivcss-icons v0.6：字形来自 Font Awesome Free（Solid + Brands）· 含微信/QQ/支付宝等品牌图标 · 许可见 ATTRIBUTION.md。

交互：左侧分类栏 + 中文搜索 · 点击图标打开弹出层（字重 / 动画 / 深浅背景 / 下载） · gallery.html
类名：与 FA 官方 slug 一致（house、magnifying-glass）；旧名 home、search 等仍可用。
类样式
gallery.html图标网格 · 点击打开 Modal
gallery.html#icon-9深链：直接弹出数字 9

Classic 字重（类名）

Free 集为 Solid 字形；修饰符均可写，mask 同源（与 FA Free 一致）。

<div class="pvs-cluster pvs-flex-wrap pvs-gap-3 pvs-items-end">
  <span class="pvs-icon pvs-icon--thin pvs-icon-9 pvs-icon--2xl" title="thin">
  </span>
  <span class="pvs-icon pvs-icon--light pvs-icon-9 pvs-icon--2xl" title="light">
  </span>
  <span class="pvs-icon pvs-icon-9 pvs-icon--2xl" title="regular">
  </span>
  <span class="pvs-icon pvs-icon--bold pvs-icon-9 pvs-icon--2xl" title="bold">
  </span>
  <span class="pvs-icon pvs-icon--solid pvs-icon-9 pvs-icon--2xl" title="solid">
  </span>
</div>
类样式
pvs-icon--thinClassic Thin · stroke 1
pvs-icon--lightClassic Light · stroke 1.5
pvs-icon-{name}Regular（默认）· stroke 2
pvs-icon--boldClassic Bold · stroke 3
pvs-icon--solidSolid（Free 默认同源字形）

用法

<div class="pvs-cluster pvs-flex-wrap pvs-items-center">
  <button type="button" class="pvs-btn pvs-btn--primary">
    <span class="pvs-icon pvs-icon-magnifying-glass" aria-hidden="true">
    </span>搜索</button>
    <span class="pvs-icon pvs-icon--solid pvs-icon-0 pvs-icon--lg pvs-text-primary" aria-hidden="true">
    </span>
  </div>

尺寸尺（7 档）

<div class="pvs-cluster pvs-items-center pvs-gap-2">
  <span class="pvs-icon pvs-icon-star pvs-icon--2xs">
  </span>
  <span class="pvs-icon pvs-icon-star pvs-icon--xs">
  </span>
  <span class="pvs-icon pvs-icon-star pvs-icon--sm">
  </span>
  <span class="pvs-icon pvs-icon-star">
  </span>
  <span class="pvs-icon pvs-icon-star pvs-icon--lg">
  </span>
  <span class="pvs-icon pvs-icon-star pvs-icon--xl">
  </span>
  <span class="pvs-icon pvs-icon-star pvs-icon--2xl">
  </span>
</div>

SVG / PNG

text
/icons/svg/solid/house.svg
/icons/svg/solid/star.svg
/icons/svg/solid/0.svg
/icons/gallery.html
/icons/svg/solid/house.svg
/icons/svg/solid/star.svg
/icons/svg/solid/0.svg
/icons/gallery.html

导入与维护

类样式
FA Free Solidnpm run pivcss-icons:import-fa
数字 0–9FA 官方字形 · pvs-icon-0 …
别名icons.fa-aliases.mjs（home→house 等）
规模约 1400+ 图标 + 别名画廊项
分类FA metadata · 画廊顶部分类 pill 筛选

安装

html
<link rel="stylesheet" href="/assets/pivcss.css" />
<link rel="stylesheet" href="/icons/pivcss-icons.css" />
<link rel="stylesheet" href="/assets/pivcss.css" />
<link rel="stylesheet" href="/icons/pivcss-icons.css" />
类样式
字重矩阵画廊gallery.html
导入 SSOTscripts/import_fa_free_cli.mjs
归属site-kit/pivcss-icons/ATTRIBUTION.md