Ikonate是完全可定制和可访问经过优化的矢量图标。
- 将SVG图标自定义为独立文件(非常适合不想编辑代码的设计师)
- 带有html演示的自定义SVG精灵
- 将图标定制为内联SVG的html演示
- 您还可以按照下面的文档生成具有所有可用图标的通用演示文件,并手动自定义它们
安装
Git存储库
您可以克隆此存储库以在项目中手动安装Ikonate
git clone https://github.com/eucalyptuss/ikonate.git
使用npm安装
或者您可以使用npm包管理器下载图标
npm install ikonate
演示文件结构
原始SVG
所有图标都可以作为原始的、未样式的SVG,位于.ikonate/icons。
演示文件
要查看演示文件,请记住首先运行build命令。
自定义
要使用CSS自定义图标,您需要将图标用作内联SVG或SVG子画面。您可以使用以下CSS参数自定义图标:
width
height
stroke
stroke-width
stroke-linecap
stroke-linejoin
可访问性
Ikunate是无法开箱即用的,也永远不会开箱即用。在构建此软件时,我们已尽最大努力遵循最佳可访问性实践,但您的角色是调整它,使其在项目中真正可访问。
许可证
无论是在个人项目还是商业项目中,都可以自由使用。可以署名,但不是必须的。