Foundations

Iconography

Icons are used to visually represent actions, functionalities, and features.
1
import {DollarsSize64Px} from '@coveord/plasma-react-icons';
2
import {Tooltip} from '@mantine/core';
3
4
// Control the size using "height" or "width" attributes (defaults to 1em)
5
// The icon takes the same color as the text around it
6
7
const Demo = () => (
8
<div style={{color: 'green'}}>
9
<Tooltip label="Dollar" position="left">
10
<DollarsSize64Px height={64} />
11
</Tooltip>
12
</div>
13
);
14
export default Demo;
AbTesting
Accessibility
AccessPrivate
AccessSecured
AccessShared
Activate
Add
Ai
AiBrainStrikethrough
AngryUser
Announcement
Apply
Arrow45Down
Arrow45Up
ArrowCircle2
ArrowDown
ArrowHeadDown
ArrowHeadLeft
ArrowHeadRight
ArrowHeadUp
ArrowLeft
ArrowRight
ArrowUp
Associate
Atom
Attention
Availability
B2B
Backup
Badging11
Bag2Bag
Battery0
Battery10
Battery25
Battery50
Battery75
BatteryFull
BehaviouralAnalytics
Bell
Blog1
Blog2
Bookmark
BookmarkFilled
BoxDown
BoxUp
Briefcase
BrokenSearch
Browser
Browser2
BrowserWindow
Bubble
BugReport
Calculator
Calendar
CalendarCheck
Camera
Campaigns
Cancel
Card
Card2
CardBack
CardFront
CarSignal
CartAdd
CartCrossArrows
CartNew
CartRemove
CaseDeflection
CaseStudy
CaseSubmission
CashRegister
Catering
ChannelMultiple
Chart
ChartArrow
ChartDown
ChartPie
ChartUp
Chatbot
Check
Checkmark
CircleArrowBottom
Cli
Click
Clip
Clipboard2
Clock
Cloud
CloudCircuits
CloudCoveo
CloudDown
CloudSync
CloudUp
Coaching
Code
CoinStack
Collaboration
Commerce
Community
Compass
CompassStrikethrough
Computer
Condition
Connector
ContactCenter
ContentCreation
ContentPersonalization
Copy
CoveoCoveo
CoveoDevelopers
CoveoGo
CoveoIcon
CoveoIndex
CrawlingBot
CreativePositioning
Critical
Crm
Cross
DashboardReset
Database
DeadEnd
Delete
Demo
Desktop
Diamond
DollarBill
DollarCoin
Dollars
Donut64
Dots
DoubleArrowHeadH
DoubleArrowHeadV
Download
DragAndDrop
Duplicate
Earth
Edit
Email
Enterprise
EnvelopeDual
EqualStrikethrough
EqualStrikethroughCircle
EqualStrikethroughDiamond
Event
ExitIntentModal
ExpandPlatform
External
FacetSearch
Fanfare
Feedback
FigureClock
FigureGear
File
FileMove
Files
Filter
FilterAdd
FilterClear
Flexible
Folder
FullScreen
FullView
GearNodalTree
GenerateReport
GenerateReportGraph
Gift
GlobeLocation
GroupMember
Guide
HandsAndHeart
Headset2
Heart
HeartFilled
Hide
Home
Idea
IdentityGroup
Implementation
Inclusivity
InconsistentOmnichannelExperiences
Info
InProductSearch
InsightPanel1
InsightPanel2
InsightPanel3
InsightPanel4
Integrity2
InterfaceEditor
Intranets
Ipx
Journey
KnowledgeBase
LackOfDiversity
LandAndExpand
Laptop
LayeringTechniques
Leaf
Leaf2
Learning
Legal
LevelUp
Lightning
LimitSizeStorage
Link
Links
List
Location
Lock
LogOut
LogOutInReview
LongTail
LvlUpAdvanced
LvlUpBasic
LvlUpDefault
LvlUpIntermediate
MagicLink
Map2
Marketplace
Medal
Menu
Mic
Minus
MobilePhone
MoneyCircleArrow
MoonAndStars
More
NeckMedal
NoContent
OneToOnePersonalization
Open
Organization
Ot
PaintBucket
Partnership
PartnershipChecklist
Path
Pause
PdfTutorial
Percent
Pipe
Pipeline
Planet
Play
Play2
Plug
Plus
Product
ProductBadgingCircle
ProductBadgingStar
ProductPriceTag
PsdFile
Purse
Push
Puzzle
PuzzleMissing
QA
Question
Radar
Radio1
Radio2
Rainbow
RDRequest
Receipt1
Receipt2
Recommendations
RecommendedProducts
Recommender
Recommender2
Recommender3
Redo
Refresh
Relevance
RelevanceListingPage
Remove
Report1
Report2
Report3
RestApi
RichUi
Roadmap
Robot
Rocket
RssFeed
SalesAccount
SalesforceCrmRequest
SamePage
Saml
Save
ScalableBusinessModel
Search
Search2
SearchBar
SearchPage
Select
SelfService
ServiceSupport
Settings
SetTo
SetToNow
SfArticle
Share
Shield
ShieldCheck
Shopping
ShoppingAvailability
ShoppingVariant
Sign
Sitemap
Size
SocialProofing
Sort
SortBy
SpeechBubble
SpeedTime
Sso
StarFilled
StarOutlined
Stop
Sun
Support
Sync
Tablet
Target
TargetMiss
TextAreaExpand
ThoughtLeadership
ThumbsDown
ThumbsDownFilled
ThumbsUp
ThumbsUpFilled
Tip
Toggle
Touchpoint
Translate
TrendAverage
TrendDown
Trending
TrendPeak
TrendStable
TrendUp
TriggerAnywhereLeft
TriggerAnywhereRight
Truck
Umbrella
Unavailable
Undo
Unicorn
Unidirectional
Unlink
Unlock
Update
Upload
User
User2
UserAdd
UserChecked
UserPermission
UserStatus
UserStatusDisabled
UserStatusEnabled
Variant
VideoCamera
VideoPlaylistApproved
VideoTutorial
View
VoiceAssistant
Wallet
Warning
Web
Webinar
WebsitePortal
WiFi
WindowExpand
Workplace
XCircle
Zombie
ZoomIn
ZoomOut

Logo use

Since Plasma is open-source, we mustn't add any copyright logos due to the nature of public availability and the potential for misuse in which Coveo may be held responsible. Any logos created by Coveo, or that are copyright free can be added to Plasma.

For copyrighted logos, we must use the svgChild attribute and host the logo in a private repository.

Edit guidelines