Icons
- HTML/CSS:Dev Ready
- Layout:Responsive
icons
.slds-icon_container — Icons provide visual context and enhance usability. Looking for the icons? Go to [Resources › Icons](/icons/).
base
.slds-icon_container — Container for icons
base › Base - Current Color
base › Base - Horizontally flipped icon (RTL)
base › Base - size xxsmall
base › Base - size xsmall
base › Base - size small
base › Base - size large
base › Base - disabled
base › Base - light
base › Base - text success
base › Base - text warning
base › Base - text error
icon
.slds-avatar-grouped__icon — Modifier for the icon Avatar in an Avatar Group
action
[class*='slds-icon-action-'] — Action icons
.slds-icon_container_circle
.slds-icon_container_circle — Circle container for icons
.slds-icon
.slds-icon
.slds-icon_xx-small
.slds-icon_xx-small
.slds-icon_x-small
.slds-icon_x-small
.slds-icon_small
.slds-icon_small
.slds-icon_large
.slds-icon_large
.slds-icon-text-default
.slds-icon-text-default — Changes the icon fill color to match the default state
.slds-is-disabled
.slds-is-disabled — Changes the icon fill color to match the disabled state
.slds-icon-text-warning
.slds-icon-text-warning — Changes the icon fill color to match the warning state
.slds-icon-text-success
.slds-icon-text-success — Changes the icon fill color to match the success state
.slds-icon-text-error
.slds-icon-text-error — Changes the icon fill color to match the error state
.slds-icon-text-light
.slds-icon-text-light
.slds-current-color
.slds-current-color
.slds-icon_disabled
.slds-icon_disabled — The icon container of icon in a disabled element
custom
[class*='slds-icon-custom-'] — Custom icons
doctype
[class*='slds-icon-doctype-'] — Container for icons
standard
[class*='slds-icon-standard-'] — Standard icons