فونت آوسام

آیکن angle-down فونت آوسام - معمولی

f107 
<font-awesome-icon icon="fa-regular fa-angle-down" />
<FontAwesomeIcon icon="fa-regular fa-angle-down" />
.my-icon::before {
    font: var(--fa-font-regular);
    content: "\f107";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" style="width: 30px;height: 30px;fill: black">
    <path d="M360.5 217.5l-152 143.1C203.9 365.8 197.9 368 192 368s-11.88-2.188-16.5-6.562L23.5 217.5C13.87 208.3 13.47 193.1 22.56 183.5C31.69 173.8 46.94 173.5 56.5 182.6L192 310.9l135.5-128.4c9.562-9.094 24.75-8.75 33.94 .9375C370.5 193.1 370.1 208.3 360.5 217.5z"/>
</svg>
                    
<i class="fa-regular fa-angle-down"></i>

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

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