Lists

                       
<ul class="list-style-1">
    <li>
        <div class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="160" height="120" viewBox="0 0 160 120">
                <path data-name="Path 39642" d="M335.933,167.844a10.636,10.636,0,0,0-7.576,3.65c-26.991,29.408-54,58.674-81.024,88.088l-41.845-37.911a10.447,10.447,0,0,0-8.065-2.729,10.8,10.8,0,0,0-7.478,4.271,12.733,12.733,0,0,0-2.508,8.77,12.355,12.355,0,0,0,3.93,8.127l49.595,44.932a10.472,10.472,0,0,0,7.582,2.781,10.648,10.648,0,0,0,7.315-3.529c29.373-32,58.76-63.814,88.169-95.855A12.724,12.724,0,0,0,344,171.172a10.547,10.547,0,0,0-8.07-3.327Z" transform="translate(-187.391 -167.836)" fill="#121619"/>
            </svg>
        </div>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </li>
    <li>
        <div class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="160" height="120" viewBox="0 0 160 120">
                <path data-name="Path 39642" d="M335.933,167.844a10.636,10.636,0,0,0-7.576,3.65c-26.991,29.408-54,58.674-81.024,88.088l-41.845-37.911a10.447,10.447,0,0,0-8.065-2.729,10.8,10.8,0,0,0-7.478,4.271,12.733,12.733,0,0,0-2.508,8.77,12.355,12.355,0,0,0,3.93,8.127l49.595,44.932a10.472,10.472,0,0,0,7.582,2.781,10.648,10.648,0,0,0,7.315-3.529c29.373-32,58.76-63.814,88.169-95.855A12.724,12.724,0,0,0,344,171.172a10.547,10.547,0,0,0-8.07-3.327Z" transform="translate(-187.391 -167.836)" fill="#121619"/>
            </svg>
        </div>
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.
    </li>
    <li>
        <div class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="160" height="120" viewBox="0 0 160 120">
                <path data-name="Path 39642" d="M335.933,167.844a10.636,10.636,0,0,0-7.576,3.65c-26.991,29.408-54,58.674-81.024,88.088l-41.845-37.911a10.447,10.447,0,0,0-8.065-2.729,10.8,10.8,0,0,0-7.478,4.271,12.733,12.733,0,0,0-2.508,8.77,12.355,12.355,0,0,0,3.93,8.127l49.595,44.932a10.472,10.472,0,0,0,7.582,2.781,10.648,10.648,0,0,0,7.315-3.529c29.373-32,58.76-63.814,88.169-95.855A12.724,12.724,0,0,0,344,171.172a10.547,10.547,0,0,0-8.07-3.327Z" transform="translate(-187.391 -167.836)" fill="#121619"/>
            </svg>
        </div>
        Sed ut perspiciatis unde omnis iste natus error.
    </li>
    <li>
        <div class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="160" height="120" viewBox="0 0 160 120">
                <path data-name="Path 39642" d="M335.933,167.844a10.636,10.636,0,0,0-7.576,3.65c-26.991,29.408-54,58.674-81.024,88.088l-41.845-37.911a10.447,10.447,0,0,0-8.065-2.729,10.8,10.8,0,0,0-7.478,4.271,12.733,12.733,0,0,0-2.508,8.77,12.355,12.355,0,0,0,3.93,8.127l49.595,44.932a10.472,10.472,0,0,0,7.582,2.781,10.648,10.648,0,0,0,7.315-3.529c29.373-32,58.76-63.814,88.169-95.855A12.724,12.724,0,0,0,344,171.172a10.547,10.547,0,0,0-8.07-3.327Z" transform="translate(-187.391 -167.836)" fill="#121619"/>
            </svg>
        </div>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </li>
    <li>
        <div class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="160" height="120" viewBox="0 0 160 120">
                <path data-name="Path 39642" d="M335.933,167.844a10.636,10.636,0,0,0-7.576,3.65c-26.991,29.408-54,58.674-81.024,88.088l-41.845-37.911a10.447,10.447,0,0,0-8.065-2.729,10.8,10.8,0,0,0-7.478,4.271,12.733,12.733,0,0,0-2.508,8.77,12.355,12.355,0,0,0,3.93,8.127l49.595,44.932a10.472,10.472,0,0,0,7.582,2.781,10.648,10.648,0,0,0,7.315-3.529c29.373-32,58.76-63.814,88.169-95.855A12.724,12.724,0,0,0,344,171.172a10.547,10.547,0,0,0-8.07-3.327Z" transform="translate(-187.391 -167.836)" fill="#121619"/>
            </svg>
        </div>
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.
    </li>
    <li>
        <div class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="160" height="120" viewBox="0 0 160 120">
                <path data-name="Path 39642" d="M335.933,167.844a10.636,10.636,0,0,0-7.576,3.65c-26.991,29.408-54,58.674-81.024,88.088l-41.845-37.911a10.447,10.447,0,0,0-8.065-2.729,10.8,10.8,0,0,0-7.478,4.271,12.733,12.733,0,0,0-2.508,8.77,12.355,12.355,0,0,0,3.93,8.127l49.595,44.932a10.472,10.472,0,0,0,7.582,2.781,10.648,10.648,0,0,0,7.315-3.529c29.373-32,58.76-63.814,88.169-95.855A12.724,12.724,0,0,0,344,171.172a10.547,10.547,0,0,0-8.07-3.327Z" transform="translate(-187.391 -167.836)" fill="#121619"/>
            </svg>
        </div>
        Sed ut perspiciatis unde omnis iste natus error.
    </li>
