فونت آوسام

آیکن align-center فونت آوسام - معمولی

f037 
<font-awesome-icon icon="fa-regular fa-align-center" />
<FontAwesomeIcon icon="fa-regular fa-align-center" />
.my-icon::before {
    font: var(--fa-font-regular);
    content: "\f037";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 30px;height: 30px;fill: black">
    <path d="M328 40C341.3 40 352 50.75 352 64C352 77.25 341.3 88 328 88H120C106.7 88 96 77.25 96 64C96 50.75 106.7 40 120 40H328zM424 168C437.3 168 448 178.7 448 192C448 205.3 437.3 216 424 216H24C10.75 216 0 205.3 0 192C0 178.7 10.75 168 24 168H424zM96 320C96 306.7 106.7 296 120 296H328C341.3 296 352 306.7 352 320C352 333.3 341.3 344 328 344H120C106.7 344 96 333.3 96 320zM424 424C437.3 424 448 434.7 448 448C448 461.3 437.3 472 424 472H24C10.75 472 0 461.3 0 448C0 434.7 10.75 424 24 424H424z"/>
</svg>
                    
<i class="fa-regular fa-align-center"></i>

نحوه استفاده از آیکن align-center حالت معمولی

جهت استفاده از آیکن align-center در حالت معمولی روش های مختلفی دارد.
درصورتیکه فایل CSS فونت آوسام را دانلود کرده و در وب سایت خود فراخوانی نموده اید، کافیست تگ <font-awesome-icon icon="fa-regular fa-align-center" /> را درون محل موردنظر قراردهید.
راه حل دیگر جهت نمایش آیکن align-center در حالت معمولی، میتوانید بصورت مستقیم از کد SVG استفاده نمایید.
همچنین در کدهای بالا، روش های مختلفی جهت استفاده در اپلیکیشن React و Vue آورده شده است.
فونت آوسام، یک مجموعه آیکن ها می باشد که در تمام برنامه های گرافیکی، آفیس و وب سایت قابل استفاده می باشد. استفاده از فونت آوسام راحت و سریع می باشد. آیکن های فونت آوسام قابلیت تغییر رنگ و اندازه را داشته و سبک و کم حجم می باشد.