Skip to content

Icons

To use an icon, the element must always include the dxp-icon class along with a specific icon class. The icon class is structured as follows:

  • Icon Prefix: icon-
  • Icon Name: The name of the icon, with each word capitalized. If the icon name consists of two words, separate them with an underscore _. Example: Instagram, Linked_In.
  • Icon Size: The size of the icon, which can be small, medium, or large.

Examples

  • <i aria-hidden="true" class="dxp-icon icon-{icon-name}-{size}"></i>
  • <i aria-hidden="true" class="dxp-icon icon-Instagram-small"></i>
Source

Social

    Vehicle

      Car Parts

        Dashboard

          Tools

            Alert

              Characters

                Chat

                  Commerce

                    Environment

                      Files

                        Finance

                          Hand

                            Navigation

                            Operation

                              Security

                                Technology

                                  Time

                                    Travel

                                      User

                                        Source

                                        Social

                                          Vehicle

                                            Car Parts

                                              Dashboard

                                                Tools

                                                  Alert

                                                    Characters

                                                      Chat

                                                        Commerce

                                                          Environment

                                                            Files

                                                              Finance

                                                                Hand

                                                                  Navigation

                                                                  Operation

                                                                    Security

                                                                      Technology

                                                                        Time

                                                                          Travel

                                                                            User

                                                                              Source