فونت آوسام

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

f037 
<font-awesome-icon icon="fa-thin fa-align-center" />
<FontAwesomeIcon icon="fa-thin fa-align-center" />
.my-icon::before {
    font: var(--fa-font-thin);
    content: "\f037";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 30px;height: 30px;fill: black">
    <path d="M344 56C348.4 56 352 59.58 352 64C352 68.42 348.4 72 344 72H104C99.58 72 96 68.42 96 64C96 59.58 99.58 56 104 56H344zM440 184C444.4 184 448 187.6 448 192C448 196.4 444.4 200 440 200H8C3.582 200 0 196.4 0 192C0 187.6 3.582 184 8 184H440zM96 320C96 315.6 99.58 312 104 312H344C348.4 312 352 315.6 352 320C352 324.4 348.4 328 344 328H104C99.58 328 96 324.4 96 320zM440 440C444.4 440 448 443.6 448 448C448 452.4 444.4 456 440 456H8C3.582 456 0 452.4 0 448C0 443.6 3.582 440 8 440H440z"/>
</svg>
                    
<i class="fa-thin fa-align-center"></i>

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

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