Blockquote icon
Use this example to show an icon above the blockquote text content.
89
0
HTML +
Tailwind
<blockquote class="text-xl italic font-semibold text-gray-900 dark:text-white px-6">
<svg class="w-8 h-8 text-gray-400 dark:text-gray-600 mb-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 14">
<path d="M6 0H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v1a3 3 0 0 1-3 3H2a1 1 0 0 0 0 2h1a5.006 5.006 0 0 0 5-5V2a2 2 0 0 0-2-2Zm10 0h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v1a3 3 0 0 1-3 3h-1a1 1 0 0 0 0 2h1a5.006 5.006 0 0 0 5-5V2a2 2 0 0 0-2-2Z"/>
</svg>
<p>"Life is a journey that must be traveled no matter how bad the roads and accommodations." - Oliver Goldsmith</p>
</blockquote>
![Abdelmjid Saber](https://tailwindcraft.com/storage/profile-photos/JRDITVcVSx1U828EhxCQG5kbaOHDdUzpibzBOESn.png)
Abdelmjid Saber
@abdelmjidI love learning and creating something new fast, secure and clean code applications.