</ul>
                       
                       Copy to clipboard
                   

                       
<ul class="list-style-2">
    <li>
        <div class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="160" height="120" viewBox="0 0 160 120">
                <path data-name="Path 39642" d="M335.933,167.844a10.636,10.636,0,0,0-7.576,3.65c-26.991,29.408-54,58.674-81.024,88.088l-41.845-37.911a10.447,10.447,0,0,0-8.065-2.729,10.8,10.8,0,0,0-7.478,4.271,12.733,12.733,0,0,0-2.508,8.77,12.355,12.355,0,0,0,3.93,8.127l49.595,44.932a10.472,10.472,0,0,0,7.582,2.781,10.648,10.648,0,0,0,7.315-3.529c29.373-32,58.76-63.814,88.169-95.855A12.724,12.724,0,0,0,344,171.172a10.547,10.547,0,0,0-8.07-3.327Z" transform="translate(-187.391 -167.836)" fill="#121619"/>
            </svg>
        </div>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </li>
    <li>
        <div class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="160" height="120" viewBox="0 0 160 120">
                <path data-name="Path 39642" d="M335.933,167.844a10.636,10.636,0,0,0-7.576,3.65c-26.991,29.408-54,58.674-81.024,88.088l-41.845-37.911a10.447,10.447,0,0,0-8.065-2.729,10.8,10.8,0,0,0-7.478,4.271,12.733,12.733,0,0,0-2.508,8.77,12.355,12.355,0,0,0,3.93,8.127l49.595,44.932a10.472,10.472,0,0,0,7.582,2.781,10.648,10.648,0,0,0,7.315-3.529c29.373-32,58.76-63.814,88.169-95.855A12.724,12.724,0,0,0,344,171.172a10.547,10.547,0,0,0-8.07-3.327Z" transform="translate(-187.391 -167.836)" fill="#121619"/>
            </svg>
        </div>
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.
    </li>
    <li>
        <div class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="160" height="120" viewBox="0 0 160 120">
                <path data-name="Path 39642" d="M335.933,167.844a10.636,10.636,0,0,0-7.576,3.65c-26.991,29.408-54,58.674-81.024,88.088l-41.845-37.911a10.447,10.447,0,0,0-8.065-2.729,10.8,10.8,0,0,0-7.478,4.271,12.733,12.733,0,0,0-2.508,8.77,12.355,12.355,0,0,0,3.93,8.127l49.595,44.932a10.472,10.472,0,0,0,7.582,2.781,10.648,10.648,0,0,0,7.315-3.529c29.373-32,58.76-63.814,88.169-95.855A12.724,12.724,0,0,0,344,171.172a10.547,10.547,0,0,0-8.07-3.327Z" transform="translate(-187.391 -167.836)" fill="#121619"/>
            </svg>
        </div>
        Sed ut perspiciatis unde omnis iste natus error.
    </li>
    <li>
        <div class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="160" height="120" viewBox="0 0 160 120">
                <path data-name="Path 39642" d="M335.933,167.844a10.636,10.636,0,0,0-7.576,3.65c-26.991,29.408-54,58.674-81.024,88.088l-41.845-37.911a10.447,10.447,0,0,0-8.065-2.729,10.8,10.8,0,0,0-7.478,4.271,12.733,12.733,0,0,0-2.508,8.77,12.355,12.355,0,0,0,3.93,8.127l49.595,44.932a10.472,10.472,0,0,0,7.582,2.781,10.648,10.648,0,0,0,7.315-3.529c29.373-32,58.76-63.814,88.169-95.855A12.724,12.724,0,0,0,344,171.172a10.547,10.547,0,0,0-8.07-3.327Z" transform="translate(-187.391 -167.836)" fill="#121619"/>
            </svg>
        </div>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </li>
    <li>
        <div class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="160" height="120" viewBox="0 0 160 120">
                <path data-name="Path 39642" d="M335.933,167.844a10.636,10.636,0,0,0-7.576,3.65c-26.991,29.408-54,58.674-81.024,88.088l-41.845-37.911a10.447,10.447,0,0,0-8.065-2.729,10.8,10.8,0,0,0-7.478,4.271,12.733,12.733,0,0,0-2.508,8.77,12.355,12.355,0,0,0,3.93,8.127l49.595,44.932a10.472,10.472,0,0,0,7.582,2.781,10.648,10.648,0,0,0,7.315-3.529c29.373-32,58.76-63.814,88.169-95.855A12.724,12.724,0,0,0,344,171.172a10.547,10.547,0,0,0-8.07-3.327Z" transform="translate(-187.391 -167.836)" fill="#121619"/>
            </svg>
        </div>
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.
    </li>
    <li>
        <div class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="160" height="120" viewBox="0 0 160 120">
                <path data-name="Path 39642" d="M335.933,167.844a10.636,10.636,0,0,0-7.576,3.65c-26.991,29.408-54,58.674-81.024,88.088l-41.845-37.911a10.447,10.447,0,0,0-8.065-2.729,10.8,10.8,0,0,0-7.478,4.271,12.733,12.733,0,0,0-2.508,8.77,12.355,12.355,0,0,0,3.93,8.127l49.595,44.932a10.472,10.472,0,0,0,7.582,2.781,10.648,10.648,0,0,0,7.315-3.529c29.373-32,58.76-63.814,88.169-95.855A12.724,12.724,0,0,0,344,171.172a10.547,10.547,0,0,0-8.07-3.327Z" transform="translate(-187.391 -167.836)" fill="#121619"/>
            </svg>
        </div>
        Sed ut perspiciatis unde omnis iste natus error.
    </li>
</ul>
                       
                       Copy to clipboard
                   

                       
<ul class="list-style-3">
    <li>
        <div class="icon"></div>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </li>
    <li>
        <div class="icon"></div>
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.
    </li>
    <li>
        <div class="icon"></div>
        Sed ut perspiciatis unde omnis iste natus error.
    </li>
    <li>
        <div class="icon"></div>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </li>
    <li>
        <div class="icon"></div>
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.
    </li>
    <li>
        <div class="icon"></div>
        Sed ut perspiciatis unde omnis iste natus error.
    </li>
</ul>
                       
                       Copy to clipboard