Package Exports
- @vector-im/compound-design-tokens/assets/web/icons
- @vector-im/compound-design-tokens/assets/web/icons/admin
- @vector-im/compound-design-tokens/assets/web/icons/arrow-down
- @vector-im/compound-design-tokens/assets/web/icons/arrow-left
- @vector-im/compound-design-tokens/assets/web/icons/arrow-right
- @vector-im/compound-design-tokens/assets/web/icons/arrow-up
- @vector-im/compound-design-tokens/assets/web/icons/arrow-up-right
- @vector-im/compound-design-tokens/assets/web/icons/attachment
- @vector-im/compound-design-tokens/assets/web/icons/block
- @vector-im/compound-design-tokens/assets/web/icons/bold
- @vector-im/compound-design-tokens/assets/web/icons/calendar
- @vector-im/compound-design-tokens/assets/web/icons/chart
- @vector-im/compound-design-tokens/assets/web/icons/chat
- @vector-im/compound-design-tokens/assets/web/icons/chat-new
- @vector-im/compound-design-tokens/assets/web/icons/chat-problem
- @vector-im/compound-design-tokens/assets/web/icons/chat-solid
- @vector-im/compound-design-tokens/assets/web/icons/check
- @vector-im/compound-design-tokens/assets/web/icons/check-circle
- @vector-im/compound-design-tokens/assets/web/icons/check-circle-solid
- @vector-im/compound-design-tokens/assets/web/icons/chevron-down
- @vector-im/compound-design-tokens/assets/web/icons/chevron-left
- @vector-im/compound-design-tokens/assets/web/icons/chevron-right
- @vector-im/compound-design-tokens/assets/web/icons/chevron-up
- @vector-im/compound-design-tokens/assets/web/icons/chevron-up-down
- @vector-im/compound-design-tokens/assets/web/icons/circle
- @vector-im/compound-design-tokens/assets/web/icons/close
- @vector-im/compound-design-tokens/assets/web/icons/cloud
- @vector-im/compound-design-tokens/assets/web/icons/cloud-solid
- @vector-im/compound-design-tokens/assets/web/icons/code
- @vector-im/compound-design-tokens/assets/web/icons/collapse
- @vector-im/compound-design-tokens/assets/web/icons/company
- @vector-im/compound-design-tokens/assets/web/icons/compose
- @vector-im/compound-design-tokens/assets/web/icons/computer
- @vector-im/compound-design-tokens/assets/web/icons/copy
- @vector-im/compound-design-tokens/assets/web/icons/dark-mode
- @vector-im/compound-design-tokens/assets/web/icons/delete
- @vector-im/compound-design-tokens/assets/web/icons/devices
- @vector-im/compound-design-tokens/assets/web/icons/document
- @vector-im/compound-design-tokens/assets/web/icons/download
- @vector-im/compound-design-tokens/assets/web/icons/drag-grid
- @vector-im/compound-design-tokens/assets/web/icons/drag-list
- @vector-im/compound-design-tokens/assets/web/icons/edit
- @vector-im/compound-design-tokens/assets/web/icons/edit-solid
- @vector-im/compound-design-tokens/assets/web/icons/email
- @vector-im/compound-design-tokens/assets/web/icons/email-solid
- @vector-im/compound-design-tokens/assets/web/icons/end-call
- @vector-im/compound-design-tokens/assets/web/icons/error
- @vector-im/compound-design-tokens/assets/web/icons/expand
- @vector-im/compound-design-tokens/assets/web/icons/export-archive
- @vector-im/compound-design-tokens/assets/web/icons/extensions
- @vector-im/compound-design-tokens/assets/web/icons/extensions-solid
- @vector-im/compound-design-tokens/assets/web/icons/favourite
- @vector-im/compound-design-tokens/assets/web/icons/favourite-solid
- @vector-im/compound-design-tokens/assets/web/icons/file-error
- @vector-im/compound-design-tokens/assets/web/icons/files
- @vector-im/compound-design-tokens/assets/web/icons/filter
- @vector-im/compound-design-tokens/assets/web/icons/forward
- @vector-im/compound-design-tokens/assets/web/icons/grid
- @vector-im/compound-design-tokens/assets/web/icons/help
- @vector-im/compound-design-tokens/assets/web/icons/help-solid
- @vector-im/compound-design-tokens/assets/web/icons/history
- @vector-im/compound-design-tokens/assets/web/icons/home
- @vector-im/compound-design-tokens/assets/web/icons/home-solid
- @vector-im/compound-design-tokens/assets/web/icons/host
- @vector-im/compound-design-tokens/assets/web/icons/image
- @vector-im/compound-design-tokens/assets/web/icons/image-error
- @vector-im/compound-design-tokens/assets/web/icons/indent-decrease
- @vector-im/compound-design-tokens/assets/web/icons/indent-increase
- @vector-im/compound-design-tokens/assets/web/icons/index
- @vector-im/compound-design-tokens/assets/web/icons/info
- @vector-im/compound-design-tokens/assets/web/icons/info-solid
- @vector-im/compound-design-tokens/assets/web/icons/inline-code
- @vector-im/compound-design-tokens/assets/web/icons/italic
- @vector-im/compound-design-tokens/assets/web/icons/key
- @vector-im/compound-design-tokens/assets/web/icons/key-off
- @vector-im/compound-design-tokens/assets/web/icons/key-off-solid
- @vector-im/compound-design-tokens/assets/web/icons/key-solid
- @vector-im/compound-design-tokens/assets/web/icons/keyboard
- @vector-im/compound-design-tokens/assets/web/icons/labs
- @vector-im/compound-design-tokens/assets/web/icons/leave
- @vector-im/compound-design-tokens/assets/web/icons/link
- @vector-im/compound-design-tokens/assets/web/icons/list-bulleted
- @vector-im/compound-design-tokens/assets/web/icons/list-numbered
- @vector-im/compound-design-tokens/assets/web/icons/location-navigator
- @vector-im/compound-design-tokens/assets/web/icons/location-navigator-centred
- @vector-im/compound-design-tokens/assets/web/icons/location-pin
- @vector-im/compound-design-tokens/assets/web/icons/location-pin-solid
- @vector-im/compound-design-tokens/assets/web/icons/lock
- @vector-im/compound-design-tokens/assets/web/icons/lock-off
- @vector-im/compound-design-tokens/assets/web/icons/lock-solid
- @vector-im/compound-design-tokens/assets/web/icons/mark-as-read
- @vector-im/compound-design-tokens/assets/web/icons/mark-as-unread
- @vector-im/compound-design-tokens/assets/web/icons/mark-threads-as-read
- @vector-im/compound-design-tokens/assets/web/icons/marker-read-receipts
- @vector-im/compound-design-tokens/assets/web/icons/mention
- @vector-im/compound-design-tokens/assets/web/icons/menu
- @vector-im/compound-design-tokens/assets/web/icons/mic-off
- @vector-im/compound-design-tokens/assets/web/icons/mic-off-solid
- @vector-im/compound-design-tokens/assets/web/icons/mic-on
- @vector-im/compound-design-tokens/assets/web/icons/mic-on-solid
- @vector-im/compound-design-tokens/assets/web/icons/minus
- @vector-im/compound-design-tokens/assets/web/icons/mobile
- @vector-im/compound-design-tokens/assets/web/icons/notifications
- @vector-im/compound-design-tokens/assets/web/icons/notifications-off
- @vector-im/compound-design-tokens/assets/web/icons/notifications-off-solid
- @vector-im/compound-design-tokens/assets/web/icons/notifications-solid
- @vector-im/compound-design-tokens/assets/web/icons/offline
- @vector-im/compound-design-tokens/assets/web/icons/overflow-horizontal
- @vector-im/compound-design-tokens/assets/web/icons/overflow-vertical
- @vector-im/compound-design-tokens/assets/web/icons/pause
- @vector-im/compound-design-tokens/assets/web/icons/pause-solid
- @vector-im/compound-design-tokens/assets/web/icons/pin
- @vector-im/compound-design-tokens/assets/web/icons/pin-solid
- @vector-im/compound-design-tokens/assets/web/icons/play
- @vector-im/compound-design-tokens/assets/web/icons/play-solid
- @vector-im/compound-design-tokens/assets/web/icons/plus
- @vector-im/compound-design-tokens/assets/web/icons/polls
- @vector-im/compound-design-tokens/assets/web/icons/polls-end
- @vector-im/compound-design-tokens/assets/web/icons/pop-out
- @vector-im/compound-design-tokens/assets/web/icons/preferences
- @vector-im/compound-design-tokens/assets/web/icons/public
- @vector-im/compound-design-tokens/assets/web/icons/qr-code
- @vector-im/compound-design-tokens/assets/web/icons/quote
- @vector-im/compound-design-tokens/assets/web/icons/raised-hand-solid
- @vector-im/compound-design-tokens/assets/web/icons/reaction
- @vector-im/compound-design-tokens/assets/web/icons/reaction-add
- @vector-im/compound-design-tokens/assets/web/icons/reaction-solid
- @vector-im/compound-design-tokens/assets/web/icons/reply
- @vector-im/compound-design-tokens/assets/web/icons/restart
- @vector-im/compound-design-tokens/assets/web/icons/room
- @vector-im/compound-design-tokens/assets/web/icons/search
- @vector-im/compound-design-tokens/assets/web/icons/send
- @vector-im/compound-design-tokens/assets/web/icons/send-solid
- @vector-im/compound-design-tokens/assets/web/icons/settings
- @vector-im/compound-design-tokens/assets/web/icons/settings-solid
- @vector-im/compound-design-tokens/assets/web/icons/share
- @vector-im/compound-design-tokens/assets/web/icons/share-android
- @vector-im/compound-design-tokens/assets/web/icons/share-ios
- @vector-im/compound-design-tokens/assets/web/icons/share-screen
- @vector-im/compound-design-tokens/assets/web/icons/share-screen-solid
- @vector-im/compound-design-tokens/assets/web/icons/sidebar
- @vector-im/compound-design-tokens/assets/web/icons/sign-out
- @vector-im/compound-design-tokens/assets/web/icons/spinner
- @vector-im/compound-design-tokens/assets/web/icons/spotlight
- @vector-im/compound-design-tokens/assets/web/icons/strikethrough
- @vector-im/compound-design-tokens/assets/web/icons/switch-camera-solid
- @vector-im/compound-design-tokens/assets/web/icons/take-photo
- @vector-im/compound-design-tokens/assets/web/icons/take-photo-solid
- @vector-im/compound-design-tokens/assets/web/icons/text-formatting
- @vector-im/compound-design-tokens/assets/web/icons/threads
- @vector-im/compound-design-tokens/assets/web/icons/threads-solid
- @vector-im/compound-design-tokens/assets/web/icons/time
- @vector-im/compound-design-tokens/assets/web/icons/underline
- @vector-im/compound-design-tokens/assets/web/icons/unknown
- @vector-im/compound-design-tokens/assets/web/icons/unknown-solid
- @vector-im/compound-design-tokens/assets/web/icons/unpin
- @vector-im/compound-design-tokens/assets/web/icons/user
- @vector-im/compound-design-tokens/assets/web/icons/user-add
- @vector-im/compound-design-tokens/assets/web/icons/user-add-solid
- @vector-im/compound-design-tokens/assets/web/icons/user-profile
- @vector-im/compound-design-tokens/assets/web/icons/user-profile-solid
- @vector-im/compound-design-tokens/assets/web/icons/user-solid
- @vector-im/compound-design-tokens/assets/web/icons/verified
- @vector-im/compound-design-tokens/assets/web/icons/video-call
- @vector-im/compound-design-tokens/assets/web/icons/video-call-declined-solid
- @vector-im/compound-design-tokens/assets/web/icons/video-call-missed-solid
- @vector-im/compound-design-tokens/assets/web/icons/video-call-off
- @vector-im/compound-design-tokens/assets/web/icons/video-call-off-solid
- @vector-im/compound-design-tokens/assets/web/icons/video-call-solid
- @vector-im/compound-design-tokens/assets/web/icons/visibility-off
- @vector-im/compound-design-tokens/assets/web/icons/visibility-on
- @vector-im/compound-design-tokens/assets/web/icons/voice-call
- @vector-im/compound-design-tokens/assets/web/icons/volume-off
- @vector-im/compound-design-tokens/assets/web/icons/volume-off-solid
- @vector-im/compound-design-tokens/assets/web/icons/volume-on
- @vector-im/compound-design-tokens/assets/web/icons/volume-on-solid
- @vector-im/compound-design-tokens/assets/web/icons/warning
- @vector-im/compound-design-tokens/assets/web/icons/web-browser
- @vector-im/compound-design-tokens/assets/web/js
- @vector-im/compound-design-tokens/assets/web/js/cpdDark
- @vector-im/compound-design-tokens/assets/web/js/cpdDarkHc
- @vector-im/compound-design-tokens/assets/web/js/cpdLight
- @vector-im/compound-design-tokens/assets/web/js/cpdLightHc
- @vector-im/compound-design-tokens/assets/web/js/index
Readme
Compound design tokens
Home to the design tokens.
✅ Supported platforms
Design tokens support light and dark themes, as well as a mode with higher contrast. Tokens are exported to three platforms
- Web
- CSS properties
- JavaScript
- iOS
- Swift
- Android
- Kotlin