Icons
# Usage
All Hightouch icons are custom SVGs that share the same sizing and color properties.
# Baseline
Icons can be aligned against the baseline of text elements using the baseline
prop.
# Color
Color is inherited from the parent element by default. Customize it via color
prop if needed.
# Size
Icons have width and height set to 1em
, which inherits the font size of the parent element and adjust the icon's size accordingly. This makes them work like a font icon.
# Icon gallery
AddBox
Array
ArrowDiagonalUpRight
ArrowLeft
ArrowRight
ArrowUp
Audience
BidirectionalArrow
BigInteger
Bold
Book
Boolean
Breakdown
BulbSuggestion
Cart
Change
Chat
Check
ChevronDoubleLeft
ChevronDoubleRight
ChevronDown
ChevronLeft
ChevronRight
ChevronUp
CleanUp
Click
Close
CodeBlock
Code
ColumnData
Copilot
Copy
Cube
Cumulative
Dbt
Debugger
Delete
DescriptionAdd
Description
Destination
Dollar
Dot
Download
Drag
DynamicTable
Edit
Email
Enter
Error
Exit
Expand
ExternalLink
Eye
Filter
Focus
Folder
Frame
FrameStack
Function
Funnel
Globe
Identity
Ignore
Information
Italic
LightningBolt
LightningBoltWithSlash
Limit
Linear
Link
ListBulleted
ListNumbered
Lock
Logout
Mail
Manager
Meeting
Merge
Metric
MobilePhone
Model
Monitor
Null
Number
NumberSign
Object
Orbit
OverflowMenu
Pause
Percent
Performance
Phone
Play
Plus
Publish
Question
Redo
Reference
Refresh
Reset
Search
Selector
Settings
SortVerticalDown
SortVertical
SortVerticalUp
Source
Sparkle
Split
Sql
StarBadge
Star
Stop
StrikethroughS
Subtract
Success
Sync
Table
Tag
TextString
Time
Trait
TraitTemplate
Undo
Union
Unlink
Upgrade
User
Variable
Wand
Warning
# Props
# All icons
Name Default Description baseline
false
boolean
Align the icon against text's baseline.
color
—
Color
The fill color of the icon.