Icons

The Strato Design System is also providing an Icon library, which can be used within an app.

In order to use an icon, simply import the icon from the @dynatrace/strato-icons library and use it as a component in your JSX code.

Regarding the size of the icon, there are three predefined sizes available which can be set using the size prop:

• small (16px)
• default (20px)
• large (32px)

If you need a specific size not covered with these options, it is also possible to pass a custom pixel value.

Below you can find a list of all available icons and their corresponding names.

Abc

Tags: text, style, font, letters, spelling

AbcOff

Tags: text, style, font, letters, spelling

Accept

Deprecated

D

AccountExperienceSignet

Account

Tags: avatar, profile, user, human, person

Action

Tags: charge, lightning, energy, activate, reaction, response

ActionTrigger

Deprecated

D

AirplaneFilled

Tags: worldmap, transportation, travel, airport, aircraft, aviation, flight, fly

Airplane

Tags: worldmap, transportation, travel, airport, aircraft, aviation, flight, fly

AirportFilled

Tags: Transportation, air, departure, travel, fly, tower, controller, traffic, aviation, worldmap, dataviz

Analytics

Tags: charttype, chart, combochart, linechart, barchart, data, diagram, graph, report, analytics, stats, sorted, trend, revenue, finance, stock

AppEngine

Tags: technology, company, dynatrace, logo, core

AppEngineSignet

Tags: technology, company, dynatrace, logo, core

Appearance

Tags: darkmode, lightmode, night, moon, sun, day, interface, brightness, switch

ApplicationObservabilitySignet

ApplicationSecurity

Tags: technology, company, dynatrace, logo, solution

ApplicationSecuritySignet

Tags: technology, company, dynatrace, logo, solution

Applications

Tags: page, browser, window, interface, frame, homepage, website

Apps

Tags: hub, appcategory, apptype, blocks, tiles, main, tool, applications, technology, extension

ArrowDown

Tags: bottom, navigation, direction, move, indicator

ArrowDownLeft

Tags: navigation, direction, move, indicator, trend

ArrowDownRight

Tags: navigation, direction, move, indicator, trend

ArrowLeft

Tags: navigation, previous, preceding, direction, move, indicator

ArrowRight

Tags: next, navigation, direction, forward, move, indicator

ArrowSmallDown

Tags: navigation, direction, move, indicator, trend

ArrowSmallDownLeft

Tags: navigation, direction, move, indicator, trend

ArrowSmallDownRight

Tags: navigation, direction, move, indicator, trend

ArrowSmallLeft

Tags: navigation, direction, move, indicator, trend

ArrowSmallRight

Tags: navigation, direction, move, indicator, trend

ArrowSmallUp

Tags: navigation, direction, move, indicator, trend

ArrowSmallUpLeft

Tags: navigation, direction, move, indicator, trend

ArrowSmallUpRight

Tags: navigation, direction, move, indicator, trend

ArrowUp

Tags: navigation, direction, move, indicator, top

ArrowUpLeft

Tags: navigation, direction, move, indicator, trend

ArrowUpRight

Tags: navigation, direction, move, indicator, trend

Asset

Tags: toke, premium, diamond, jewel, security

AssetOff

Tags: toke, premium, diamond, jewel, security

AttackAllowlisted

Tags: appsecurity, cybercrime, criminal, hacker, threat, malware, virus, code, report, virus, error

AttackBlock

Tags: appsecurity, cybercrime, criminal, hacker, threat, malware, virus, code, report, virus, error

AttackExploited

Tags: appsecurity, cybercrime, criminal, hacker, threat, malware, virus, code, report, virus, error

AttackFilled

Tags: worldmap, appsecurity, cybercrime, criminal, hacker, threat, malware, virus, code, report, virus, error

Attack

Tags: appsecurity, cybercrime, criminal, hacker, threat, malware, virus, code, report, virus, error

AttackOff

