Dark mode
Search
Menü
Global
Form
Accordion
AuthorMeta
Avatar
Banner
Button
ButtonLink
Breadcrumb
Caption
CardAction
CardCore
Carousel
ContentBlock
Drawer
Divider
FilterTags
Heading
Icon Content
IconDisplay
Icon UI
InlineLink
Link
LinkButton
ListIcon
ListLink
Logo
LogoItem
Metric
Overline
Pagination
Pattern
Popover
Quote
Skeleton
Skrim
Table
Tabs
Tag
TagLine
Text
Icon UI
Internal UI icons with size scale (xs–xl) and full catalog in light and dark themes.
Available components
Sizes (xl, lg, md, sm, xs)
Sizes (xl, lg, md, sm, xs) (dark)
All icons (internal, 77)
alert
arrow-circle
arrow-collapse
arrow-expand
arrow-left
arrow-right
bookmark
bookmark-filled
briefcase
calender
chart
check
check-circle
chevron-down
chevron-left
chevron-right
chevron-up
circle-x
clock
close
cog
contract
copy
document
dots-horizontal
dots-vertical
download
external-link
eye
eye-off
filter
flash
globe
hashtag
heart
heart-filled
home
information-circle
link
list
loader
log-in
log-out
magnifier
mail
map
map-pin
menu
minus
pause-circle
pencil-box
person
placeholder
play-circle
plus
printer
questionmark-circle
quote-sign-de
resize-handle
save
security-smartphone
share
smart-phone
social-facebook
social-instagram
social-linked-in
social-vimeo
social-whats-app
social-x
social-xing
social-youtube
speech-bubble
target
tiles
trash
upload
workload
All icons (internal, 77) (dark)
alert
arrow-circle
arrow-collapse
arrow-expand
arrow-left
arrow-right
bookmark
bookmark-filled
briefcase
calender
chart
check
check-circle
chevron-down
chevron-left
chevron-right
chevron-up
circle-x
clock
close
cog
contract
copy
document
dots-horizontal
dots-vertical
download
external-link
eye
eye-off
filter
flash
globe
hashtag
heart
heart-filled
home
information-circle
link
list
loader
log-in
log-out
magnifier
mail
map
map-pin
menu
minus
pause-circle
pencil-box
person
placeholder
play-circle
plus
printer
questionmark-circle
quote-sign-de
resize-handle
save
security-smartphone
share
smart-phone
social-facebook
social-instagram
social-linked-in
social-vimeo
social-whats-app
social-x
social-xing
social-youtube
speech-bubble
target
tiles
trash
upload
workload
About this example
Server-rendered with Next.js App Router
Stencil components with @stencil/ssr
Declarative shadow DOM for hydration
BKW Design System
BKW Design System
50 Components
Reusable components ready to build with today.
Design System
Repository
Board
Storybook
Agencies
muse case
Strichpunkt
campfire
Instagram
Facebook
BKW
Press Releases
muse case
Strichpunkt
campfire