icon and text

<style>
  .product-block12 {
    margin-bottom: 25px;
  }

  .sales-points12 {
    list-style: none;
    padding: 0;
    margin: 25px 0;
  }

  .sales-point12:last-child {
    margin-bottom: 0;
  }

  .sales-point12 {
    display: block;
  }

  .icon12-and-text12 {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }

  .sales-point12 .icon12 {
    position: relative;
    width: 25px;
    height: 25px;
    margin-right: 10px;
  }

  .icon12-and-text12 .icon12 {
    flex: 0 0 auto;
  }

  svg:not(:root) {
    overflow: hidden;
  }

  .icon12 {
    display: inline-block;
    vertical-align: middle;
    fill: currentColor;
  }

  .icon12-truck path {
    fill: none !important;
    stroke-width: 2px;
    stroke: currentColor !important;
    stroke-linecap: miter;
    stroke-linejoin: miter;
  }

  .cls-1 {
    stroke-miterlimit: 10;
  }

  .icon12-truck circle {
    fill: none !important;
    stroke-width: 2px;
    stroke: currentColor !important;
    stroke-linecap: miter;
    stroke-linejoin: miter;
  }

  .icon12-and-text12 span {
    font-size: 18px;
    font-weight: 300;
    font-family: Outfit, sans-serif;
    letter-spacing: 0.45px;
    line-height: 1.4;
    color: #494b4d;
  }

  @media only screen and (max-width: 768px) {
    .sales-point12 .icon12-and-text12 {
      justify-content: center;
    }
  }
</style>

<div class="product-block12 product-block12--sales-point12">
  <ul class="sales-points12">
    <li class="sales-point12">
      <span class="icon12-and-text12">
        <svg aria-hidden="true" focusable="false" role="presentation" class="icon12 icon12-truck" viewBox="0 0 64 64">
          <defs>
          </defs>
          <path class="cls-1"
            d="M17 47.72H7.38V21h33.14v26.72H24.44M45.92 47.72h-5.4V34.9h17.1v12.82h-4.23M57.62 34.9l-6.41-8.56H40.52">
          </path>
          <circle class="cls-1" cx="20.74" cy="48.26" r="3.74"></circle>
          <path class="cls-1" d="M45.92 47.73a3.82 3.82 0 1 1 0 .37v-.37"></path>
        </svg>
        <span>Free Shipping On Prepaid & COD*</span>
      </span>
    </li>
  </ul>
</div>