NJ Web Design System (v2.1.0)

Icon list: Custom size 

<ul class="usa-icon-list usa-icon-list--size-lg">
    <li class="usa-icon-list__item">
        <div class="usa-icon-list__icon text-blue">
            <svg class="usa-icon" aria-hidden="true" role="img">
                <use xlink:href="../../dist/img/sprite.svg#help"></use>
            </svg>
        </div>
        <div class="usa-icon-list__content">
            <span class="text-bold">Timing.</span> Is now the right time to start a business?
        </div>
    </li>
    <li class="usa-icon-list__item">
        <div class="usa-icon-list__icon text-blue">
            <svg class="usa-icon" aria-hidden="true" role="img">
                <use xlink:href="../../dist/img/sprite.svg#help"></use>
            </svg>
        </div>
        <div class="usa-icon-list__content">
            <span class="text-bold">Funding.</span> Do I have enough money to launch a business?
        </div>
    </li>
    <li class="usa-icon-list__item">
        <div class="usa-icon-list__icon text-blue">
            <svg class="usa-icon" aria-hidden="true" role="img">
                <use xlink:href="../../dist/img/sprite.svg#help"></use>
            </svg>
        </div>
        <div class="usa-icon-list__content">
            <span class="text-bold">Need.</span> Will this business fill a real need for my customers?
        </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: help
      color: blue
      utilities: null
    content: >-
      <span class="text-bold">Timing.</span> Is now the right time to start a
      business?
  - icon:
      name: help
      color: blue
      utilities: null
    content: >-
      <span class="text-bold">Funding.</span> Do I have enough money to launch a
      business?
  - icon:
      name: help
      color: blue
      utilities: null
    content: >-
      <span class="text-bold">Need.</span> Will this business fill a real need
      for my customers?
size: lg