ionic icon(图标)
优质
小牛编辑
126浏览
2023-12-01
ionic 也默认提供了许多的图标，大概有 700 多个，针对 Android 和 iOS 有不同的样式。
Ionic icons 官网:
我们可以通过 font-size 来设置图片的大小：
.icon { font-size: 50px; }默认图标按钮：
| 代码 | 图标 |
|---|---|
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> |
iOS 风格图标
| 代码 | 图标 |
|---|---|
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i>gt; | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> |
Android 风格图标
| Code | Result |
|---|---|
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> | |
| <i></i> |