@ant-design/icons APIs
- PlusOutlined
- UserOutlined
- SettingOutlined
- EditOutlined
- DeleteOutlined
- DownOutlined
- LoadingOutlined
- SearchOutlined
- LockOutlined
- CheckOutlined
- CloseOutlined
- UploadOutlined
- LogoutOutlined
- QuestionCircleOutlined
- InfoCircleOutlined
- SyncOutlined
- GithubOutlined
- DownloadOutlined
- CloseCircleOutlined
- CheckCircleOutlined
- LeftOutlined
- ExclamationCircleOutlined
- EyeOutlined
- LinkOutlined
- MenuFoldOutlined
- MenuUnfoldOutlined
- BellOutlined
- TeamOutlined
- AppstoreOutlined
- FileOutlined
- DesktopOutlined
- SendOutlined
- HomeOutlined
- StarOutlined
- ArrowDownOutlined
- ReloadOutlined
- NotificationOutlined
- RightOutlined
- MailOutlined
- EyeInvisibleOutlined
- SmileOutlined
- ArrowUpOutlined
- EllipsisOutlined
- createFromIconfontCN
- CheckCircleTwoTone
- CaretDownOutlined
- SmileTwoTone
- RedoOutlined
- PlusCircleOutlined
- WalletOutlined
- ExportOutlined
- LikeOutlined
- InboxOutlined
- CopyOutlined
- FullscreenExitOutlined
- FullscreenOutlined
- FacebookOutlined
- UserAddOutlined
- SolutionOutlined
- KeyOutlined
- PieChartOutlined
- PictureOutlined
- QrcodeOutlined
- PoweroffOutlined
- DashboardOutlined
- GlobalOutlined
- ClockCircleOutlined
- ShareAltOutlined
- UndoOutlined
- MenuOutlined
- HeartTwoTone
- BarsOutlined
- MinusCircleOutlined
- WarningOutlined
- FrownOutlined
- HeartOutlined
- RetweetOutlined
- FilePdfOutlined
- MinusOutlined
- UpOutlined
- ImportOutlined
- LineChartOutlined
- StopOutlined
- CreditCardOutlined
- ToolOutlined
- MessageOutlined
- DisconnectOutlined
- GoogleOutlined
- InfoCircleTwoTone
- BankOutlined
- EditTwoTone
- HomeTwoTone
- PlusSquareTwoTone
- SlidersOutlined
- UnorderedListOutlined
- FormOutlined
- CameraOutlined
- ArrowRightOutlined
- CloseCircleTwoTone
- VideoCameraOutlined
- MoreOutlined
- BarChartOutlined
- BugOutlined
- TwitterOutlined
- SettingFilled
- HighlightOutlined
- DeleteTwoTone
- EyeTwoTone
- HistoryOutlined
- CaretRightOutlined
- ApiOutlined
- AuditOutlined
- BlockOutlined
- CodeOutlined
- CloudUploadOutlined
- FileTextOutlined
- PlayCircleOutlined
- LikeFilled
- CaretUpOutlined
- ArrowLeftOutlined
- LaptopOutlined
- LockTwoTone
- MailTwoTone
- FlagOutlined
- CodeTwoTone
- LeftCircleOutlined
- RightCircleOutlined
- UsergroupAddOutlined
- IdcardOutlined
- DollarCircleOutlined
- AimOutlined
- SettingTwoTone
- SwapOutlined
- PhoneOutlined
- FileExcelOutlined
- FileMarkdownOutlined
- MinusCircleTwoTone
- FileAddOutlined
- DatabaseOutlined
- CloudServerOutlined
- HddOutlined
- FileDoneOutlined
- RocketOutlined
- FolderAddOutlined
- VerticalAlignTopOutlined
- ControlOutlined
- LoginOutlined
- SafetyCertificateOutlined
- ExpandOutlined
- WindowsOutlined
- TagsOutlined
- FireOutlined
- FileImageOutlined
- PauseCircleOutlined
- DislikeFilled
- BuildOutlined
- CopyrightOutlined
- setTwoToneColor
- ThunderboltOutlined
- CompressOutlined
- SoundOutlined
- CommentOutlined
- CustomerServiceOutlined
- FileSyncOutlined
- ContainerOutlined
- PauseOutlined
- AudioOutlined
- YoutubeOutlined
- HourglassOutlined
- ColumnHeightOutlined
- PlusCircleTwoTone
- PaperClipOutlined
- SmileFilled
- MessageFilled
- QuestionOutlined
- PushpinOutlined
- AppstoreAddOutlined
- SwapRightOutlined
- NodeCollapseOutlined
- PieChartFilled
- HeartFilled
- CloseCircleFilled
- FileUnknownTwoTone
- ApartmentOutlined
- ProfileOutlined
- FlagTwoTone
- ClusterOutlined
- FundTwoTone
- UnlockOutlined
- NotificationTwoTone
- FileUnknownOutlined
- ScheduleOutlined
- SaveOutlined
- InsertRowAboveOutlined
- PushpinFilled
- PushpinTwoTone
- BorderOuterOutlined
- DownSquareOutlined
- GatewayOutlined
- InteractionOutlined
- NodeIndexOutlined
- LikeTwoTone
- Html5Outlined
- OrderedListOutlined
- InstagramOutlined
- WhatsAppOutlined
- IdcardTwoTone
- FileTextTwoTone
- TableOutlined
- DeleteFilled
- EditFilled
- FileAddFilled
- RightCircleTwoTone
- DownCircleTwoTone
- FolderOutlined
- InsuranceOutlined
- UserSwitchOutlined
- OneToOneOutlined
- FileWordOutlined
- FileZipOutlined
- FolderTwoTone
- ClearOutlined
- FileProtectOutlined
- getTwoToneColor
- DownCircleOutlined
- UpCircleOutlined
- BookOutlined
- GithubFilled
- StarFilled
- EnterOutlined
- ZoomInOutlined
- ZoomOutOutlined
- PictureFilled
- FolderOpenOutlined
- FundViewOutlined
- MergeCellsOutlined
- SplitCellsOutlined
- FormatPainterOutlined
- CarOutlined
- ReadOutlined
- AudioMutedOutlined
- RotateRightOutlined
- BorderOutlined
- BorderVerticleOutlined
- BorderHorizontalOutlined
- DragOutlined
- FilterOutlined
- BulbOutlined
- BgColorsOutlined
- ChromeOutlined
- FireFilled
- FilterTwoTone
- BellFilled
- FolderAddTwoTone
- ApiTwoTone
- CopyTwoTone
- WarningTwoTone
- DeploymentUnitOutlined
- ExperimentOutlined
- LineOutlined
- StepForwardOutlined
- EnvironmentOutlined
- AreaChartOutlined
- VerifiedOutlined
- CodeFilled
- BugFilled
- SnippetsOutlined
- VerticalAlignMiddleOutlined
- InfoCircleFilled
- CaretUpFilled
- FundProjectionScreenOutlined
- PartitionOutlined
- DislikeOutlined
- CloudOutlined
- ShopOutlined
- CalendarOutlined
- RadiusUpleftOutlined
- RadiusUprightOutlined
- RadiusBottomleftOutlined
- RadiusBottomrightOutlined
- MehOutlined
- AppleOutlined
- AndroidOutlined
- LinkedinOutlined
- FrownFilled
- CarryOutOutlined
- StarTwoTone
- DingdingOutlined
- AlipayCircleOutlined
- TaobaoCircleOutlined
- WeiboCircleOutlined
- TagFilled
OtherRelated APIs
@ant-design/icons#LineOutlined JavaScript Examples
The following examples show how to use
@ant-design/icons#LineOutlined.
You can vote up the ones you like or vote down the ones you don't like,
and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: tasks.js From hashcat.launcher with MIT License | 4 votes |
reBuildData() {
var data = [
{
key: "Idle",
title: "Idle",
selectable: false,
icon: <LineOutlined />,
children: []
},
{
key: "Queued",
title: "Queued",
selectable: false,
icon: <ClockCircleOutlined />,
children: []
},
{
key: "In Progress",
title: "In Progress",
selectable: false,
icon: <FireOutlined />,
children: []
},
{
key: "Finished",
title: "Finished",
selectable: false,
icon: <CheckCircleOutlined />,
children: []
}
];
Object.values(TasksStats.tasks).forEach(task => {
var category;
switch (task.process.status) {
case PROCESS_STATUS_NOTSTARTED:
if (task.priority >= 0)
category = data[1];
else
category = data[0];
break;
case PROCESS_STATUS_RUNNING:
category = data[2];
break;
case PROCESS_STATUS_FINISHED:
category = data[3];
break;
default:
category = data[0];
message.warning("unrecognized process status");
}
category.children.push({
key: task.id,
title: (
task.stats.hasOwnProperty("progress") ? (
task.id + " (" + Math.trunc((task.stats["progress"][0] / task.stats["progress"][1])*100) + "%)"
) : (
task.id
)
),
icon: (
task.stats.hasOwnProperty("status") ? (
HASHCAT_STATUS_BADGE_WARNING.indexOf(task.stats["status"]) > -1 ? (
<Badge status="warning" />
) : HASHCAT_STATUS_BADGE_PROCESSING.indexOf(task.stats["status"]) > -1 ? (
<Badge status="processing" />
) : HASHCAT_STATUS_BADGE_ERROR.indexOf(task.stats["status"]) > -1 ? (
<Badge status="error" />
) : HASHCAT_STATUS_BADGE_SUCCESS.indexOf(task.stats["status"]) > -1 ? (
<Badge status="success" />
) : HASHCAT_STATUS_BADGE_PINK.indexOf(task.stats["status"]) > -1 ? (
<Badge color="pink" />
) : HASHCAT_STATUS_BADGE_YELLOW.indexOf(task.stats["status"]) > -1 ? (
<Badge color="yellow" />
) : (
<Badge status="default" />
)
) : (
<Badge color="#b7b7b7" />
)
),
});
});
for (let i = 0; i < data.length; i++) {
data[i].title = data[i].title + " (" + data[i].children.length + ")";
}
this.setState({
data: data
});
}