Icons

Sistent provides a comprehensive collection of icons that can be used across your projects. These icons are designed to be consistent with the overall design language of the Sistent design system, ensuring a cohesive user experience.

The icons are available as React components and can be easily imported and used in your application. They are also customizable in terms of size, color, and other properties.

Usage

1
2  import { 
3    SistentThemeProvider,
4    KubernetesIcon,
5    DesignIcon,
6  } from "@layer5/sistent";
7

1
2  <SistentThemeProvider>
3    <KubernetesIcon fill="#fff" />
4    <DesignIcon fill="#fff" />
5  </SistentThemeProvider>
6

Search Icons

Browse through the icons below to find the one you need. The search field supports synonyms—for example, try searching for "Kubernetes" or "Design".

AddCircle

Add

Application

ArrowCompress

ArrowExpand

Bell

Bus

Calender

CaretDown

Catalog

Chain

Challenges

CheckCircle

Circle

Clone

Close

CloudSaved

CollapseAll

Column

CommunityClass

Component

Configuration

ContentFilter

Copy

CopyLink

CreateNew

Credential

CrossCircle

Dashboard

Database

Delete

Deployments

Design

DesignerBottomRight

Detail

Details

Document

DoneAll

Done

Download

Drag

DropDown

Edit

EmptyStyle

Environment

Error

ExpandAll

ExternalLink

Facebook

Favorite

Feedback

File

Filter

FullScreen

GetStarted

Github

Google

GridView

HelpOutlined

Idea

InfoCircle

Info

InsertChart

InviteUser

Kanvas

KeppelApplication

KeppelRectangle

KeppelTallRoundedRectangle

Kubernetes

L5Delete

L5Edit

Learning

LeftAngledArrow

LeftArrow

Linkedin

Lock

Logout

Mendeley

Menu

MesheryFilter

OfficialClass

Open

OpenInNew

Org

OutlinedApplication

OutlinedCircle

OutlinedCloudSaving

OutlinedDataObject

OutlinedDeploy

OutlinedDoubleChevron

OutlinedHierarchical

OutlinedMesh

OutlinedPattern

OutlinedPatternSwitch

OutlinedPod

OutlinedRectangle

OutlinedRedo

OutlinedReset

OutlinedRing

OutlinedScreenshot

OutlinedSettings

OutlinedStar

OutlinedTallRoundedRectangle

OutlinedUndeploy

OutlinedUndo

OutlinedValidate

OutlinedVisibilityOff

OutlinedVisibilityOn

OutlinedVisualizerSwitcher

PanTool

Person

Poll

Public

Publish

Question

Read

Rectangle

RemoveDone

Remove

RightArrow

RoundedRectangleShape

RoundedTriangleShape

SMP

SaveAs

Search

Share

ShareLine

Success

TableView

TachographDigital

Tachometer

TallRoundedRectangle

Teams

Terminal

Toolkit

TouchApp

Triangle

Tropy

Twitter

VerificationClass

View

Warning

Workspace

Layer5, the cloud native management company

An empowerer of engineers, Layer5 helps you extract more value from your infrastructure. Creator and maintainer of cloud native standards. Maker of Meshery, the cloud native manager.