RTL support

Iconify does not transform icons for RTL languages because it requires adding code to stylesheet. Iconify doesn't add anything to stylesheet because it might interfere with existing code.

To automatically transform icons add this to your stylesheet:

html[dir="rtl"] svg.iconify {
    transform: scaleX(-1);
}

However be aware that that code will change all icons. If you want to change only specific icon, add something like this:

/* transform ant-design:code-outline */
html[dir="rtl"] svg[data-icon="ant-design:code-outline"] {
    transform: scaleX(-1);
}

/* transform all icons that contain "left" or "right", such as "mdi:hand-pointing-left" */
html[dir="rtl"] svg[data-icon*="left"],
html[dir="rtl"] svg[data-icon*="right"] {
    transform: scaleX(-1);
}

See attribute selectors article on MDN web docs to understand how attribute selectors work. Do not use case insensitive selector that you will find in MDN documentation because Microsoft browsers do not support it.

If you have many icons you want to transform when your website is using RTL language, but you do not want to transform all icons, you can add custom class to icon instead of making selectors for each icon:

html[dir="rtl"] svg.iconify.can-transform {
    transform: scaleX(-1);
}
<span class="iconify can-transform" data-icon="mdi:arrow-left"></span>