فونت آوسام

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

f106 
<font-awesome-icon icon="fa-thin fa-angle-up" />
<FontAwesomeIcon icon="fa-thin fa-angle-up" />
.my-icon::before {
    font: var(--fa-font-thin);
    content: "\f106";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" style="width: 30px;height: 30px;fill: black">
    <path d="M192 160c1.1 0 3.969 .7344 5.531 2.219l151.1 144c3.187 3.047 3.312 8.125 .25 11.31c-3.094 3.188-8.156 3.281-11.31 .25L192 179.1L45.53 317.8c-3.219 3.031-8.281 2.938-11.31-.25c-3.062-3.188-2.937-8.266 .25-11.31l151.1-144C188 160.7 190 160 192 160z"/>
</svg>
                    
<i class="fa-thin fa-angle-up"></i>

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

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