NJ Web Design System (v2.1.0)

Icon list: Simple content 

<ul class="usa-icon-list usa-icon-list--primary">
    <li class="usa-icon-list__item">
        <div class="usa-icon-list__icon">
            <svg class="usa-icon" aria-hidden="true" role="img">
                <use xlink:href="../../dist/img/sprite.svg#thumb_up_alt"></use>
            </svg>
        </div>
        <div class="usa-icon-list__content">
            No processing lines
        </div>
    </li>
    <li class="usa-icon-list__item">
        <div class="usa-icon-list__icon">
            <svg class="usa-icon" aria-hidden="true" role="img">
                <use xlink:href="../../dist/img/sprite.svg#thumb_up_alt"></use>
            </svg>
        </div>
        <div class="usa-icon-list__content">
            Access to expedited entry benefits in other countries
        </div>
    </li>
    <li class="usa-icon-list__item">
        <div class="usa-icon-list__icon">
            <svg class="usa-icon" aria-hidden="true" role="img">
                <use xlink:href="../../dist/img/sprite.svg#thumb_up_alt"></use>
            </svg>
        </div>
        <div class="usa-icon-list__content">
            Available at major U.S. airports
        </div>
    </li>
    <li class="usa-icon-list__item">
        <div class="usa-icon-list__icon">
            <svg class="usa-icon" aria-hidden="true" role="img">
                <use xlink:href="../../dist/img/sprite.svg#thumb_up_alt"></use>
            </svg>
        </div>
        <div class="usa-icon-list__content">
            Reduced wait times
        </div>
    </li>
</ul>

No notes defined.

<ul class="usa-icon-list{% if color %} usa-icon-list--{{ color }}{% endif %}{% if size %} usa-icon-list--size-{{ size }}{% endif %}">
  {%- for item in items -%}
  <li class="usa-icon-list__item">
    <div class="usa-icon-list__icon{% if item.icon.color %} text-{{ item.icon.color }}{% endif %}">
      <svg class="usa-icon{% if item.icon.utilities %} {{ item.icon.utilities }}{% endif %}" aria-hidden="true" role="img">
        <use xlink:href="../../dist/img/sprite.svg#{{ item.icon.name }}"></use>
      </svg>
    </div>
    <div class="usa-icon-list__content">
      {{ item.content | safe }}
    </div>
  </li>
  {%- endfor -%}
</ul>
 
package:
  name: null
  version: 2.1.0
uswds:
  path: ../../dist
items:
  - icon:
      name: thumb_up_alt
      utilities: null
    content: No processing lines
  - icon:
      name: thumb_up_alt
      utilities: null
    content: Access to expedited entry benefits in other countries
  - icon:
      name: thumb_up_alt
      utilities: null
    content: Available at major U.S. airports
  - icon:
      name: thumb_up_alt
      utilities: null
    content: Reduced wait times
color: primary