Tags: appsecurity, cybercrime, criminal, hacker, threat, malware, virus, code, report, virus, error

AutomationEngine

Tags: technology, company, dynatrace, logo, core

AutomationEngineSignet

Tags: technology, company, dynatrace, logo, core

AutomationsSignet

BandChart

Tags: charttype, chart, data, diagram, graph, report, analytics, stats, sorted, trend, dataviz

BarChart

Tags: charttype, chart, data, diagram, graph, vertical, report, analytics, stats, dataviz

BarGauge

Deprecated

D

Bell

Deprecated

D

BellOff

Deprecated

D

Block

Tags: stop, banned, forbidden, prohibited, unavailable, disable

Bookmark

Tags: jira, story, label, ribbon, save, check, flag

BugReport

Tags: code, debug, report, virus, error, insect, beetle

BusinessAnalyticsSignet

Calendar

Tags: agenda, event, time, register, date, hour, day, month, year, period, duration, generation

Call

Tags: telephone, cell, mobile, communication, media, contact, talk, support

Capslock

Tags: capital, up, shift, letter, type

Category

Tags: type, united, elements, variation, variety

Certified

Tags: badge, assurance, certification, seal, guarantee, approved, verified, trust

ChartCollection

Tags: charttype, chart, data, diagram, graph, report, analytics, stats, sorted, trend, revenue, finance, stock, visualisation

Chart

Deprecated

D

ChartTools

Tags: chart, data, diagram, graph, vertical, report, analytics, stats, wrench, spanner, adjust

Chat

Tags: message, Comment, Communicate, speechbubble, discussion, talk

CheckCircle

Deprecated

D

Checkmark

Tags: tick, ok, accept, success, yes, approve

CheckmarkSmall

Tags: tick, ok, accept, success, yes, approve

ChevronDown

Tags: navigation, dropdown, direction, move, arrow

ChevronDownSmall

Tags: navigation, dropdown, direction, move, arrow

ChevronLeftDouble

Tags: expand, collapse, arrows, direction

ChevronLeft

Tags: navigation, previous, preceding, direction, move, arrow

ChevronLeftSmall

Tags: previous, navigation, preceding, direction, move, arrow

ChevronRightDouble

Tags: expand, collapse, arrows, direction

ChevronRight

Tags: next, navigation, direction, forward, move, arrow

ChevronRightSmall

Tags: next, navigation, direction, forward, move, arrow

ChevronUp

Tags: navigation, dropup, direction, move, arrow

ChevronUpSmall

Tags: navigation, dropup, direction, move, arrow

Clock

Tags: time, watch, year, month, day, hour, seconds

Close

Deprecated

D

CloseSidebar

Tags: collapse, inset, left

CloudDone

Deprecated

D

Cloud

Deprecated

D

CloudOff

Deprecated

D

Code

Tags: html, tag, development, script, source, css, coding, programming

CodeOff

Tags: html, tag, development

Codeblock

Tags: editor, programming, develop, write

Collapse

Deprecated

D

Coloring

Tags: design, fill, paint, drop, palette. charts, customize

Compare

Tags: branch, exchange, match, balance, comparison

Conditions

Tags: if, else, function

Connector

Tags: connection, actions, hub, appcategory, plugin, socket, cable, power plug, api, integration

Container

Tags: box, cube, package, entity

Copy

Tags: paper, document, files, layer

CriticalFailed

Tags: state, error, danger, x, caution, exclamation, failed process, issue, problematic, unhealthy, high security impact

Critical

Tags: state, error, danger, !, caution, exclamation, failed process, issue, problematic, unhealthy, high security impact

Crosshair

Tags: navigation, point, bullseye, aim, target

Cursor

Tags: mouse, click, control, arrow, pointer, action

CustomSolutionsSignet

Cycle

Tags: update, rotate, turn, clockwise, sync, loading

Darkmode

Tags: moon, night, sleep, weather, crescent

DataTable

