【问题标题】:Ionicons: How to add custom iconsIonicons:如何添加自定义图标
【发布时间】:2016-11-11 00:55:20
【问题描述】:

我想将一些 SVG 图标添加到默认 Ionicons 集。

我正在关注these steps 从源代码构建它们但没有成功:

  1. 将我的 svg 图标放入 src/: src/my-icon.svg
  2. 使用自定义前缀 "prefix": "my-", 编辑我的清单文件
  3. 运行,python ./builder/generate.py

ionicons.svg 似乎已修改,但并未更改。

我做错了什么?

【问题讨论】:

    标签: ionic-framework ionicons


    【解决方案1】:

    我建议你看看this excellent article by Omar Wazir,他的指示对我来说非常有用。简而言之,他告诉您安装所有依赖项,获取 Ionicons,将您的自定义图标放入 /src/ 文件夹并运行 python ./builder/generate.py,然后他告诉您将一些文件移动到这些文件夹中:

    ionicons\css    ->    <ionicApp>/www/lib/ionic/css/
    ionicons\fonts  ->    <ionicApp>/www/lib/ionic/fonts/
    ionicons\scss   ->    <ionicApp>/www/lib/ionic/scss/ionicons/
    

    当您运行python ./builder/generate.py 命令时,它应该会告诉您脚本找到了一个新图标。也许这些信息可以帮助您解决问题。

    【讨论】:

    • 我已按照这些步骤操作,但构建过程不会修改我应该包含在 Ionic 应用程序中的任何文件。例如,ionicons.svg 保持不变
    • 您可以尝试使用其他图标或更改您要添加的图标的文件名吗?
    • 我试过:添加一个新文件,用自定义图标替换集合的 svg,保持相同的文件名编辑集合中已有的文件,用我的图标路径覆盖 svg 路径。没有工作。感谢您的帮助;)
    猜你喜欢
    • 2015-08-08
    • 1970-01-01
    • 2021-12-04
    • 1970-01-01
    • 1970-01-01
    • 2011-04-14
    • 2020-02-15
    • 1970-01-01
    • 2021-12-23
    相关资源
    最近更新 更多