آیکن Align Slash فونت آوسام - نازک

<font-awesome-icon icon="fa-thin fa-align-slash" />
<FontAwesomeIcon icon="fa-thin fa-align-slash" />
.my-icon::before {
    font: var(--fa-font-thin);
    content: "\f846";
}
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" style="width: 30px;height: 30px;fill: black">
    <path d="M636.1 497.7C640.4 500.5 641 505.5 638.3 508.1C635.5 512.4 630.5 513 627 510.3L3.022 14.26C-.4365 11.51-1.012 6.481 1.738 3.022C4.487-.4365 9.52-1.012 12.98 1.738L636.1 497.7zM274.7 311.1L295 328H103.1C99.58 328 95.1 324.4 95.1 319.1C95.1 315.6 99.58 311.1 103.1 311.1H274.7zM527.4 328L507.1 311.1H536C540.4 311.1 544 315.6 544 319.1C544 324.4 540.4 328 536 328H527.4zM536 199.1H365.3L344.1 183.1H536C540.4 183.1 544 187.6 544 191.1C544 196.4 540.4 199.1 536 199.1zM103.1 199.1C99.58 199.1 95.1 196.4 95.1 191.1C95.1 187.6 99.58 183.1 103.1 183.1H112.6L132.9 199.1H103.1zM544 63.1C544 68.42 540.4 71.1 536 71.1H203.1L182.9 55.1H536C540.4 55.1 544 59.58 544 63.1V63.1zM103.1 456C99.58 456 95.1 452.4 95.1 448C95.1 443.6 99.58 440 103.1 440H436.9L457.1 456H103.1z"/>
</svg>
                    
<i class="fa-thin fa-align-slash"></i>

نحوه استفاده از آیکن Align Slash حالت نازک

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