Tags: database, document, excel, spreadsheet, cells, column

Database

Tags: storage, server, network, technology, cloud

DavisAi

Tags: technology, company, dynatrace, logo, core

DavisAiSignet

Tags: technology, company, dynatrace, logo, core

DavisCoPilot

Tags: technology, company, dynatrace, logo, core, ai

DavisCoPilotSignet

Tags: technology, company, dynatrace, logo, core, ai

Decline

Tags: refuse, reject, dismiss, deny, x, circle, no

Delete

Tags: trashcan, remove, garbage, bin, recycle

DeliverySignet

Description

Tags: file, document, information, details, text, preview, sneak peak

Desktop

Tags: Computer, monitor, screen, device, display, pc

DifferenceChart

Tags: charttype, chart, data, diagram, graph, report, analytics, stats, sorted, trend, dataviz

DigitalExperienceSignet

DotMenu

Tags: vertical, list, small menu, more, actions, dots, dropdown, kebap

Download

Tags: arrow, down, save, import, install

Downloading

Tags: arrow, down, save, import, install, progress

DragAllDirection

Tags: dots, hold, grab

DragHandle

Deprecated

D

DragVertical

Tags: handle, move, shift

Duplicate

Tags: clone, add, plus, paper, documents, files, copy, paste

Dynatrace

Tags: technology, company, logo, core

DynatraceSignet

Tags: technology, company, logo, core

Edit

Tags: pen, write, create, modify

Education

Tags: Sample, academic, cap, hat, graduation, college, course, degree, university, school, learning, example

Enter

Tags: arrow, keyboard, input

Epic

Tags: jira, flash, lightning, power, energy, bolt, charge

Error

Deprecated

D

Event

Tags: button, alarm, alert

EventTrigger

Deprecated

D

Expand

Deprecated

D

Exploit

Tags: security, vulnerability, bomb, weapon

ExploitOff

Tags: security, vulnerability, bomb, weapon

Extensions

Tags: hub, appcategory, addon, plugin, blocks, tiles, tool, application, technology

ExternalLink

Tags: url, hyperlink, external

Eye

Deprecated

D

EyeOff

Deprecated

D

Favorite

Tags: star, rate, bookmark, like

Favourite

Deprecated

D

Feedback

Tags: test, comment, review, communication, customer experience, satisfaction, testimonial

FileCopy

Deprecated

D

FilterFor

Tags: funnel, order, sort

Filter

Tags: funnel, order, sort

FilterOut

Tags: funnel, order, sort

FolderOpen

Tags: archive, document, storage, file

FormatBold

Tags: text, style, strong, fat, font

FormatItalic

Tags: text, style, font

FormatListNumbered

Tags: format, process, 123, sort, notes

FormatQuote

Tags: reference, quotation, speech, testimonial, text, comment, comma

GanttChart

Tags: waterfall, charttype, chart, dataviz, graph, span, statistics, diagramm, analytics

Ghost

Tags: command, cmd, window, console, bash, admin

Grab

Deprecated

D

Grail

Tags: technology, company, dynatrace, logo, core

GrailSignet

Tags: technology, company, dynatrace, logo, core

Grid

Tags: app overview, apps, sheet, array, layout, interface

Grip

Deprecated

D

Group

Tags: people, teamwork, users, accounts, friends, social

Guide

Tags: orientation, navigation, book, instruction manual, learn

Hashtag

Tags: number, #, sign, type, channel

Hdd

Tags: hard, disk, drive, data, hardware, storage, fixed, device

Heading1

Tags: text, style, font

Heading2

Tags: text, style, font

Heading3

Tags: text, style, font

Heading4

Tags: text, style, font

Help

Tags: service, faq, support, ?, questionmark, answer, circle, assistance, unknown, unrecognized

Histogram

Tags: chart, charttype, data, diagram, function, parabola, average, dataviz

History

Tags: time, recent, clock, watch, course, progress

