项目名称

这个网站提供了一个简洁、美观的图标库，使用户可以轻松地在自己的项目中添加各种图标。

HTML结构

<a href="#" class="anticon anticon-home"></a>
<a href="#" class="anticon anticon-search"></a>
<a href="#" class="anticon anticon-user"></a>

样式代码

.anticon {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.anticon > * {
line-height: 1;
}

.anticon svg {
display: inline-block;
}

.anticon::before {
display: none;
}

.anticon .anticon-icon {
display: block;
}

.anticon[tabindex] {
cursor: pointer;
}

.anticon-spin::before,
.anticon-spin {
display: inline-block;
animation: spinner infinite linear;
}

SVG图标示例

这个网站提供了一些常用的SVG图标，如首页图标、搜索图标和用户图标等。你可以根据需要选择合适的图标并将其添加到自己的项目中。