在现代 Web 开发中，社交媒体已经成为了不可或缺的一部分。为了展示出网站的品牌和个性化，开发者需要使用社交媒体图标来链接自己的社交账号。然而，这些图标往往占用了大量的空间，并且它们的样式也可能与你的设计不太匹配。
Super Tiny Icons（简称 STI）是一个轻量级、可定制的袖珍社交图标库，它的目标是提供一组易于使用且具有相同视觉风格的社交媒体图标，同时尽量减小其体积和页面加载时间。
特点
STI 的特点如下：
- 尺寸小：每个图标文件只有 400B 左右，比许多其他图标库都要小得多。
- 可定制：可以通过 CSS 自定义颜色、大小和边框等属性，以适应你的设计需求。
- 相似风格：所有图标都采用了类似的线条风格，使它们看起来更加统一。
- 多种格式：STI 提供 SVG、PNG 和 WebP 格式的图标文件，以确保跨浏览器和设备的兼容性。
使用方法
STI 非常易于使用，你只需要在 HTML 文件中引入相应的 CSS 和 SVG 文件即可。下面是一个基本的示例：
------
----- ---------------- --------------------------------------------------------------------------- --
-------
------
-- ------------------------- ----------------
---- ------------------- ---------- - -- ----
----- ------ ---------- ----- ------ --- --- --- --- -------------------------------------------------------------------------------------- ----- - -- --- ----- --- --- --- ---------------- ----------------------- ----------- ------------------ ------ - - ------ --- --- ------ ------ ------------ ----------- ------- --------- ----- ----- ----- --- --- --- --- --- - ------- ----- --------- ----- --------- ---------- ------- ------- ----------------------------------- --
------
----
-------在这个示例中，我们引入了 STI 的 CSS 文件，并在 SVG 中使用了 GitHub 的图标。使用其他社交媒体的图标也非常简单，只需将 icon-github 更改为相应的图
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6314