When displaying fundamental content types like files or people, it's important to provide a consistent appearance across every screen. These list cells have been designed to represent commonly used entities using a consistent system for representing their icons, metadata and secondary states.

<DisplayToggle onText="Dark" offText="Light" label="Theme Switcher">

### One line

<img className="off" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/ios/updated/img_list_02_oneline_sharedleft_light.png?text=LightMode" />
<img className="on" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/ios/updated/img_list_02_oneline_sharedleft_dark.png?text=DarkMode" />

### Two line

<img className="off" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/ios/updated/img_list_06_twoline_sharedleft_light.png?text=LightMode" />
<img className="on" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/ios/updated/img_list_06_twoline_sharedleft.png?text=DarkMode" />

### Three line

<img className="off" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/ios/updated/img_list_08_threeline_sharedleft_light.png?text=LightMode" />
<img className="on" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/ios/updated/img_list_08_threeline_sharedleft_dark.png?text=DarkMode" />

### Center line

<img className="off" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/ios/updated/img_list_04_oneline_sharedcentered_light.png?text=LightMode" />
<img className="on" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/ios/updated/img_list_04_oneline_sharedcentered_dark.png?text=DarkMode" />

### Selection

<img className="off" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/ios/updated/img_list_09_selection_light.png?text=LightMode" />
<img className="on" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/ios/updated/img_list_09_selection_dark.png?text=DarkMode" />

### Description

<img className="off" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/ios/updated/img_list_10_description_light.png?text=LightMode" />
<img className="on" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/ios/updated/img_list_10_description_dark.png?text=DarkMode" />

</DisplayToggle>
