Hourglass

پیش‌نمایش اندازه‌ها

کدهای آماده

۱) HTML با کلاس فونت‌اوسام (نیازمند کتابخانه Font Awesome):

<i class="fa-solid fa-hourglass"></i>

۲) SVG مستقیم (بدون نیاز به هیچ کتابخانه‌ای — پیشنهادی):

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="w-full h-full" fill="currentColor" aria-hidden="true"><path d="M0 32C0 14.3 14.3 0 32 0L64 0 320 0l32 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l0 11c0 42.4-16.9 83.1-46.9 113.1L237.3 256l67.9 67.9c30 30 46.9 70.7 46.9 113.1l0 11c17.7 0 32 14.3 32 32s-14.3 32-32 32l-32 0L64 512l-32 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l0-11c0-42.4 16.9-83.1 46.9-113.1L146.7 256 78.9 188.1C48.9 158.1 32 117.4 32 75l0-11C14.3 64 0 49.7 0 32zM96 64l0 11c0 25.5 10.1 49.9 28.1 67.9L192 210.7l67.9-67.9c18-18 28.1-42.4 28.1-67.9l0-11L96 64zm0 384l192 0 0-11c0-25.5-10.1-49.9-28.1-67.9L192 301.3l-67.9 67.9c-18 18-28.1 42.4-28.1 67.9l0 11z"/></svg>

۳) CSS با یونیکد:

.element::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\uf254";
}

استایل‌های این آیکون