فونت آوسام

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

f037 
<font-awesome-icon icon="fa-light fa-align-center" />
<FontAwesomeIcon icon="fa-light fa-align-center" />
.my-icon::before {
    font: var(--fa-font-light);
    content: "\f037";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 30px;height: 30px;fill: black">
    <path d="M336 48C344.8 48 352 55.16 352 64C352 72.84 344.8 80 336 80H112C103.2 80 96 72.84 96 64C96 55.16 103.2 48 112 48H336zM432 176C440.8 176 448 183.2 448 192C448 200.8 440.8 208 432 208H16C7.164 208 0 200.8 0 192C0 183.2 7.164 176 16 176H432zM96 320C96 311.2 103.2 304 112 304H336C344.8 304 352 311.2 352 320C352 328.8 344.8 336 336 336H112C103.2 336 96 328.8 96 320zM432 432C440.8 432 448 439.2 448 448C448 456.8 440.8 464 432 464H16C7.164 464 0 456.8 0 448C0 439.2 7.164 432 16 432H432z"/>
</svg>
                    
<i class="fa-light fa-align-center"></i>

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

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