آیکن Angle فونت آوسام - سبک

<font-awesome-icon icon="fa-light fa-angle" />
<FontAwesomeIcon icon="fa-light fa-angle" />
.my-icon::before {
    font: var(--fa-font-light);
    content: "\e08c";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 30px;height: 30px;fill: black">
    <path d="M41.89 448H432C440.8 448 448 455.2 448 464C448 472.8 440.8 480 432 480H16C10.46 480 5.305 477.1 2.39 472.4C-.5254 467.7-.7907 461.8 1.689 456.8L209.7 40.84C213.6 32.94 223.3 29.74 231.2 33.69C239.1 37.64 242.3 47.25 238.3 55.15L41.89 448zM294.1 238.9C300.7 246.1 298.7 256.6 290.9 261.5C283.7 266 274.3 264.2 269 257.6C254.8 239.9 238.6 223.8 220.8 209.7C214.6 204.8 212.5 196.3 216 189.2C220.4 180.4 231.6 177.5 239.4 183.6C259.1 199.8 278.7 218.3 294.1 238.9V238.9zM309.5 323.7C306.1 316.1 308.6 307.1 315.6 302.7C323.5 297.6 334.1 300.5 338 309.1C349.6 334.5 358.1 361.7 363 390.1C364.7 399.6 357.2 408 347.5 408C339.4 408 332.7 401.1 331.2 394C326.8 369.4 319.5 345.9 309.5 323.7L309.5 323.7z"/>
</svg>
                    
<i class="fa-light fa-angle"></i>

نحوه استفاده از آیکن Angle حالت سبک

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