ionic icon(图标)
优质
小牛编辑
129浏览
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> |