How to rtl svg mirroring: which icons to mirror and which to keep
- Step 1Look up your icon category — Find the icon type in the reference table below (available in the full guide). The table lists category, classification (mirror/no-mirror/redesign), and the reasoning.
- Step 2Apply the classification to your manifest — Update your icon manifest JSON file with the mirror property based on the reference. Icons marked redesign need to be flagged for manual design review.
- Step 3Run the batch generator — Feed the manifest into the batch RTL generation script. Only icons with mirror: true are sent to the API. The script outputs a summary showing which icons were mirrored and which were skipped.
Frequently asked questions
Should a back arrow icon be mirrored for RTL?+
Yes. In LTR context a back arrow points left. In RTL context, 'back' means going to the right visually, so the arrow should point right. Always mirror navigation arrows to match the reading direction.
Should a share icon (the box-with-arrow-up) be mirrored?+
No. The share icon's arrow points up, which is not directional in a reading-direction sense. It represents 'send outward' — a universal concept. Do not mirror share, upload, or download icons.
Should a settings/gear icon be mirrored?+
No. Gear icons are rotationally symmetric and have no inherent left-right directionality. The same applies to most UI state icons: loading spinners, checkmarks, radio buttons, and toggle switches.
Should a text-alignment icon be mirrored?+
Text alignment icons (align-left, align-right, align-center) should not be mirrored — they should be swapped. In RTL context, 'align-right' becomes the default alignment icon. This requires a redesign, not a simple flip.
Privacy first
Every JAD SVG tool runs entirely in your browser using the DOM API and Canvas. Your SVG files never leave your device — verified by zero outbound network requests during processing.