فونت آوسام

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

f038 
<font-awesome-icon icon="fa-regular fa-align-right" />
<FontAwesomeIcon icon="fa-regular fa-align-right" />
.my-icon::before {
    font: var(--fa-font-regular);
    content: "\f038";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 30px;height: 30px;fill: black">
    <path d="M424 40C437.3 40 448 50.75 448 64C448 77.25 437.3 88 424 88H184C170.7 88 160 77.25 160 64C160 50.75 170.7 40 184 40H424zM424 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 168H424zM424 344H184C170.7 344 160 333.3 160 320C160 306.7 170.7 296 184 296H424C437.3 296 448 306.7 448 320C448 333.3 437.3 344 424 344zM424 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-right"></i>

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

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