HomeFilled

Tags: worldmap, house, building, property, desktop, dashboard, menu, homepage

Home

Tags: house, desktop, dashboard, menu, homepage

Honeycomb

Tags: charttype, chart, charttype, data, graph, analytics, statistics, dataviz, modular, hexagonal

HorizontalBarChart

Tags: charttype, chart, data, diagram, graph, report, analytics, stats, dataviz, gauge

HorizontalRule

Tags: line, measure, divide

Hosts

Tags: server health, metrics, data center, computing, network, hosting, storage, db, database, web, connected

Http

Tags: browser, development, domain, website, internet

HubSignet

Idea

Tags: light bulb, creative, energy, lamp

Image

Tags: picture, frame, photograph, camera, painting

Information

Tags: about, service, faq, help, support, circle, additional information, new features, monitored, low security impact

InfrastructureObservabilitySignet

Integrations

Deprecated

D

Internet

Tags: web, globe, www, network, worldwide, global, connection, browser

IoT

Tags: Internet of things, cloud, platform, hosting, computing, smart, network, devices, infrastructure

Keyboard

Tags: write, keypad, input, hardware, computer, device, type

Lightmode

Tags: sun, sunshine, weather, warm, brightness, daylight

LineChart

Tags: charttype, chart, data, diagram, graph, report, analytics, stats, sorted, trend, dataviz

Link

Tags: chain, hyperlink, connection, web, url, internet, web address, site

List

Tags: bullet, to do, checklist, survey, tasks

LocationMarkerFilled

Tags: bulletin, marker, worldmap, location, geo, mapping, navigation, gps, direction, point of interest, dataviz

LocationMarkerFilledSubscript

Tags: bulletin, marker, worldmap, location, geo, mapping, navigation, gps, direction, point of interest, dataviz

LocationMarker

Tags: bulletin, marker, worldmap, location, geo, mapping, navigation, gps, direction, point of interest, dataviz

LocationPinFilledSubscript

Deprecated

D

Lock

Tags: padlock, privacy, security, safe, password, protection

Login

Tags: door, enter, authentication, entrance, join, access, entry

Logout

Tags: exit, leave, close, door, quit, sign out

Logs

Tags: function, logarithm, mathematics, calculate, solution, integral, type, filetype

MagnifyingGlass

Tags: magnifying glass, view, explore, find, inspect, search

MailClosed

Tags: closed, email, message, letter, envelope

Mail

Tags: email, message, letter, envelope

Manual

Tags: hand, fingers, palm

Maximize

Tags: arrows, expand, fullscreen, enlarge

Menu

Tags: burger, lines, navigation, bars

Meterbar

Tags: charttype, chart, data, diagram, dataviz, multimeterbar

Microphone

Deprecated

D

MicrophoneOff

Deprecated

D

Minimize

Tags: arrows, reduce, shrink

Minus

Tags: delete, remove, close, decrease, negative, -

Mobile

Tags: telephone, screen, smart, technology, device, cell, android, ios

Money

Tags: revenue, profits, currencies, financial, monetary, cash, payment, dollar, euro, yen, bills

More

Deprecated

D

Move

Deprecated

D

Mute

Tags: audio, microphone, device, speak, talk, voice, record, player

MuteOff

Tags: audio, microphone, device, speak, talk, voice, record, player, unmute, audio, microphone, device, speak, talk, voice, record, player, unmute

Network

Tags: connect, communication, computing, horizontal

Node

Tags: connected, connection, structure, network, diagram, intersect

Notification

Tags: bell, ring, alert, alarm

NotificationOff

Tags: bell, ring, alert, alarm, silent, mute

OneAgent

Tags: technology, company, dynatrace, logo, core

OneAgentSignet

Tags: technology, company, dynatrace, logo, core

OpenSidebar

Tags: show, inset, left

OpenWith

Tags: internal, link, app

Options

Tags: tools, configuration, preferences, control, custom

