Blender Phone

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

کدهای آماده

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

<i class="fa-solid fa-blender-phone"></i>

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="w-full h-full" fill="currentColor" aria-hidden="true"><path d="M224 352L196.8 52.3C194.2 24.2 216.3 0 244.6 0L534.1 0c21.1 0 36.4 20.1 30.9 40.4L558.5 64 400 64c-8.8 0-16 7.2-16 16s7.2 16 16 16l149.8 0-17.5 64L400 160c-8.8 0-16 7.2-16 16s7.2 16 16 16l123.6 0-17.5 64L400 256c-8.8 0-16 7.2-16 16s7.2 16 16 16l97.5 0L480 352l-256 0zm-16 32l288 0c26.5 0 48 21.5 48 48l0 32c0 26.5-21.5 48-48 48l-288 0c-26.5 0-48-21.5-48-48l0-32c0-26.5 21.5-48 48-48zm144 96a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM147.5 30.7c10.8 6.7 15.3 21 10.6 33.4l-22 57.8c-4.2 10.9-14.5 17.6-25.3 16.4l-33.3-3.6c-13.6 42.2-13.6 88.4 0 130.7l33.3-3.6c10.9-1.2 21.2 5.5 25.3 16.4l22 57.8c4.7 12.4 .2 26.7-10.6 33.4l-44 27.2c-9.7 6-21.9 4.2-29.8-4.3C-24.6 286-24.6 114 73.7 7.8C81.6-.7 93.8-2.5 103.5 3.5l44 27.2z"/></svg>

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

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