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

<font-awesome-icon icon="fa-thin fa-ankh" />
<FontAwesomeIcon icon="fa-thin fa-ankh" />
.my-icon::before {
    font: var(--fa-font-thin);
    content: "\f644";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" style="width: 30px;height: 30px;fill: black">
    <path d="M280 280h-100.7c42.79-44.6 84.2-110 84.2-163.3C263.5 44.72 223.8 0 160 0S56.53 44.72 56.53 116.7c0 53.28 41.41 118.7 84.2 163.3H40C35.59 280 32 283.6 32 288s3.594 8 8 8h112v208C152 508.4 155.6 512 160 512s8-3.578 8-8v-208h112C284.4 296 288 292.4 288 288S284.4 280 280 280zM160 16c54.78 0 87.47 37.64 87.47 100.7c0 55.16-50.41 123.8-87.47 160.2C122.9 240.5 72.53 171.8 72.53 116.7C72.53 53.64 105.2 16 160 16z"/>
</svg>
                    
<i class="fa-thin fa-ankh"></i>

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

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