Pan1D

Deprecated

D

PanHorizontal

Tags: arrows, scroll, gesture

Parse

Tags: extract, migrate, convert, transfer, transition

ParseIcon

Deprecated

D

Pause

Tags: audio, video, stop, halt, volume, multimedia, player

PauseLoad

Tags: process, wait, halt

PinFilledSubscript

Tags: worldmap, bulletin, marker, memo, note, attach

Pin

Tags: bulletin, marker, memo, note, attach

PinOff

Tags: bulletin, marker, memo, note, detach, unpin

PlatformSignet

Play

Tags: audio, video, start, volume, multimedia, player

Plus

Tags: additional, add, +, create, new

Print

Tags: paper, fax, printing, device

PublicExposure

Tags: appsecurity, vulnerability, risk, hazard

PublicExposureOff

Tags: appsecurity, vulnerability, risk, hazard

PurePath

Tags: technology, company, dynatrace, logo, core

PurePathSignet

Tags: technology, company, dynatrace, logo, core

Queues

Tags: list, line, order, waiting, pending, hierarchy, sequence, series, arrangement, processes

Ram

Tags: memory, mircochip, ddr, card, storage, data, hardware, electronics, technology

Recommend

Deprecated

D

Redo

Tags: arrow, forward, next

Refresh

Tags: reload, repeat, arrow

Repeat

Tags: arrows, loop, flow

Replay

Tags: repeat, play, loop, restart, refresh

Request

Tags: pull, git, commit

Research

Tags: jira, laboratory, microscope, science, education, learning, experiment

Reset

Tags: restart, again, undo all, redo

Resize

Tags: enlarge, amplify, broaden, extend, open

ResourceContention

Tags: utilization, saturation, barometer, forecast, gauge, control, metric

Save

Tags: floppy, disc, storage

Scatterplot

Tags: charttype, chart, data, graph, report, analytics, statistics, diagram, dataviz

SecurityAnalyticsSignet

SecurityCritical

Tags: protection, shield, safe, block, lightning

SecurityHigh

Tags: protection, shield, safe, block, x

Security

Tags: protection, shield, safe, block

SecurityMedium

Tags: protection, shield, safe, block, !

SecurityProtectionSignet

SecurityResolved

Tags: protection, shield, safe, block, vulnerability

Select

Tags: area, square, tool, region, mark

SelectIndicator

Tags: dot, point, choice

Services

Tags: Cubes, connect, microservice, block

Setting

Tags: cog, gear, engine, machine, system, configuration, control

Share

Tags: connection, network, social, communication

ShipFilled

Tags: Transporter, boat, sea, water, shipment, travel, logistics, cargo, worldmap, dataviz

SingleValueChart

Tags: charttype, chart, data, diagram, graph, report, analytics, stats, sorted, trend, dataviz

SiteReliabilitySignet

Smartscape

Tags: technology, company, dynatrace, logo, core

SmartscapeSignet

Tags: technology, company, dynatrace, logo, core

SorterDouble

Tags: arrow, down, up, vertical

SorterDoubleSmall

Deprecated

D

Sorter

Tags: arrow, bottom, down, menu

SorterSingle

Deprecated

D

SorterSingleSmall

Deprecated

D

SorterSmallDouble

Tags: arrow, down, up, vertical

SorterSmall

Tags: arrow, bottom, down, menu

Source

Tags: data, document, files, folder, storage, code

Sparkline

Tags: charttype, chart, data, diagram, graph, report, analytics, stats, trend, dataviz, increase, standalone

StackedAreaChart

Tags: charttype, chart, data, diagram, graph, report, analytics, stats, sorted, trend, dataviz

StackedBarChart

Tags: charttype, chart, data, diagram, graph, vertical, report, analytics, stats, sorted, dataviz

StarEmpty

Deprecated

D

Star

Deprecated

D

Stop

Tags: end, audio, video, volume, multimedia, player, permanent

