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

<font-awesome-icon icon="fa-duotone fa-alt" />
<FontAwesomeIcon icon="fa-duotone fa-alt" />
.my-icon {
    position: relative;
    font: var(--fa-font-duotone);
    font-style: normal;
}
.my-icon:before {
    position: absolute;
    content: "\e08a";
    opacity:0.5
}
.my-icon:after {
    content: "\e08a\e08a";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" style="width: 30px;height: 30px;fill: black">
    <path d="M416 416c0 17.69 14.31 32 32 32h160c17.69 0 32-14.31 32-32s-14.31-32-32-32h-160C430.3 384 416 398.3 416 416z"/>
    <path style="opacity: 0.5" d="M608 128h-144.6L217 436C210.9 443.6 201.7 448 192 448H32c-17.69 0-32-14.31-32-32s14.31-32 32-32h144.6L423 76C429.1 68.41 438.3 64 448 64h160c17.69 0 32 14.31 32 32S625.7 128 608 128z"/>
</svg>
                    
<i class="fa-duotone fa-alt"></i>

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

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