Skip to content

Commit 90b0cef

Browse files
jurerotarjurerotar
authored
feat: added support for ant-design, fluentui, primer & hugeicons (#11)
1 parent c267150 commit 90b0cef

16 files changed

Lines changed: 739 additions & 11 deletions

File tree

‎README.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,10 @@ used by the demo apps and validation suite:
3030
| `@fortawesome/react-fontawesome` | `3.3.1` |
3131
| `@mui/icons-material` | `9.0.1` |
3232
| `@carbon/icons-react` | `11.81.0` |
33+
| `@ant-design/icons` | `6.2.5` |
34+
| `@fluentui/react-icons` | `2.0.330` |
35+
| `@primer/octicons-react` | `19.28.1` |
36+
| `@hugeicons/react` with `@hugeicons/core-free-icons` | `1.1.6` / `4.2.0` |
3337

3438
> [!NOTE]
3539
> `react-icons-sprite` does not bundle these libraries. You must install whichever icon packages you intend to use in

‎apps/rsbuild-demo/package.json‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,15 +20,20 @@
2020
"type-check": "tsgo"
2121
},
2222
"dependencies": {
23+
"@ant-design/icons": "6.2.5",
2324
"@carbon/icons-react": "11.81.0",
2425
"@emotion/react": "11.14.0",
2526
"@emotion/styled": "11.14.1",
27+
"@fluentui/react-icons": "2.0.330",
2628
"@fortawesome/free-solid-svg-icons": "7.2.0",
2729
"@fortawesome/react-fontawesome": "3.3.1",
2830
"@heroicons/react": "2.2.0",
31+
"@hugeicons/core-free-icons": "4.2.0",
32+
"@hugeicons/react": "1.1.6",
2933
"@mui/icons-material": "9.0.1",
3034
"@mui/material": "9.0.1",
3135
"@phosphor-icons/react": "2.1.10",
36+
"@primer/octicons-react": "19.28.1",
3237
"@radix-ui/react-icons": "1.3.2",
3338
"@remixicon/react": "4.9.0",
3439
"@tabler/icons-react": "3.44.0",
@@ -44,11 +49,11 @@
4449
"react-icons-sprite": "*"
4550
},
4651
"devDependencies": {
47-
"typescript": "6.0.3",
4852
"@rsbuild/core": "2.0.7",
4953
"@rsbuild/plugin-react": "2.0.0",
5054
"@types/react": "19.2.15",
5155
"@types/react-dom": "19.2.3",
52-
"@typescript/native-preview": "7.0.0-dev.20260522.1"
56+
"@typescript/native-preview": "7.0.0-dev.20260522.1",
57+
"typescript": "6.0.3"
5358
}
5459
}

‎apps/rsbuild-demo/src/App.tsx‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,11 @@ import { faCoffee } from '@fortawesome/free-solid-svg-icons';
1616
import AlarmMui from '@mui/icons-material/Alarm';
1717
import { Alarm as AlarmMuiNamed } from '@mui/icons-material';
1818
import { Add as CarbonAdd } from '@carbon/icons-react';
19+
import { AlertOutlined as AntAlertOutlined } from '@ant-design/icons';
20+
import { Add24Regular as FluentAdd24Regular } from '@fluentui/react-icons';
21+
import { AlertIcon as OcticonAlert } from '@primer/octicons-react';
22+
import { HugeiconsIcon } from '@hugeicons/react';
23+
import { GlobalSearchIcon } from '@hugeicons/core-free-icons';
1924

