فونت آوسام

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

f038 
<font-awesome-icon icon="fa-thin fa-align-right" />
<FontAwesomeIcon icon="fa-thin fa-align-right" />
.my-icon::before {
    font: var(--fa-font-thin);
    content: "\f038";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 30px;height: 30px;fill: black">
    <path d="M440 56C444.4 56 448 59.58 448 64C448 68.42 444.4 72 440 72H168C163.6 72 160 68.42 160 64C160 59.58 163.6 56 168 56H440zM440 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 184H440zM440 328H168C163.6 328 160 324.4 160 320C160 315.6 163.6 312 168 312H440C444.4 312 448 315.6 448 320C448 324.4 444.4 328 440 328zM440 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-right"></i>

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

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