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

<font-awesome-icon icon="fa-light fa-alien" />
<FontAwesomeIcon icon="fa-light fa-alien" />
.my-icon::before {
    font: var(--fa-font-light);
    content: "\f8f5";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 30px;height: 30px;fill: black">
    <path d="M224 .0001c-123.8 0-224 87.99-224 232.5c0 111.7 134.2 224.5 194.9 269.9c17.25 12.87 41 12.87 58.25 0C313.8 456.1 448 344.2 448 232.5C448 87.99 347.8 .0001 224 .0001zM233.1 476.6c-5.874 4.5-14.12 4.5-20 0C171.2 444.7 32 332.1 32 232.5C32 114.4 111 31.1 224 31.1s192 82.37 192 200.5C416 332.1 276.8 444.7 233.1 476.6zM368 211.1H320c-44.13 0-80 35.87-80 79.1v11.1c0 8.874 7.125 15.1 16 15.1h48c44.13 0 80-35.87 80-79.1V227.1C384 219.1 376.9 211.1 368 211.1zM304 287.1h-31.88C274.2 263.1 295 243.1 320 243.1h31.88C349.8 268.9 329 287.1 304 287.1zM128 211.1H80c-8.875 0-16 7.125-16 15.1v11.1c0 44.12 35.88 79.1 80 79.1H192c8.875 0 16-7.125 16-15.1V291.1C208 247.9 172.1 211.1 128 211.1zM144 287.1c-25 0-45.75-19.12-47.88-43.1H128c25 0 45.75 19.12 47.88 43.1H144z"/>
</svg>
                    
<i class="fa-light fa-alien"></i>

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

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