فونت آوسام

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

f105 
<font-awesome-icon icon="fa-thin fa-angle-right" />
<FontAwesomeIcon icon="fa-thin fa-angle-right" />
.my-icon::before {
    font: var(--fa-font-thin);
    content: "\f105";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" style="width: 30px;height: 30px;fill: black">
    <path d="M224 256c0 1.1-.7344 3.969-2.219 5.531l-144 151.1c-3.047 3.187-8.125 3.312-11.31 .25c-3.188-3.094-3.281-8.156-.25-11.31l138.7-146.5L66.21 109.5C63.18 106.3 63.27 101.3 66.46 98.22c3.188-3.062 8.266-2.937 11.31 .25l144 151.1C223.3 252 224 254 224 256z"/>
</svg>
                    
<i class="fa-thin fa-angle-right"></i>

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

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