Simple list with SVG icons

Preview

  • The 144-page book (Mac and Windows versions)

  • Over 2.5 Hours Of "I Promise They're Not Boring" Screencasts

  • "Better Keybindings" Private Extension

HTML

<ul class="space-y-4">
    <li class="flex items-start">
        <div class="flex-shrink-0">
            <svg class="h-6 w-6 purple" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
            </svg>
        </div>
        <p class="ml-3 text-base leading-6 font-medium text-gray-500">
            The 144-page book (Mac and Windows versions)
        </p>
    </li>
    <li class="flex items-start">
        <div class="flex-shrink-0">
            <svg class="h-6 w-6 purple" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
            </svg>
        </div>
        <p class="ml-3 text-base leading-6 font-medium text-gray-500">
            Over 2.5 Hours Of "I Promise They're Not Boring" Screencasts
        </p>
    </li>
    <li class="flex items-start">
        <div class="flex-shrink-0">
            <svg class="h-6 w-6 purple" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
            </svg>
        </div>
        <p class="ml-3 text-base leading-6 font-medium text-gray-500">
            "Better Keybindings" Private Extension
        </p>
    </li>
</ul>