ByteDance IconPark icon library in Blazor.
source repository: https://github.com/bytedance/iconpark
project website：https://iconpark.oceanengine.com/home
note：IconPark System component is renamed to SystemIcon
-
install IconPark.Blazor
-
@using IconPark
-
import csss file:
<link href="_content/IconPark.Blazor/dist/index.css" rel="stylesheet" />
-
Search for the icon you need on https://iconpark.oceanengine.com/official, and modify the name of the icon using the Pascal specification.
camera --> <Camera /> <Camera Size="24"/> all-application --> <AllApplication /> system --> <SystemIcon />
note：IconPark System component is renamed to SystemIcon
| Property | Type | Description | Default value |
|---|---|---|---|
| Theme | ThemeType（enum） | theme | ThemeType.Outline |
| Size | int or string | width and height | 1em |
| StrokeWidth | int | svg stroke-width | 4 |
| Fill | List | svg fill | It depends on the theme. |
| StrokeLinecap | StrokeLinecapType（enum） | svg stroke-linecap. Not all icons SVG have this attribute. | StrokeLinecapType.Round |
| StrokeLinejoin | StrokeLinejoinType（enum） | svg stroke-linejoin. Not all icons SVG have this attribute. | StrokeLinejoinType.Round |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent