on Pages Without Sidebar

Icon List Collection Single List

An icon list collection with a single list is a variation of an icon list collection. It contains one HTML list that can span over one, 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

Default Icon List Collection Single List

One Column

List Item 1
List Item 2
List Item 3

Bold Icon List Collection Single List

Two Columns

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

List Item 1
List Item 2
List Item 3
List Item 4

Elegant Icon List Collection Single List

Three Columns

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

List Item 1
List Item 2
List Item 3
List Item 4
List Item 5
List Item 6

Bold Icon List Collection Single List

Three Columns

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

Button Button 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 Item 4This 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 5This 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 6This 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.

Default Icon List Collection Single List

Two Columns

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

Button Button 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 Item 4This 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 5This 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 6This 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.

Elegant Icon List Collection Single List

One Column

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

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 Item 4This 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 5This 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 6This 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.