فونت آوسام

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

f8f5 
<font-awesome-icon icon="fa-duotone fa-alien" />
<FontAwesomeIcon icon="fa-duotone fa-alien" />
.my-icon {
    position: relative;
    font: var(--fa-font-duotone);
    font-style: normal;
}
.my-icon:before {
    position: absolute;
    content: "\f8f5";
    opacity:0.5
}
.my-icon:after {
    content: "\f8f5\f8f5";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 30px;height: 30px;fill: black">
    <path d="M224 .0001c-123.8 0-224 87.99-224 232.5c0 111.7 134.2 224.5 194.9 269.9c17.25 12.87 41 12.87 58.25 0C313.8 456.1 448 344.2 448 232.5C448 87.99 347.8 .0001 224 .0001zM176 319.1h-32c-44.12 0-80-35.87-80-79.1c0-8.874 7.125-15.1 16-15.1h32c44.12 0 80 35.87 80 79.99C192 312.9 184.9 319.1 176 319.1zM304 319.1h-32c-8.875 0-16-7.125-16-15.1c0-44.12 35.88-79.99 80-79.99h32c8.875 0 16 7.124 16 15.1C384 284.1 348.1 319.1 304 319.1z"/>
    <path style="opacity: 0.5" d="M112 223.1h-32c-8.875 0-16 7.126-16 15.1c0 44.12 35.88 79.1 80 79.1h32c8.875 0 16-7.124 16-15.1C192 259.9 156.1 223.1 112 223.1zM368 223.1h-32c-44.13 0-80 35.87-80 79.99c0 8.875 7.125 15.1 16 15.1h32c44.13 0 80-35.87 80-79.1C384 231.1 376.9 223.1 368 223.1z"/>
</svg>
                    
<i class="fa-duotone fa-alien"></i>

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

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