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

<font-awesome-icon icon="fa-duotone fa-abacus" />
<FontAwesomeIcon icon="fa-duotone fa-abacus" />
.my-icon {
    position: relative;
    font: var(--fa-font-duotone);
    font-style: normal;
}
.my-icon:before {
    position: absolute;
    content: "\f640";
    opacity:0.5
}
.my-icon:after {
    content: "\f640\f640";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="width: 30px;height: 30px;fill: black">
    <path d="M128 336h32V312H128V336zM528 32h-480C21.49 32 0 53.49 0 80v352C0 458.5 21.49 480 48 480h480c26.51 0 48-21.49 48-48v-352C576 53.49 554.5 32 528 32zM512 416l-64 .0002V384h-32v32h-128V384H256v32H160L160 384H128l0 32L64 416V240h64v24h32V240h96v24h32V240h128v96h32v-96h64V416zM512 208h-64v-32h-32v32h-128v-32H256v32H160v-32H128v32H64V96l63.1 .0002L128 128h32l0-31.1H256V128h32V96h128V128h32V96L512 96V208zM256 336h32V312H256V336z"/>
    <path style="opacity: 0.5" d="M176 264h-64C103.2 264 96 271.2 96 280v16c0 8.836 7.164 16 16 16h64c8.836 0 16-7.164 16-16v-16C192 271.2 184.8 264 176 264zM176 128l-64 0C103.2 128 96 135.2 96 144V160c0 8.836 7.164 16 16 16h64C184.8 176 192 168.8 192 160V144C192 135.2 184.8 128 176 128zM304 336h-64C231.2 336 224 343.2 224 352v16c0 8.836 7.164 16 16 16h64c8.836 0 16-7.164 16-16V352C320 343.2 312.8 336 304 336zM176 336h-64C103.2 336 96 343.2 96 352v16c0 8.836 7.164 16 16 16h64c8.836 0 16-7.164 16-16V352C192 343.2 184.8 336 176 336zM464 128l-64 0C391.2 128 384 135.2 384 144V160c0 8.836 7.164 16 16 16h64C472.8 176 480 168.8 480 160V144C480 135.2 472.8 128 464 128zM304 264h-64C231.2 264 224 271.2 224 280v16c0 8.836 7.164 16 16 16h64c8.836 0 16-7.164 16-16v-16C320 271.2 312.8 264 304 264zM464 336h-64c-8.836 0-16 7.164-16 16v16c0 8.836 7.164 16 16 16h64c8.836 0 16-7.164 16-16V352C480 343.2 472.8 336 464 336zM304 128l-64 0C231.2 128 224 135.2 224 144V160c0 8.836 7.164 16 16 16h64C312.8 176 320 168.8 320 160V144C320 135.2 312.8 128 304 128z"/>
</svg>
                    
<i class="fa-duotone fa-abacus"></i>

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

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