Comments (9)
I have something you might be interested in: open source SVG framework. It works similar to glyph fonts, but renders SVG and downloads only icons used on pages.
Iconify repository: https://github.com/iconify-design/
It supports your amazing icons set: https://iconify.design/icon-sets/ant-design/
That makes it easy to use your icons set on pages without generating fonts. For example, to use bell-outline icon from Ant Design all designer has to do is add Iconify script:
<script src="https://code.iconify.design/1/1.0.0-rc7/iconify.min.js"></script>
then add ant-design:bell-outline icon to page as span
:
<span class="iconify" data-icon="ant-design:bell-outline"></span>
It can be used with anything that uses HTML: usual HTML pages, React applications, Angular applications. It is very easy to use, it is light and fast.
Due to complexity of representing two tone icons (color is passed as currentColor, which is not possible with 2 tone icons, adding custom classes would require custom stylesheet, but framework is unified for many icon sets so custom css is not an option), only monotone icons are included: fill and outline. Fill icons use same name as in this repository, outline icons have -outline suffix.
edit: updated code
from ant-design-icons.
I'd like to help Vue component
from ant-design-icons.
@B3nnyL I will submit a version 1.0 first, you can optimize it.
from ant-design-icons.
Working on this for Angular.
from ant-design-icons.
@tangjinzhou In progress. I'll update by the end of this week.
from ant-design-icons.
👏
from ant-design-icons.
Adapters
We need helps from the community.
适配器的功能是将图标的SVG
结构抽象树转换成对应框架的组件(或模块)。
Library and Framework
React
- React Component: @ant-design/icons-react
CDN: https://unpkg.com/@ant-design/icons-react/
Angular
- Angular Module
Vue
- Vue Component
from ant-design-icons.
@B3nnyL Already developing?
from ant-design-icons.
Sorry @tangjinzhou, my schedule is completely full this month, I'm not able to complete the plugin in two weeks, just FYI. I don't want to break your release schedule.
I'll keep working on it, which could be as an alternative svg icon library for AntDesign community.
from ant-design-icons.
Related Issues (20)
- @types/react 18.2.66版本删除了onPointerEnterCapture、onPointerLeaveCapture事件 HOT 6
- @ant-design/[email protected] tsc 失败 HOT 3
- Appstore 的图标命名 HOT 2
- latest tag 指向的是 4.x 版本 HOT 4
- latest tag 再次指向了 4.x 版本 HOT 1
- 无法在 vite 和 remix 中使用 HOT 6
- Regarding the React Natvie bug issue HOT 1
- airplane, hotel icons missing in nz icon
- Cascade Layers support HOT 3
- icons-react 的 createFromIconfontCN 加载远程字体图标文件缺少异步逻辑处理
- 排序图标反了?
- Use `prefixCls` for `updateCss` to allow multiple instances of `IconProvider`
- Compile error when running with Bun HOT 1
- [vite] Internal server error: [vite] Named export 'UserOutlined' not found. The requested module '@ant-design/icons' is a CommonJS module, which may not support all module.exports as named exports. HOT 1
- CodeOutlined should be renamed to TerminalOutlined
- 随意更改.anticon 的display属性
- ant-icons do not respect @ant-design/cssinjs layer
- Icon is not defined! HOT 1
- Dynamically importing icons using Vite 5>
- 在项目中引入Antd Icon相关组件时报错 HOT 15
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ant-design-icons.