Icons

Displays an svg icon from @edx/paragon/icons. See the Icon Component for more information.

Many of the icons below are sourced from Material Design Sharp Icons. They are designed to be sharp at 24px by 24px.


Add
import {Add} from '@edx/paragon/icons';
AddAlert
import {AddAlert} from '@edx/paragon/icons';
AddCircle
import {AddCircle} from '@edx/paragon/icons';
AddComment
import {AddComment} from '@edx/paragon/icons';
ArrowBack
import {ArrowBack} from '@edx/paragon/icons';
ArrowBackIos
import {ArrowBackIos} from '@edx/paragon/icons';
ArrowDropDown
import {ArrowDropDown} from '@edx/paragon/icons';
ArrowDropDownCircle
import {ArrowDropDownCircle} from '@edx/paragon/icons';
ArrowDropUp
import {ArrowDropUp} from '@edx/paragon/icons';
ArrowDropUpDown
import {ArrowDropUpDown} from '@edx/paragon/icons';
ArrowForward
import {ArrowForward} from '@edx/paragon/icons';
ArrowForwardIos
import {ArrowForwardIos} from '@edx/paragon/icons';
Article
import {Article} from '@edx/paragon/icons';
Assignment
import {Assignment} from '@edx/paragon/icons';
Award
import {Award} from '@edx/paragon/icons';
Blocked
import {Blocked} from '@edx/paragon/icons';
BookOpen
import {BookOpen} from '@edx/paragon/icons';
Bookmark
import {Bookmark} from '@edx/paragon/icons';
Calendar
import {Calendar} from '@edx/paragon/icons';
Cancel
import {Cancel} from '@edx/paragon/icons';
Check
import {Check} from '@edx/paragon/icons';
CheckBox
import {CheckBox} from '@edx/paragon/icons';
CheckBoxOutlineBlank
import {CheckBoxOutlineBlank} from '@edx/paragon/icons';
CheckCircle
import {CheckCircle} from '@edx/paragon/icons';
CheckCircleOutline
import {CheckCircleOutline} from '@edx/paragon/icons';
ChevronLeft
import {ChevronLeft} from '@edx/paragon/icons';
ChevronRight
import {ChevronRight} from '@edx/paragon/icons';
Class
import {Class} from '@edx/paragon/icons';
Close
import {Close} from '@edx/paragon/icons';
CloseSmall
import {CloseSmall} from '@edx/paragon/icons';
Compass
import {Compass} from '@edx/paragon/icons';
ContactMail
import {ContactMail} from '@edx/paragon/icons';
DateRange
import {DateRange} from '@edx/paragon/icons';
Delete
import {Delete} from '@edx/paragon/icons';
Download
import {Download} from '@edx/paragon/icons';
DownloadDone
import {DownloadDone} from '@edx/paragon/icons';
Downloading
import {Downloading} from '@edx/paragon/icons';
DragHandle
import {DragHandle} from '@edx/paragon/icons';
DragIndicator
import {DragIndicator} from '@edx/paragon/icons';
DrawShapes
import {DrawShapes} from '@edx/paragon/icons';
Edit
import {Edit} from '@edx/paragon/icons';
EditOutline
import {EditOutline} from '@edx/paragon/icons';
Email
import {Email} from '@edx/paragon/icons';
Error
import {Error} from '@edx/paragon/icons';
Event
import {Event} from '@edx/paragon/icons';
EventAvailable
import {EventAvailable} from '@edx/paragon/icons';
EventBusy
import {EventBusy} from '@edx/paragon/icons';
EventNote
import {EventNote} from '@edx/paragon/icons';
ExpandLess
import {ExpandLess} from '@edx/paragon/icons';
ExpandMore
import {ExpandMore} from '@edx/paragon/icons';
FacebookCircle
import {FacebookCircle} from '@edx/paragon/icons';
Favorite
import {Favorite} from '@edx/paragon/icons';
FavoriteBorder
import {FavoriteBorder} from '@edx/paragon/icons';
Flag
import {Flag} from '@edx/paragon/icons';
FormatSize
import {FormatSize} from '@edx/paragon/icons';
GoogleMeet
import {GoogleMeet} from '@edx/paragon/icons';
GridView
import {GridView} from '@edx/paragon/icons';
Help
import {Help} from '@edx/paragon/icons';
Highlight
import {Highlight} from '@edx/paragon/icons';
Home
import {Home} from '@edx/paragon/icons';
IndeterminateCheckBox
import {IndeterminateCheckBox} from '@edx/paragon/icons';
Info
import {Info} from '@edx/paragon/icons';
InfoOutline
import {InfoOutline} from '@edx/paragon/icons';
Institution
import {Institution} from '@edx/paragon/icons';
IosShare
import {IosShare} from '@edx/paragon/icons';
Issue
import {Issue} from '@edx/paragon/icons';
Language
import {Language} from '@edx/paragon/icons';
Laptop
import {Laptop} from '@edx/paragon/icons';
Launch
import {Launch} from '@edx/paragon/icons';
Lightbulb
import {Lightbulb} from '@edx/paragon/icons';
ListView
import {ListView} from '@edx/paragon/icons';
Locked
import {Locked} from '@edx/paragon/icons';
Menu
import {Menu} from '@edx/paragon/icons';
MicrosoftTeams
import {MicrosoftTeams} from '@edx/paragon/icons';
Money
import {Money} from '@edx/paragon/icons';
MoneyFilled
import {MoneyFilled} from '@edx/paragon/icons';
MoneyOutline
import {MoneyOutline} from '@edx/paragon/icons';
MoreHoriz
import {MoreHoriz} from '@edx/paragon/icons';
MoreVert
import {MoreVert} from '@edx/paragon/icons';
People
import {People} from '@edx/paragon/icons';
Person
import {Person} from '@edx/paragon/icons';
PhoneIphone
import {PhoneIphone} from '@edx/paragon/icons';
PhotoCamera
import {PhotoCamera} from '@edx/paragon/icons';
Pin
import {Pin} from '@edx/paragon/icons';
PlayArrow
import {PlayArrow} from '@edx/paragon/icons';
PlayCircleFilled
import {PlayCircleFilled} from '@edx/paragon/icons';
PlayCircleOutline
import {PlayCircleOutline} from '@edx/paragon/icons';
Post
import {Post} from '@edx/paragon/icons';
PostOutline
import {PostOutline} from '@edx/paragon/icons';
Program
import {Program} from '@edx/paragon/icons';
Question
import {Question} from '@edx/paragon/icons';
QuestionAnswer
import {QuestionAnswer} from '@edx/paragon/icons';
QuestionAnswerOutline
import {QuestionAnswerOutline} from '@edx/paragon/icons';
RadioButtonChecked
import {RadioButtonChecked} from '@edx/paragon/icons';
RadioButtonUnchecked
import {RadioButtonUnchecked} from '@edx/paragon/icons';
Record
import {Record} from '@edx/paragon/icons';
Redo
import {Redo} from '@edx/paragon/icons';
Remove
import {Remove} from '@edx/paragon/icons';
RemoveCircle
import {RemoveCircle} from '@edx/paragon/icons';
Report
import {Report} from '@edx/paragon/icons';
ReportOutline
import {ReportOutline} from '@edx/paragon/icons';
School
import {School} from '@edx/paragon/icons';
SchoolOutline
import {SchoolOutline} from '@edx/paragon/icons';
Search
import {Search} from '@edx/paragon/icons';
Send
import {Send} from '@edx/paragon/icons';
Settings
import {Settings} from '@edx/paragon/icons';
Share
import {Share} from '@edx/paragon/icons';
Sort
import {Sort} from '@edx/paragon/icons';
Speed
import {Speed} from '@edx/paragon/icons';
Spinner
import {Spinner} from '@edx/paragon/icons';
SpinnerSimple
import {SpinnerSimple} from '@edx/paragon/icons';
StarFilled
import {StarFilled} from '@edx/paragon/icons';
StarOutline
import {StarOutline} from '@edx/paragon/icons';
Tag
import {Tag} from '@edx/paragon/icons';
ThumbUpFilled
import {ThumbUpFilled} from '@edx/paragon/icons';
ThumbUpOutline
import {ThumbUpOutline} from '@edx/paragon/icons';
Timelapse
import {Timelapse} from '@edx/paragon/icons';
Translate
import {Translate} from '@edx/paragon/icons';
Tune
import {Tune} from '@edx/paragon/icons';
Undo
import {Undo} from '@edx/paragon/icons';
Unlocked
import {Unlocked} from '@edx/paragon/icons';
Unread
import {Unread} from '@edx/paragon/icons';
Verified
import {Verified} from '@edx/paragon/icons';
VerifiedBadge
import {VerifiedBadge} from '@edx/paragon/icons';
VerifiedBadgeOutline
import {VerifiedBadgeOutline} from '@edx/paragon/icons';
VerifiedOutline
import {VerifiedOutline} from '@edx/paragon/icons';
VideoCamera
import {VideoCamera} from '@edx/paragon/icons';
VideoTranscript
import {VideoTranscript} from '@edx/paragon/icons';
Visibility
import {Visibility} from '@edx/paragon/icons';
VisibilityOff
import {VisibilityOff} from '@edx/paragon/icons';
VoiceChat
import {VoiceChat} from '@edx/paragon/icons';
Warning
import {Warning} from '@edx/paragon/icons';
WarningFilled
import {WarningFilled} from '@edx/paragon/icons';
WatchFilled
import {WatchFilled} from '@edx/paragon/icons';
WatchOutline
import {WatchOutline} from '@edx/paragon/icons';
Zoom
import {Zoom} from '@edx/paragon/icons';