on Page Without Sidebar

Icon List Collection Multiple List

An icon list collection with multiple lists is a variation of an icon list collection. It contains two-to-four HTML lists that can span over two or three columns. You can use a section heading and description to contextualize content.

Component Tip

Use icon list collections to list out information that's meaning can be enhanced with the presence of icons, such as a list of things to do (checks) and not to do (x marks). Be careful not to over use icon list collections with too many different icons, making a cluttered, confusing user experience.

aggieux.tamu.edu

Icon List Collection Multiple Lists

List 1

List Item 1
List Item 2
List Item 3

List 2

List Item 1
List Item 2
List Item 3

List 3

List Item 1
List Item 2
List Item 3

List 4

List Item 1
List Item 2
List Item 3

Icon List Collection Multiple Lists

This example icon list collection has a divider background and the bold style.

Button

List 1

List Item 1
List Item 2
List Item 3

List 2

List Item 1
List Item 2
List Item 3

List 3

List Item 1
List Item 2
List Item 3

Icon List Collection Multiple Lists

This example icon list collection has a gray background and the elegant style.

List 1

List Item 1
List Item 2
List Item 3

List 2

List Item 1
List Item 2
List Item 3

Icon List Collection Multiple Lists

This example icon list collection has a maroon background and the bold style.

Button

List 1

List Item 1This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
List Item 2This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
List Item 3This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.

List 2

List Item 1This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
List Item 2This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
List Item 3This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.

Icon List Collection Multiple Lists

This example icon list collection has no background and the default style.

Button

List 1

List Item 1This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
List Item 2This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
List Item 3This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.

List 2

List Item 1This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
List Item 2This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
List Item 3This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.

Icon List Collection Multiple Lists

This example icon list collection has a charcoal background and the elegant style.

Button Button 2

List 1

List Item 1This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
List Item 2This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
List Item 3This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.

List 2

List Item 1This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
List Item 2This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
List Item 3This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.

List 3

List Item 1This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
List Item 2This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.
List Item 3This is an optional description for a list item. If you add a description for one list item in an icon list collection, we recommend adding descriptions for all list items in that icon list collection.