فونت آوسام

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

e2df 
<font-awesome-icon icon="fa-duotone fa-aperture" />
<FontAwesomeIcon icon="fa-duotone fa-aperture" />
.my-icon {
    position: relative;
    font: var(--fa-font-duotone);
    font-style: normal;
}
.my-icon:before {
    position: absolute;
    content: "\e2df";
    opacity:0.5
}
.my-icon:after {
    content: "\e2df\e2df";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 30px;height: 30px;fill: black">
    <path d="M0 256c0 22.14 3.105 43.51 8.391 64h173.7l-127.8-221.3C20.4 142.1 0 196.6 0 256zM324.4 9.523L237.5 160h255.7C463.6 86.94 401.3 30.83 324.4 9.523zM220.6 509.3C232.2 510.9 243.1 512 256 512c69.86 0 133.1-28.05 179.3-73.42l-86.93-150.6L220.6 509.3z"/>
    <path style="opacity: 0.5" d="M187.6 502.5L274.5 352H18.78C48.38 425.1 110.7 481.2 187.6 502.5zM76.69 73.42l86.93 150.6l127.7-221.3C279.8 1.119 268 0 256 0C186.1 0 122.9 28.05 76.69 73.42zM503.6 192h-173.7l127.8 221.3C491.6 369.9 512 315.4 512 256C512 233.9 508.9 212.5 503.6 192z"/>
</svg>
                    
<i class="fa-duotone fa-aperture"></i>

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

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