فونت آوسام

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

e08c 
<font-awesome-icon icon="fa-thin fa-angle" />
<FontAwesomeIcon icon="fa-thin fa-angle" />
.my-icon::before {
    font: var(--fa-font-thin);
    content: "\e08c";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 30px;height: 30px;fill: black">
    <path d="M20.94 464H440C444.4 464 448 467.6 448 472C448 476.4 444.4 480 440 480H8C5.228 480 2.652 478.6 1.195 476.2C-.2627 473.8-.3952 470.9 .8448 468.4L216.8 36.42C218.8 32.47 223.6 30.87 227.6 32.84C231.5 34.82 233.1 39.63 231.2 43.58L20.94 464zM294 250.7C296.8 254.3 295.8 259.5 291.9 262C288.3 264.3 283.6 263.4 281 259.1C262.6 235.7 240.8 214.2 216.2 196.1C212.1 193.8 211.9 189.5 213.7 185.9C215.8 181.5 221.4 180.1 225.3 182.1C251.4 202.1 274.6 224.9 294 250.7V250.7zM313.7 313.6C311.9 309.9 313.1 305.4 316.6 303.2C320.6 300.7 325.9 302.1 327.9 306.4C342.9 337.6 353.1 371.5 357.5 407.2C358.1 411.9 354.4 416 349.6 416C345.5 416 342.1 412.9 341.6 408.8C337.3 375.1 327.7 343.1 313.7 313.6V313.6z"/>
</svg>
                    
<i class="fa-thin fa-angle"></i>

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

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