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';

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';

DrawShapes

import {DrawShapes} from '@edx/paragon/icons';

Edit

import {Edit} 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';

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';

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';

Money

import {Money} from '@edx/paragon/icons';

MoneyFilled

import {MoneyFilled} from '@edx/paragon/icons';

MoneyOutline

import {MoneyOutline} from '@edx/paragon/icons';

MoreVert

import {MoreVert} 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';

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';

Program

import {Program} from '@edx/paragon/icons';

QuestionAnswer

import {QuestionAnswer} 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';

School

import {School} 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';

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';

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';