slds-icon

slds-icon

<li class="site-icon-width-container slds-m-bottom_x-large">
  <figure>
    <span class="slds-icon_container null slds-icon__svg--default">
      <svg class="slds-icon slds-icon-text-default test-class" aria-hidden="true">
        <use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#all"></use>
      </svg>
    </span>
    <figcaption class="slds-p-top_x-small slds-text-body_small icon-figcaption">all</figcaption>
  </figure>
</li>

<li class="site-icon-width-container slds-m-bottom_x-large">
  <figure>
    <span class="slds-icon_container null slds-icon__svg--default">
      <svg class="slds-icon slds-icon_large" aria-hidden="true">
        <use xlink:href="/assets/icons/doctype-sprite/svg/symbols.svg#csv"></use>
      </svg>
    </span>
    <figcaption class="slds-p-top_x-small slds-text-body_small icon-figcaption">csv</figcaption>
  </figure>
</li>

<li class="site-icon-width-container slds-m-bottom_x-large">
  <figure>
    <span class="slds-icon_container slds-icon-standard-account">
      <svg class="slds-icon slds-icon_large" aria-hidden="true">
        <use xlink:href="/assets/icons/standard-sprite/svg/symbols.svg#account"></use>
      </svg>
    </span>
    <figcaption class="slds-p-top_x-small slds-text-body_small icon-figcaption">account</figcaption>
  </figure>
</li>

<li class="site-icon-width-container slds-m-bottom_x-large">
  <figure>
    <span class="slds-icon_container slds-icon-action-delete slds-icon_container_circle">
      <svg class="slds-icon slds-icon_small" aria-hidden="true">
        <use xlink:href="/assets/icons/action-sprite/svg/symbols.svg#delete"></use>
      </svg>
    </span>
    <figcaption class="slds-p-top_x-small slds-text-body_small icon-figcaption">delete</figcaption>
  </figure>
</li>