网站介绍

欢迎来到我们的网站！这是一个提供各种图标的资源库，我们致力于为用户提供简洁、美观的图标设计。无论您是设计师、开发人员还是其他用户，我们都希望这个网站能为您提供所需的图标资源。

图标样式

我们的图标采用了一种名为.anticon的CSS类样式。这种样式具有以下特点：

  • display: inline-block;:将图标设置为内联块元素，使其可以直接显示在文本中。
  • color: inherit;:将图标的颜色设置为与其父元素的颜色相同，以保持一致性。
  • font-style: normal;:将图标的字体样式设置为正常，而不是斜体或粗体。
  • line-height: 0;:将图标的行高设置为0,使其垂直居中。
  • text-align: center;:将图标的水平对齐方式设置为居中。
  • text-transform: none;:将图标的文本转换设置为无，保持原始文本大小和形状。
  • vertical-align: -0.125em;:将图标的垂直对齐方式设置为负0.125em,以提高可读性。
  • text-rendering: optimizeLegibility;:优化图标的渲染效果，提高易读性。
  • -webkit-font-smoothing: antialiased;:使用抗锯齿技术，使图标边缘更加平滑。
  • -moz-osx-font-smoothing: grayscale;:在macOS系统上，将字体渲染模式设置为灰度，以减少锯齿感。

SVG图标

我们的图标主要采用SVG格式，这是一种矢量图像格式，可以无限缩放而不失真。因此，您可以在不影响质量的情况下调整图标的大小。

鼠标指针

当用户点击带有.anticon类的图标时，鼠标指针会自动变为指向性的(即箭头状)。这可以帮助用户快速识别可交互的图标。