This page lists all available Appian icons. These icons are available to designers for use throughout application interfaces. Styled icons are recommended for most cases because they offer the widest variety. Indicator icons and News Event icons are recommended when designers are using components other than rich text.
Styled icons are used in rich text. They are configured by specifying the key shown in the table below, as well as optional configurations for size and color. Designers have access to an icon picker to search and browse available icons.
Search the table below to find specific icons.
Indicator icons are generated by using the a!iconIndicator() function. They can be used in Read-Only Grids, browsers, or as inline rich text images with document image.
The table below shows each icon.
System Icon | Name | Key | System Icon | Name | Key |
---|---|---|---|---|---|
Add | ADD | Copy | COPY | ||
Document | DOC_GENERIC | Happy Face | FACE_HAPPY | ||
Indifferent Face | FACE_INDIFFERENT | Sad Face | FACE_SAD | ||
Folder | FOLDER | Harvey Ball 0/4 | HARVEY_0 | ||
Harvey Ball 1/4 | HARVEY_25 | Harvey Ball 2/4 | HARVEY_50 | ||
Harvey Ball 3/4 | HARVEY_75 | Harvey Ball 4/4 | HARVEY_100 | ||
Move Down | MOVE_DOWN | Move Down (Disabled) | MOVE_DOWN_DISABLED | ||
Move Left | MOVE_LEFT | Move Left (Disabled) | MOVE_LEFT_DISABLED | ||
Move Right | MOVE_RIGHT | Move Right (Disabled) | MOVE_RIGHT_DISABLED | ||
Move Up | MOVE_UP | Move Up (Disabled) | MOVE_UP_DISABLED | ||
Preview | PREVIEW | High Priority | PRIORITY_HIGH | ||
Low Priority | PRIORITY_LOW | Paused | PROGRESS_PAUSED | ||
Running | PROGRESS_RUNNING | Stopped | PROGRESS_STOPPED | ||
Excellent Rating | RATING_EXCELLENT | Fair Rating | RATING_FAIR | ||
Good Rating | RATING_GOOD | Poor Rating | RATING_POOR | ||
Very Good Rating | RATING_VERYGOOD | Remove | REMOVE | ||
Remove (Disabled) | REMOVE_DISABLED | Error | STATUS_ERROR | ||
Not Done | STATUS_NOTDONE | OK | STATUS_OK | ||
Warning | STATUS_WARN | Trend Down (Bad) | TREND_DOWN_BAD | ||
Trend Down (Good) | TREND_DOWN_GOOD | Flat Trend | TREND_FLAT | ||
Trend Up (Bad) | TREND_UP_BAD | Trend Up (Good) | TREND_UP_GOOD | ||
Clock | WAIT_CLOCK |
News event icons are generated by using the a!iconNewsEvent() function. They are most commonly used with System News Posts. The icon color can be set to: blue (default), green, grey, orange, purple, or red.
The table below shows a sample of each icon.
Icon | Name | Key | Icon | Name | Key |
---|---|---|---|---|---|
Add Person | ADD_PERSON | Airplane | AIRPLANE | ||
Archive | ARCHIVE | Attachment | ATTACHMENT | ||
Bank | BANK | Bar Chart | BAR_CHART | ||
Barcode | BARCODE | Book | BOOK | ||
Briefcase | BRIEFCASE | Building | BUILDING | ||
Calendar | CALENDAR | Car | CAR | ||
Chevrons | CHEVRONS | Clipboard | CLIPBOARD | ||
Clock | CLOCK | Cloudy | CLOUDY | ||
Compose | COMPOSE | Conversation | CONVERSATION | ||
Credit Card | CREDIT_CARD | Crossover | CROSSOVER | ||
Currency (dollar) | CURRENCY_DOLLAR | Currency (euro) | CURRENCY_EURO | ||
Currency (pound) | CURRENCY_POUND | Currency (yen) | CURRENCY_YEN | ||
Delete | DELETE | Discs | DISCS | ||
Document | DOCUMENT | Download | DOWNLOAD | ||
Envelope | ENVELOPE | Exit | EXIT | ||
Eye | EYE | Factory | FACTORY | ||
File Cabinet | FILE_CABINET | File (doc) | FILE_DOC | ||
File (docx) | FILE_DOCX | File (pdf) | FILE_PDF | ||
File (ppt) | FILE_PPT | File (pptx) | FILE_PPTX | ||
File (xls) | FILE_XLS | File (xlsx) | FILE_XLSX | ||
Folder | FOLDER | Fountain Pen | FOUNTAIN_PEN | ||
Gear | GEAR | Gears | GEARS | ||
Globe | GLOBE | Hammer | HAMMER | ||
Handshake | HANDSHAKE | Home | HOME | ||
Hourglass | HOURGLASS | ID Card | ID_CARD | ||
Key | KEY | Life Preserver | LIFE_PRESERVER | ||
Light Glow | LIGHT_GLOW | Lightning | LIGHTNING | ||
Line Chart | LINE_CHART | Line Chart (up) | LINE_CHART_UP | ||
List | LIST | Magnify | MAGNIFY | ||
Medal | MEDAL | Microphone | MICROPHONE | ||
Music Note | MUSIC_NOTE | Padlock | PADLOCK | ||
Paint Roller | PAINT_ROLLER | Paper Airplane | PAPER_AIRPLANE | ||
Partly Cloudy | PARTLY_CLOUDY | Pause | PAUSE | ||
Pen | PEN | Pencil | PENCIL | ||
People (2) | PEOPLE_2 | People (3) | PEOPLE_3 | ||
People (4) | PEOPLE_4 | Person | PERSON | ||
Person Info | PERSON_INFO | Pie Chart | PIE_CHART | ||
Piggy | PIGGY | Play | PLAY | ||
Plus | PLUS | Presentation | PRESENTATION | ||
Process | PROCESS | Question Box | QUESTION_BOX | ||
Question Bubble | QUESTION_BUBBLE | Question Circle | QUESTION_CIRCLE | ||
Refresh | REFRESH | Remove Person | REMOVE_PERSON | ||
Reply All | REPLY_ALL | Reply | REPLY | ||
Return | RETURN | Ribbon | RIBBON | ||
Road Sign Curves | ROAD_SIGN_CURVES | Road Sign Turn | ROAD_SIGN_TURN | ||
Rocket | ROCKET | Scale | SCALE | ||
Share | SHARE | Shopping Cart | SHOPPING_CART | ||
Sign Post | SIGN_POST | Signature | SIGNATURE | ||
Smart Phone | SMART_PHONE | Speech Bubble | SPEECH_BUBBLE | ||
Speech Bubble Dots | SPEECH_BUBBLE_DOTS | Spinner | SPINNER | ||
Steps | STEPS | Stop | STOP | ||
Stormy | STORMY | Suitcase | SUITCASE | ||
Sun | SUN | Table | TABLE | ||
Target | TARGET | Task | TASK | ||
Task (Big) | TASK_BIG | Task Problem | TASK_PROBLEM | ||
Thumbs Down | THUMBS_DOWN | Thumbs Up | THUMBS_UP | ||
Traffic Cone | TRAFFIC_CONE | Trophy | TROPHY | ||
Umbrella | UMBRELLA | Video | VIDEO | ||
Warning | WARNING | Wheelchair | WHEELCHAIR | ||
Wrench | WRENCH | Zoom In | ZOOM_IN | ||
Zoom Out | ZOOM_OUT |
The table below shows a sample of each color.
Color | Name | Key | Color | Name | Key |
---|---|---|---|---|---|
Blue | BLUE | Orange | ORANGE | ||
Green | GREEN | Purple | PURPLE | ||
Grey | GREY | Red | RED |
Appian Icons