آیکن Ankh فونت آوسام - دو رنگ

<font-awesome-icon icon="fa-duotone fa-ankh" />
<FontAwesomeIcon icon="fa-duotone fa-ankh" />
.my-icon {
    position: relative;
    font: var(--fa-font-duotone);
    font-style: normal;
}
.my-icon:before {
    position: absolute;
    content: "\f644";
    opacity:0.5
}
.my-icon:after {
    content: "\f644\f644";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" style="width: 30px;height: 30px;fill: black">
    <path d="M296 256h-272C10.75 256 0 266.8 0 280v32c0 13.25 10.75 24 24 24h272c13.25 0 24-10.75 24-24v-32C320 266.8 309.2 256 296 256z"/>
    <path style="opacity: 0.5" d="M120 488C120 501.3 130.8 512 144 512h32c13.25 0 24-10.75 24-24V336h-80V488zM160 0C89.25 0 32 55.63 32 144C32 181.6 47.5 222 68.63 256h182.8C272.5 222 288 181.6 288 144C288 55.63 230.8 0 160 0zM160 244.9C139.1 222.1 112 178.6 112 144c0-39.5 18.38-64 48-64s48 24.5 48 64C208 178.6 180.9 222.1 160 244.9z"/>
</svg>
                    
<i class="fa-duotone fa-ankh"></i>

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

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