Stopwatch

Tags: clock, timer, performance, sensor, speed, slow, fast

Storage

Tags: Backup, data, database

StrikethroughS

Tags: text, style, font

Success

Tags: checkmark, circle, yes, ok, tick, correct, accept, stable, active, complete, connected, healthy, available

Support

Tags: help, question, customer, saver

SyncDone

Tags: exchange, update, save, cloud, transfer

SyncDownload

Deprecated

D

Sync

Tags: exchange, update, save, cloud, transfer

SyncOff

Tags: exchange, update, cloud, transfer

SyncUpload

Deprecated

D

Table

Tags: data, column, cells, list, data, spreadsheet

Technologies

Tags: hub, appcategory, chip, digital, microchip, electronic, circuit, application, extension, cpu, processing

Template

Tags: layout, blocks, page, content

Terminal

Tags: command, cmd, window, console, bash, admin

Threshold

Tags: charttype, chart, data, graph, report, analytics, statistics, diagram, range, limit

ThumbsDown

Tags: unlike, thumbs down, rating, review, feedback, dislike, vote, disagree, no

ThumbsUp

Tags: like, thumbs up, love, favourite, rating, review, feedback

Title

Tags: text, style, font

TitleOff

Tags: text, style, font

Trash

Deprecated

D

Trigger

Tags: code, lightning, flash, activate

Ufo

Tags: spaceship, aliens, pipeline, health, trunk, sprint, state, build, CI, test, staging, production, IoT, gadget

Unavailable

Tags: state, inactive, archived, no connection, no data, not available, not set up, unmonitored, muted, neutral

Undo

Tags: arrow, back, previous, return

Unfavorite

Tags: star, rate, bookmark, filled, unlike

Unfavourite

Deprecated

D

UnfoldLess

Tags: compress, shorten, shrink

UnfoldMore

Tags: expand, arrows, enlarge, spread

Unlock

Tags: lock open, key, open, padlock, privacy, security, safe, password, protection, public

Upload

Tags: arrow up, export

View

Tags: view, eye on, watch, see, look, visible, vision

ViewOff

Tags: invisible, view, eye, watch, see, look, vision, hide

ViewSidebar

Deprecated

D

Volume

Tags: Sound, audio, speaker, on, up, high, maximum, multimedia, player

VolumeOff

Tags: Sound, audio, speaker, down, low, minimum, silent, mute, none, multimedia, player

VulnerableFunction

Tags: code, !, exclamation, exposed, liable, security

VulnerableFunctionOff

Tags: code, !, exclamation, exposed, liable, security

WarningFailed

Tags: state, caution, danger, exclamation, alert, x, triangle, issue, vulnerability, unstable, caution, potential issues, non-critical failed process, attention, medium security impact

Warning

Tags: state, caution, danger, exclamation, alert, !, triangle, issue, vulnerability, unstable, caution, potential issues, non-critical failed process, attention, medium security impact

WhatsNew

Tags: addition, fresh, stars, bling, content, release note

Worldmap

Tags: card, earth, globe, planet, continents, countries, gps, location, navigation, geography, geolocation

WrapText

Tags: sheets, fluent, flow, format

WrapTextOff

Tags: sheets, fluent, flow, format

Xmark

Tags: close, delete, remove, exit

Zoom1D

Deprecated

D

ZoomHorizontal

Tags: magnifying glass, view, explore, find, inspect, search

ZoomIn

Tags: magnifying glass, focus, in, +, greater, bigger, search, inspect, find, explore, view

ZoomOut

Tags: magnifying glass, out, -, lesser, minus, smaller, search, inspect, find, explore, view

ZoomToFit

Tags: magnifying glass, view, explore, find, inspect, search, focus

ZoomVertical

Tags: magnifying glass, view, explore, find, inspect

Props

SvgIconSize

Name	Type	Default	Description
size?	| | |	'default'	Controls the size of the icon.