有哪些常用的字体图标库
时间: 2023-09-18 15:11:25 浏览: 46
常用的字体图标库包括:
1. Font Awesome:提供了超过1500个图标,支持Web和桌面应用程序。
2. Material Icons:由Google设计,提供了超过1000个图标,包括在Google的Material Design中使用的图标。
3. Ionicons:提供了超过1300个图标,适用于Web,iOS和Android应用程序。
4. Glyphicons:提供了超过250个图标,适用于Bootstrap框架。
5. Foundation Icons:提供了超过280个图标,适用于Foundation框架。
6. Octicons:由GitHub设计,提供了超过170个图标,适用于Web和桌面应用程序。
7. Entypo:提供了超过400个图标,适用于Web和移动应用程序。
相关问题
fontawesome字体图标下载
FontAwesome是一种常用的字体图标库,可以通过下载字体文件和部件库来使用。具体步骤如下:
1. 下载字体文件:访问https://fontawesome.com/,选择需要的版本并下载字体文件。
2. 安装字体文件:解压缩文件,选择font文件夹,双击字体文件,进入字体安装页面,在页面中确认安装,安装成功后,Axure字体可以选择FontAwesome。
3. 下载部件库:访问https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself,下载rplib文件。
4. 载入部件库:在Axure中选择【载入元件库】,找到你下载的rplib文件,进行安装。
5. 将css和webfonts文件移到项目中:在文件夹中找到css和webfonts文件,并移到项目中,注意:css和webfonts要放在同一级目录下。
css小图标
您可以使用字体图标或 SVG 图标来实现 CSS 小图标。下面是两种实现方法的示例:
1. 字体图标
使用字体图标需要先引入相应的字体文件,例如 FontAwesome:
```html
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
```
然后在 HTML 中使用相应的类名即可:
```html
<i class="fas fa-user"></i>
```
在 CSS 中可以对这些类名进行样式设置:
```css
.fa-user {
font-size: 16px;
color: #333;
}
```
2. SVG 图标
SVG 图标可以直接插入到 HTML 中,例如:
```html
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-user"></use>
</svg>
```
其中,`#icon-user` 是 SVG 图标所在的 ID。
在 CSS 中可以对 `.icon` 类进行样式设置:
```css
.icon {
width: 16px;
height: 16px;
fill: #333;
}
```
这是一些常用的字体图标库和 SVG 图标库:
- 字体图标:FontAwesome、Iconfont、Material Icons
- SVG 图标:Feather Icons、Iconify、Boxicons