markdown# 网站介绍
这是一个基于SVG的在线图标工具，提供了一系列可定制的图标样式。用户可以自定义字体大小、宽度和垂直对齐方式，以创建个性化的图标。
## 功能特点
- **字体调整**：支持调整字体大小、字体粗细等属性，以满足不同需求。
- **图标定制**：用户可以根据需要调整图标的宽度、高度和形状，以适应不同场景。
- **样式多样**：提供了多种垂直对齐样式，如`-.125em`, `-.225em`, `-.375em`等，方便用户选择。
- **响应式设计**：网站采用响应式设计，保证在不同设备上的兼容性和可用性。
## 示例代码
假设要创建一个宽度为`.1875em`、高度为`.4375em`、垂直对齐为`-.375em`的图标样式，可以这样设置：
```svg
svg:not(:root).svg-inline--fa {
overflow: visible;
display: inline-block;
font-size: inherit;
height: 1em;
overflow: visible;
vertical-align: -.125em;
}
.svg-inline--fa.fa-lg {
vertical-align: -.225em;
}
.svg-inline--fa.fa-w-1 {
width: .0625em;
}
.svg-inline--fa.fa-w-2 {
width: .125em;
}
.svg-inline--fa.fa-w-3 {
width: .1875em;
}
.svg-inline--fa.fa-w-4 {
width: .25em;
}
.svg-inline--fa.fa-w-5 {
width: .3125em;
}
.svg-inline--fa.fa-w-6 {
width: .375em;
}
.svg-inline--fa.fa-w-7 {
width: .4375em;
}
.svg-inline--fa.fa-w-8 {
width: .5em;
}
通过上述代码，用户可以轻松地创建符合需求的图标样式。