2025
const App = () => {
2126
return (
@@ -128,6 +133,33 @@ const App = () => {
128133
<h2 className="icon-title">@carbon/icons-react</h2>
129134
<CarbonAdd size={32} />
130135
</section>
136+
137+
<section className="icon-card">
138+
<h2 className="icon-title">@ant-design/icons</h2>
139+
<AntAlertOutlined style={{ fontSize: 32 }} />
140+
</section>
141+
142+
<section className="icon-card">
143+
<h2 className="icon-title">@fluentui/react-icons</h2>
144+
<FluentAdd24Regular
145+
width={32}
146+
height={32}
147+
/>
148+
</section>
149+
150+
<section className="icon-card">
151+
<h2 className="icon-title">@primer/octicons-react</h2>
152+
<OcticonAlert size={32} />
153+
</section>
154+
155+
<section className="icon-card">
156+
<h2 className="icon-title">@hugeicons/react</h2>
157+
<HugeiconsIcon
158+
icon={GlobalSearchIcon}
159+
width={32}
160+
height={32}
161+
/>
162+
</section>
131163
</div>
132164

133165
<style>{`

‎apps/vite-demo/package.json‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,15 +20,20 @@
2020
"type-check": "tsgo"
2121
},
2222
"dependencies": {
23+
"@ant-design/icons": "6.2.5",
2324
"@carbon/icons-react": "11.81.0",
2425
"@emotion/react": "11.14.0",
2526
"@emotion/styled": "11.14.1",
27+
"@fluentui/react-icons": "2.0.330",
2628
"@fortawesome/free-solid-svg-icons": "7.2.0",
2729
"@fortawesome/react-fontawesome": "3.3.1",
2830
"@heroicons/react": "2.2.0",
31+
"@hugeicons/core-free-icons": "4.2.0",
32+
"@hugeicons/react": "1.1.6",
2933
"@mui/icons-material": "9.0.1",
3034
"@mui/material": "9.0.1",
3135
"@phosphor-icons/react": "2.1.10",
36+
"@primer/octicons-react": "19.28.1",
3237
"@radix-ui/react-icons": "1.3.2",
3338
"@remixicon/react": "4.9.0",
3439
"@tabler/icons-react": "3.44.0",
@@ -44,11 +49,11 @@
4449
"react-icons-sprite": "*"
4550
},
4651
"devDependencies": {
47-
"typescript": "6.0.3",
4852
"@types/react": "19.2.15",
4953
"@types/react-dom": "19.2.3",
50-
"@vitejs/plugin-react": "6.0.2",
5154
"@typescript/native-preview": "7.0.0-dev.20260522.1",
55+
"@vitejs/plugin-react": "6.0.2",
56+
"typescript": "6.0.3",
5257
"vite": "8.0.14"
5358
}
5459
}

‎apps/vite-demo/src/App.tsx‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,11 @@ import { faCoffee } from '@fortawesome/free-solid-svg-icons';
1616
import AlarmMui from '@mui/icons-material/Alarm';
1717
import { Alarm as AlarmMuiNamed } from '@mui/icons-material';
1818
import { Add as CarbonAdd } from '@carbon/icons-react';
19+
import { AlertOutlined as AntAlertOutlined } from '@ant-design/icons';
20+
import { Add24Regular as FluentAdd24Regular } from '@fluentui/react-icons';
21+
import { AlertIcon as OcticonAlert } from '@primer/octicons-react';
22+
import { HugeiconsIcon } from '@hugeicons/react';
23+
import { GlobalSearchIcon } from '@hugeicons/core-free-icons';
1924

2025
const App = () => {
2126
return (
@@ -128,6 +133,33 @@ const App = () => {
128133
<h2 className="icon-title">@carbon/icons-react</h2>
129134
<CarbonAdd size={32} />
130135
</section>
136+
137+
<section className="icon-card">
138+
<h2 className="icon-title">@ant-design/icons</h2>
139+
<AntAlertOutlined style={{ fontSize: 32 }} />
140+
</section>
141+
142+
<section className="icon-card">
143+
<h2 className="icon-title">@fluentui/react-icons</h2>
144+
<FluentAdd24Regular
145+
width={32}
146+
height={32}
147+
/>
148+
</section>
149+
150+
<section className="icon-card">
151+
<h2 className="icon-title">@primer/octicons-react</h2>
152+
<OcticonAlert size={32} />
153+
</section>
154+
155+
<section className="icon-card">
156+
<h2 className="icon-title">@hugeicons/react</h2>
157+
<HugeiconsIcon
158+
icon={GlobalSearchIcon}
159+
width={32}
160+
height={32}
161+
/>
162+
</section>
131163
</div>
132164

133165
<style>{`

‎apps/webpack-demo/package.json‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,15 +20,20 @@
2020
"type-check": "tsgo"
2121
},
2222
"dependencies": {
23+
"@ant-design/icons": "6.2.5",
2324
"@carbon/icons-react": "11.81.0",
2425
"@emotion/react": "11.14.0",
2526
"@emotion/styled": "11.14.1",
27+
"@fluentui/react-icons": "2.0.330",
2628
"@fortawesome/free-solid-svg-icons": "7.2.0",
2729
"@fortawesome/react-fontawesome": "3.3.1",
2830
"@heroicons/react": "2.2.0",
31+
"@hugeicons/core-free-icons": "4.2.0",
32+
"@hugeicons/react": "1.1.6",
2933
"@mui/icons-material": "9.0.1",
3034
"@mui/material": "9.0.1",
3135
"@phosphor-icons/react": "2.1.10",
36+
"@primer/octicons-react": "19.28.1",
3237
"@radix-ui/react-icons": "1.3.2",
3338
"@remixicon/react": "4.9.0",
3439
"@tabler/icons-react": "3.44.0",
@@ -45,10 +50,10 @@
4550
},
4651
"devDependencies": {
4752
"@swc/core": "1.15.33",
48-
"typescript": "6.0.3",
4953
"@typescript/native-preview": "7.0.0-dev.20260522.1",
5054
"html-webpack-plugin": "5.6.7",
5155
"swc-loader": "0.2.7",
56+
"typescript": "6.0.3",
5257
"webpack": "5.107.1",
5358
"webpack-cli": "7.0.2",
5459
"webpack-dev-server": "5.2.4"

‎apps/webpack-demo/src/App.tsx‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,11 @@ import { faCoffee } from '@fortawesome/free-solid-svg-icons';
1616
import AlarmMui from '@mui/icons-material/Alarm';
1717
import { Alarm as AlarmMuiNamed } from '@mui/icons-material';
1818
import { Add as CarbonAdd } from '@carbon/icons-react';
19+
import { AlertOutlined as AntAlertOutlined } from '@ant-design/icons';
20+
import { Add24Regular as FluentAdd24Regular } from '@fluentui/react-icons';
21+
import { AlertIcon as OcticonAlert } from '@primer/octicons-react';
22+
import { HugeiconsIcon } from '@hugeicons/react';
23+
import { GlobalSearchIcon } from '@hugeicons/core-free-icons';
1924

2025
const App = () => {
2126
return (
@@ -128,6 +133,33 @@ const App = () => {
128133
<h2 className="icon-title">@carbon/icons-react</h2>
129134
<CarbonAdd size={32} />
130135
</section>
136+
137+
<section className="icon-card">
138+
<h2 className="icon-title">@ant-design/icons</h2>
139+
<AntAlertOutlined style={{ fontSize: 32 }} />
140+
</section>
141+
142+
<section className="icon-card">
143+
<h2 className="icon-title">@fluentui/react-icons</h2>
144+
<FluentAdd24Regular
145+
width={32}
146+
height={32}
147+
/>
148+
</section>
149+
150+
<section className="icon-card">
151+
<h2 className="icon-title">@primer/octicons-react</h2>
152+
<OcticonAlert size={32} />
153+
</section>
154+
155+
<section className="icon-card">
156+
<h2 className="icon-title">@hugeicons/react</h2>
157+
<HugeiconsIcon
158+
icon={GlobalSearchIcon}
159+
width={32}
160+
height={32}
161+
/>
162+
</section>
131163
</div>
132164

133165
<style>{`

0 commit comments

Comments
 (0)