Metro Component Library Demo 2.0

Icon list: Default 

<ul class="usa-icon-list">
    <li class="usa-icon-list__item">
        <div class="usa-icon-list__icon text-green">
            <svg class="usa-icon" aria-hidden="true" role="img">
                <use xlink:href="../../dist/img/sprite.svg#check_circle"></use>
            </svg>
        </div>
        <div class="usa-icon-list__content">
            Wash your hands for 20 seconds with soap
        </div>
    </li>
    <li class="usa-icon-list__item">
        <div class="usa-icon-list__icon text-green">
            <svg class="usa-icon" aria-hidden="true" role="img">
                <use xlink:href="../../dist/img/sprite.svg#check_circle"></use>
            </svg>
        </div>
        <div class="usa-icon-list__content">
            Stay six feet away from others
        </div>
    </li>
    <li class="usa-icon-list__item">
        <div class="usa-icon-list__icon text-red">
            <svg class="usa-icon" aria-hidden="true" role="img">
                <use xlink:href="../../dist/img/sprite.svg#cancel"></use>
            </svg>
        </div>
        <div class="usa-icon-list__content">
            Avoid large gatherings
        </div>
    </li>
</ul>

No notes defined.

package:
  name: metro-digital-design-system-demo
  version: 0.1.0
uswds:
  path: ../../../dist
placeholderLink: javascript:void()
items:
  - icon:
      name: check_circle
      color: green
    content: Wash your hands for 20 seconds with soap
  - icon:
      name: check_circle
      color: green
    content: Stay six feet away from others
  - icon:
      name: cancel
      color: red
    content: Avoid large gatherings