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/ask-to-join
@vector-im/compound-design-tokens/assets/web/icons/ask-to-join-solid
@vector-im/compound-design-tokens/assets/web/icons/attachment
@vector-im/compound-design-tokens/assets/web/icons/audio
@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/dial-pad
@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/download-ios
@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/earpiece
@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/error-solid
@vector-im/compound-design-tokens/assets/web/icons/exit-full-screen
@vector-im/compound-design-tokens/assets/web/icons/expand
@vector-im/compound-design-tokens/assets/web/icons/explore
@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/full-screen
@vector-im/compound-design-tokens/assets/web/icons/grid
@vector-im/compound-design-tokens/assets/web/icons/group
@vector-im/compound-design-tokens/assets/web/icons/guest
@vector-im/compound-design-tokens/assets/web/icons/headphones-off-solid
@vector-im/compound-design-tokens/assets/web/icons/headphones-solid
@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/left-panel-close
@vector-im/compound-design-tokens/assets/web/icons/link
@vector-im/compound-design-tokens/assets/web/icons/linux
@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/list-view
@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/mac
@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/presence-outline-8x8
@vector-im/compound-design-tokens/assets/web/icons/presence-solid-8x8
@vector-im/compound-design-tokens/assets/web/icons/presence-strikethrough-8x8
@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/shield
@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/space
@vector-im/compound-design-tokens/assets/web/icons/space-solid
@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/spotlight-view
@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/voice-call-solid
@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/icons/windows
@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
@vector-im/compound-design-tokens/icons/block.svg
@vector-im/compound-design-tokens/icons/chat-problem.svg
@vector-im/compound-design-tokens/icons/chat-solid.svg
@vector-im/compound-design-tokens/icons/chat.svg
@vector-im/compound-design-tokens/icons/check-circle-solid.svg
@vector-im/compound-design-tokens/icons/check.svg
@vector-im/compound-design-tokens/icons/chevron-down.svg
@vector-im/compound-design-tokens/icons/chevron-left.svg
@vector-im/compound-design-tokens/icons/close.svg
@vector-im/compound-design-tokens/icons/delete.svg
@vector-im/compound-design-tokens/icons/download.svg
@vector-im/compound-design-tokens/icons/edit.svg
@vector-im/compound-design-tokens/icons/error.svg
@vector-im/compound-design-tokens/icons/export-archive.svg
@vector-im/compound-design-tokens/icons/extensions.svg
@vector-im/compound-design-tokens/icons/favourite.svg
@vector-im/compound-design-tokens/icons/files.svg
@vector-im/compound-design-tokens/icons/forward.svg
@vector-im/compound-design-tokens/icons/info-solid.svg
@vector-im/compound-design-tokens/icons/leave.svg
@vector-im/compound-design-tokens/icons/link.svg
@vector-im/compound-design-tokens/icons/lock-off.svg
@vector-im/compound-design-tokens/icons/lock-solid.svg
@vector-im/compound-design-tokens/icons/lock.svg
@vector-im/compound-design-tokens/icons/mention.svg
@vector-im/compound-design-tokens/icons/notifications-solid.svg
@vector-im/compound-design-tokens/icons/notifications.svg
@vector-im/compound-design-tokens/icons/overflow-horizontal.svg
@vector-im/compound-design-tokens/icons/pin-solid.svg
@vector-im/compound-design-tokens/icons/pin.svg
@vector-im/compound-design-tokens/icons/plus.svg
@vector-im/compound-design-tokens/icons/polls.svg
@vector-im/compound-design-tokens/icons/pop-out.svg
@vector-im/compound-design-tokens/icons/public.svg
@vector-im/compound-design-tokens/icons/qr-code.svg
@vector-im/compound-design-tokens/icons/search.svg
@vector-im/compound-design-tokens/icons/settings.svg
@vector-im/compound-design-tokens/icons/share.svg
@vector-im/compound-design-tokens/icons/sign-out.svg
@vector-im/compound-design-tokens/icons/threads-solid.svg
@vector-im/compound-design-tokens/icons/threads.svg
@vector-im/compound-design-tokens/icons/unpin.svg
@vector-im/compound-design-tokens/icons/user-add-solid.svg
@vector-im/compound-design-tokens/icons/user-add.svg
@vector-im/compound-design-tokens/icons/user-profile-solid.svg
@vector-im/compound-design-tokens/icons/verified.svg
@vector-im/compound-design-tokens/icons/video-call-solid.svg
@vector-im/compound-design-tokens/icons/video-call.svg
@vector-im/compound-design-tokens/icons/visibility-off.svg
@vector-im/compound-design-tokens/icons/visibility-on.svg
@vector-im/compound-design-tokens/icons/voice-call.svg

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

📗 Documentation

Copyright and License

This software is dual licensed by Element Creations Ltd. (Element). It can be used either:

(1) for free under the terms of the GNU Affero General Public License (as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version); OR

(2) under the terms of a paid-for Element Commercial License agreement between you and Element (the terms of which may vary depending on what you and Element have agreed to).

Unless required by applicable law or agreed to in writing, software distributed under the Licenses is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the Licenses for the specific language governing permissions and limitations under the Licenses.