如何在我的 Ionic 2 项目中安装 ionicons答案

【问题标题】：How do I install ionicons in my Ionic 2 project如何在我的 Ionic 2 项目中安装 ionicons
【发布时间】：2016-07-03 22:57:16
【问题描述】：

当我尝试做（例如）时

<ion-icon name="university"></ion-icon>

我看到该图标没有出现，尽管它已在http://ionicons.com/ 中列出。我想可能是我的项目的图标没有更新，所以我想从网站下载包并安装。

解压后我不知道该怎么做。我尝试了forum 中的建议，但建议转到“www”目录中的“lib”文件夹。但是，在我的项目中，我没有看到任何“lib”目录。我尝试使用 repo site 的说明，但在我的情况下它再次令人困惑（我认为）。

【问题讨论】：

【解决方案1】：

您需要从该站点获取离子，然后将其解压缩，然后将 scss 文件夹的内容移动到您的项目目录中。然后，您只需将它们导入项目主题目录中的 app.core.scss 文件即可。

看看http://tphangout.com/?p=199（那里给出了简单的说明）。

【讨论】：

不，我仍然没有得到我想要得到的图标 - 离子大学。我按照说明做了，进行了离子构建，离子服务，但没有任何帮助......我在 html - 中使用了这样，当我检查它时转换为 -
这里有同样的问题 :(
您链接的解决方案不再起作用

【解决方案2】：

当您start you Ionic 2 project with pre-generated content, 不是空白时，Ionicons 应该从一开始就工作。

唯一的窍门是图标 Ionicons.com 上的名称与 Ionic 2 文档中的名称不同，例如：

设置图标：

在 Ionicons 中：ion-android-settings

在 Ionic 2 文档中：md-settings

【讨论】：

【解决方案3】：

我今天遇到了同样的问题。我意识到一些 Ionic 2 Icons 已被重命名。例如，在您的情况下：

<ion-icon name="university"></ion-icon>

变成：

<ion-icon name="school"></ion-icon>

我建议其他面临相同问题的人仔细查看新的 Ionic 2 图标。

【讨论】：