But try not to use these on the headers. We looked at several possible icons as signifiers for accordions: There are some subtle differences in what these icons are commonly used to represent while the caret and plus icons are typically meant to indicate that an accordion will open, designers have used the right-facing arrow icon to signal two different actions: either staying on the same page and expanding content, or visiting a different page. These royalty-free high-quality Expand Collapse Vector Icons are available in SVG, PNG, EPS, ICO, ICNS, AI, or PDF and are available . These free images are pixel perfect to fit your design and available in both PNG and vector. I just checked Gmail, and it is using an icon similar to this for the expand/collapse button when viewing an email conversation. Home / Bootstrap / Bootstrap Collapsible Panel with Up/Down Arrow Icon. Apart from these explicitly assigned icons, the renderer classes of various UI5 controls will write out the required HTML code for the icons that just happen to be fixed to it. Click on ' OK '. Unfortunately, this feature isnt in Word for the web yet. By clicking Post Your Answer, you agree to our terms of service, privacy policy and cookie policy. Get free Expand collapse + icons in iOS, Material, Windows and other design styles for web, mobile, and graphic design projects. To ensure that the frameworks CSS for the ui.tree.TreeTable control is loaded before our custom CSS, simply include the sap.ui.table library in the data-sap-ui-libs property of the