The a!iconNewsEvent()
system function provides a convenient way for designers to access a library of typical news event icons.
Use of these standard icons is highly encouraged as they were designed to promote a consistent and harmonious interface experience.
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 recommended dimensions for custom news event icons are 134px (h) x 124px (w). This size allows for sharp rendering of icons on high-pixel-density screens such as Appleās Retina displays.
The border thickness for the standard icon template is 6px. The PNG image format is recommended.
Use the recommended color palette to maximize interface consistency. Each icon should use a single, solid color (no transparency) on a white background.
When using icon color to indicate business meaning (e.g. red = problem) make sure to provide the same information in event text for the benefit of color-blind and non-sighted users. Never use different colored icons for the same event for decorative purposes.
News Event Icons