jQuery Mobile图标 - JQM图标库

搜索复制jQuery Mobile图标代码

说明

jQuery Mobile 图标是 jQuery Mobile 框架内置的图标库,图标风格简洁,适合移动端 Web 应用。

怎么用

在搜索框输入图标名称可以快速筛选,比如输入"arrow"会显示所有箭头相关的图标。

点击图标卡片可以复制图标代码,代码会自动复制到剪贴板,直接粘贴到你的代码里就能用。

图标代码格式

复制的代码格式是 <span class="ui-icon-xxx"></span>。使用前需要先引入 jQuery Mobile 的 CSS 文件。

引入方式

在页面 head 里加上:<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-mobile/1.4.5/jquery.mobile.min.css">

图标样式

默认图标是白色带黑色圆盘背景。添加 ui-alt-icon 类可以切换为黑色图标,添加 ui-nodisc-icon 类可以移除圆盘背景。

注意

图标在本地渲染,不会上传到服务器。

更多工具