فونت آوسام

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

f036 
<font-awesome-icon icon="fa-thin fa-align-left" />
<FontAwesomeIcon icon="fa-thin fa-align-left" />
.my-icon::before {
    font: var(--fa-font-thin);
    content: "\f036";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 30px;height: 30px;fill: black">
    <path d="M280 56C284.4 56 288 59.58 288 64C288 68.42 284.4 72 280 72H8C3.582 72 0 68.42 0 64C0 59.58 3.582 56 8 56H280zM440 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 184H440zM0 320C0 315.6 3.582 312 8 312H280C284.4 312 288 315.6 288 320C288 324.4 284.4 328 280 328H8C3.582 328 0 324.4 0 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-left"></i>

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

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