Foundation 图标参考手册-开发文档-JsSaaS开发平台

系统、网站、API站点，简单高效开发

Foundation 教程

Foundation5 教程 Foundation 起步 Foundation 文本 Foundation 表格 Foundation 按钮 Foundation 按钮组 Foundation 图标 Foundation 标签 Foundation 提醒框 Foundation 进度条 Foundation 面板 Foundation 图片 Foundation 下拉菜单 Foundation 折叠列表 Foundation 列表 Foundation 选项卡 Foundation 分页 Foundation 价格表 Foundation 顶部导航栏 Foundation 侧边栏 Foundation 滑动导航(Off-Canvas) Foundation 麦哲伦（Magellan）导航 Foundation 表单 Foundation 输入框尺寸 Foundation 开关 Foundation 滑块 Foundation 提示框 Foundation 模态框 Foundation Joyride Foundation 均衡器(Equalizer)

Foundation 网格

Foundation 网格系统 Foundation 网格 - 水平堆叠 Foundation 网格 - 小型设备 Foundation 网格 - 中型设备 Foundation 网格 - 大型设备 Foundation 块状网格 Foundation 网格实例

Foundation 参考手册

Foundation 图标参考手册 Foundation CSS 参考手册 Foundation CSS 可见性

Foundation 图标参考手册

Foundation 图标

Foundation 提供了 283 图标，你可以使用 CSS 来渲染她们：修改大小和颜色。

图标创建语法格式如下：

<i class="fi-name"></i>

语法中 name 部分为图标指定的名称。

要使用图标，你可以将图片的样式文件放置在页面头部 <head> 部分:

<link rel="stylesheet" href="http://static.runoob.com/assets/foundation-icons/foundation-icons.css">

以上是菜鸟教程使用的图标样式类，大家可以共用。

点我在新页面中查看图标。