فونت آوسام

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

f103 
<font-awesome-icon icon="fa-regular fa-angles-down" />
<FontAwesomeIcon icon="fa-regular fa-angles-down" />
.my-icon::before {
    font: var(--fa-font-regular);
    content: "\f103";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" style="width: 30px;height: 30px;fill: black">
    <path d="M328 270.1L192 391.8L55.1 270.1c-4.563-4.094-10.28-6.125-16-6.125c-6.594 0-13.16 2.687-17.88 7.1C13.28 281.9 14.12 297.1 23.99 305.9l152 135.1c9.125 8.187 22.88 8.187 32 0l152-135.1c9.875-8.812 10.72-23.1 1.875-33.87C353.1 262.1 337.8 261.3 328 270.1zM175.1 249.9c9.125 8.187 22.88 8.187 32 0l152-135.1c9.875-8.812 10.72-23.1 1.875-33.87c-8.813-9.906-24.03-10.72-33.88-1.875L192 199.8L55.1 78.13c-4.563-4.094-10.28-6.125-16-6.125c-6.594 0-13.16 2.687-17.88 7.1C13.28 89.88 14.12 105.1 23.99 113.9L175.1 249.9z"/>
</svg>
                    
<i class="fa-regular fa-angles-down"></i>

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

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