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

<font-awesome-icon icon="fa-duotone fa-album" />
<FontAwesomeIcon icon="fa-duotone fa-album" />
.my-icon {
    position: relative;
    font: var(--fa-font-duotone);
    font-style: normal;
}
.my-icon:before {
    position: absolute;
    content: "\f89f";
    opacity:0.5
}
.my-icon:after {
    content: "\f89f\f89f";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 30px;height: 30px;fill: black">
    <path d="M384 32C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H384zM224 416C312.4 416 384 344.4 384 256C384 167.6 312.4 96 224 96C135.6 96 64 167.6 64 256C64 344.4 135.6 416 224 416z"/>
    <path style="opacity: 0.5" d="M64 256C64 167.6 135.6 96 224 96C312.4 96 384 167.6 384 256C384 344.4 312.4 416 224 416C135.6 416 64 344.4 64 256zM224 288C241.7 288 256 273.7 256 256C256 238.3 241.7 224 224 224C206.3 224 192 238.3 192 256C192 273.7 206.3 288 224 288z"/>
</svg>
                    
<i class="fa-duotone fa-album"></i>

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

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