IBM Plex Icons
The EBRAINS Design System uses icons from the IBM Carbon Design System icon library. These icons are designed to complement the IBM Plex typography used throughout EBRAINS and provide clear, consistent visual communication.
Icons are rendered via the eds-icon-wrapper component at 20px and are available in all EBRAINS components that support the icon prop (buttons, links, alerts, etc.).
Available Icons
Navigation
chevron-rightchevron-leftchevron-downchevron-uparrow-rightarrow-leftarrow-up-rightActions
closeaddeditcheckmarkdownloaduploadviewexitcopysharebookmarktrashCansaveresetplayloginlogoutcreateLinkcopyLinkmovereplicatecaretSortsortAscendingsortDescendingdragHorizontaldragVerticalInterface
menusearchsettingsnotificationusergroupaccountactivityanalyticsContent
documentdocumentExportdocumentDownloadfolderimagecalendartimetemplaterequestQuoteresultDraftbookcodeStatus
informationwarningerrorcheckmark-filledstarthumbs-upthumbs-downCommunication
helpforumchatOffshareKnowledgecustomerServicerocketcompasschooseItemSocial
twitterlinkedinfacebookyoutubemastodonblueskyUsage
Using eds-icon-wrapper
The eds-icon-wrapper component renders any available icon by name:
Using icons in components
Many EBRAINS components accept an icon prop:
Import from NPM
Resources
- IBM Carbon Icons Library — Browse the full Carbon icon library
- @carbon/icons on NPM — NPM package
- IBM Plex Typeface — The typeface family used alongside these icons