@chaitrabhairappa/react-native-rich-text-editor 3.0.0 → 3.2.0

package/ios/ToolbarIcons.swift

@@ -1,760 +1,61 @@
 import UIKit
 
-/// Provides vector icons for the rich text editor toolbar
-/// Icons match the Android VectorDrawable implementations for cross-platform consistency
+/// Provides toolbar icons as pre-rendered PNG images (base64-encoded).
+/// Icons are identical to those used on Android for cross-platform consistency.
+/// All icons are rendered from the same SVG path data at 72x72px (3x density).
 class ToolbarIcons {
 
-    static func getIcon(for option: String, color: UIColor, size: CGSize = CGSize(width: 24, height: 24)) -> UIImage? {
-        switch option {
-        case "bold": return drawBoldIcon(color: color, size: size)
-        case "italic": return drawItalicIcon(color: color, size: size)
-        case "underline": return drawUnderlineIcon(color: color, size: size)
-        case "strikethrough": return drawStrikethroughIcon(color: color, size: size)
-        case "code": return drawCodeIcon(color: color, size: size)
-        case "highlight": return drawHighlightIcon(color: color, size: size)
-        case "heading": return drawHeadingIcon(color: color, size: size)
-        case "bullet": return drawBulletListIcon(color: color, size: size)
-        case "numbered": return drawNumberedListIcon(color: color, size: size)
-        case "quote": return drawQuoteIcon(color: color, size: size)
-        case "checklist": return drawChecklistIcon(color: color, size: size)
-        case "mediaAttachment": return drawMediaAttachmentIcon(color: color, size: size)
-        case "link": return drawLinkIcon(color: color, size: size)
-        case "undo": return drawUndoIcon(color: color, size: size)
-        case "redo": return drawRedoIcon(color: color, size: size)
-        case "clearFormatting": return drawClearFormattingIcon(color: color, size: size)
-        case "indent": return drawIndentIcon(color: color, size: size)
-        case "outdent": return drawOutdentIcon(color: color, size: size)
-        case "alignLeft": return drawAlignLeftIcon(color: color, size: size)
-        case "alignCenter": return drawAlignCenterIcon(color: color, size: size)
-        case "alignRight": return drawAlignRightIcon(color: color, size: size)
-        default: return nil
-        }
-    }
-
-    // MARK: - Icon Drawing Methods
-
-    private static func drawBoldIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            path.move(to: CGPoint(x: 15.6 * scale, y: 10.79 * scale))
-            path.addCurve(to: CGPoint(x: 17.25 * scale, y: 8 * scale),
-                         controlPoint1: CGPoint(x: 16.57 * scale, y: 10.12 * scale),
-                         controlPoint2: CGPoint(x: 17.25 * scale, y: 9.02 * scale))
-            path.addCurve(to: CGPoint(x: 13.25 * scale, y: 4 * scale),
-                         controlPoint1: CGPoint(x: 17.25 * scale, y: 5.74 * scale),
-                         controlPoint2: CGPoint(x: 15.5 * scale, y: 4 * scale))
-            path.addLine(to: CGPoint(x: 7 * scale, y: 4 * scale))
-            path.addLine(to: CGPoint(x: 7 * scale, y: 18 * scale))
-            path.addLine(to: CGPoint(x: 14.04 * scale, y: 18 * scale))
-            path.addCurve(to: CGPoint(x: 17.75 * scale, y: 14.21 * scale),
-                         controlPoint1: CGPoint(x: 16.13 * scale, y: 18 * scale),
-                         controlPoint2: CGPoint(x: 17.75 * scale, y: 16.51 * scale))
-            path.addCurve(to: CGPoint(x: 15.6 * scale, y: 10.79 * scale),
-                         controlPoint1: CGPoint(x: 17.75 * scale, y: 12.69 * scale),
-                         controlPoint2: CGPoint(x: 16.89 * scale, y: 11.39 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 10 * scale, y: 6.5 * scale))
-            path.addLine(to: CGPoint(x: 13 * scale, y: 6.5 * scale))
-            path.addCurve(to: CGPoint(x: 14.5 * scale, y: 8 * scale),
-                         controlPoint1: CGPoint(x: 13.83 * scale, y: 6.5 * scale),
-                         controlPoint2: CGPoint(x: 14.5 * scale, y: 7.17 * scale))
-            path.addCurve(to: CGPoint(x: 13 * scale, y: 9.5 * scale),
-                         controlPoint1: CGPoint(x: 14.5 * scale, y: 8.83 * scale),
-                         controlPoint2: CGPoint(x: 13.83 * scale, y: 9.5 * scale))
-            path.addLine(to: CGPoint(x: 10 * scale, y: 9.5 * scale))
-            path.addLine(to: CGPoint(x: 10 * scale, y: 6.5 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 13.5 * scale, y: 15.5 * scale))
-            path.addLine(to: CGPoint(x: 10 * scale, y: 15.5 * scale))
-            path.addLine(to: CGPoint(x: 10 * scale, y: 12.5 * scale))
-            path.addLine(to: CGPoint(x: 13.5 * scale, y: 12.5 * scale))
-            path.addCurve(to: CGPoint(x: 15 * scale, y: 14 * scale),
-                         controlPoint1: CGPoint(x: 14.33 * scale, y: 12.5 * scale),
-                         controlPoint2: CGPoint(x: 15 * scale, y: 13.17 * scale))
-            path.addCurve(to: CGPoint(x: 13.5 * scale, y: 15.5 * scale),
-                         controlPoint1: CGPoint(x: 15 * scale, y: 14.83 * scale),
-                         controlPoint2: CGPoint(x: 14.33 * scale, y: 15.5 * scale))
-            path.close()
-
-            path.fill()
-        }
-    }
-
-    private static func drawItalicIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            path.move(to: CGPoint(x: 10 * scale, y: 4 * scale))
-            path.addLine(to: CGPoint(x: 10 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 12.21 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 8.79 * scale, y: 15 * scale))
-            path.addLine(to: CGPoint(x: 6 * scale, y: 15 * scale))
-            path.addLine(to: CGPoint(x: 6 * scale, y: 18 * scale))
-            path.addLine(to: CGPoint(x: 14 * scale, y: 18 * scale))
-            path.addLine(to: CGPoint(x: 14 * scale, y: 15 * scale))
-            path.addLine(to: CGPoint(x: 11.79 * scale, y: 15 * scale))
-            path.addLine(to: CGPoint(x: 15.21 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 18 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 18 * scale, y: 4 * scale))
-            path.close()
-            path.fill()
-        }
-    }
-
-    private static func drawUnderlineIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            // U shape
-            path.move(to: CGPoint(x: 12 * scale, y: 17 * scale))
-            path.addCurve(to: CGPoint(x: 18 * scale, y: 11 * scale),
-                         controlPoint1: CGPoint(x: 15.31 * scale, y: 17 * scale),
-                         controlPoint2: CGPoint(x: 18 * scale, y: 14.31 * scale))
-            path.addLine(to: CGPoint(x: 18 * scale, y: 3 * scale))
-            path.addLine(to: CGPoint(x: 15.5 * scale, y: 3 * scale))
-            path.addLine(to: CGPoint(x: 15.5 * scale, y: 11 * scale))
-            path.addCurve(to: CGPoint(x: 12 * scale, y: 14.5 * scale),
-                         controlPoint1: CGPoint(x: 15.5 * scale, y: 12.93 * scale),
-                         controlPoint2: CGPoint(x: 13.93 * scale, y: 14.5 * scale))
-            path.addCurve(to: CGPoint(x: 8.5 * scale, y: 11 * scale),
-                         controlPoint1: CGPoint(x: 10.07 * scale, y: 14.5 * scale),
-                         controlPoint2: CGPoint(x: 8.5 * scale, y: 12.93 * scale))
-            path.addLine(to: CGPoint(x: 8.5 * scale, y: 3 * scale))
-            path.addLine(to: CGPoint(x: 6 * scale, y: 3 * scale))
-            path.addLine(to: CGPoint(x: 6 * scale, y: 11 * scale))
-            path.addCurve(to: CGPoint(x: 12 * scale, y: 17 * scale),
-                         controlPoint1: CGPoint(x: 6 * scale, y: 14.31 * scale),
-                         controlPoint2: CGPoint(x: 8.69 * scale, y: 17 * scale))
-            path.close()
-
-            // Underline
-            path.move(to: CGPoint(x: 5 * scale, y: 19 * scale))
-            path.addLine(to: CGPoint(x: 5 * scale, y: 21 * scale))
-            path.addLine(to: CGPoint(x: 19 * scale, y: 21 * scale))
-            path.addLine(to: CGPoint(x: 19 * scale, y: 19 * scale))
-            path.close()
-
-            path.fill()
-        }
-    }
-
-    private static func drawStrikethroughIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            // Top part
-            path.move(to: CGPoint(x: 10 * scale, y: 19 * scale))
-            path.addLine(to: CGPoint(x: 14 * scale, y: 19 * scale))
-            path.addLine(to: CGPoint(x: 14 * scale, y: 16 * scale))
-            path.addLine(to: CGPoint(x: 10 * scale, y: 16 * scale))
-            path.close()
-
-            // S shape top
-            path.move(to: CGPoint(x: 5 * scale, y: 4 * scale))
-            path.addLine(to: CGPoint(x: 5 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 10 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 10 * scale, y: 10 * scale))
-            path.addLine(to: CGPoint(x: 14 * scale, y: 10 * scale))
-            path.addLine(to: CGPoint(x: 14 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 19 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 19 * scale, y: 4 * scale))
-            path.close()
-
-            // Strike line
-            path.move(to: CGPoint(x: 3 * scale, y: 14 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 14 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 12 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 12 * scale))
-            path.close()
-
-            path.fill()
-        }
-    }
-
-    private static func drawCodeIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            // Left bracket <
-            path.move(to: CGPoint(x: 9.4 * scale, y: 16.6 * scale))
-            path.addLine(to: CGPoint(x: 4.8 * scale, y: 12 * scale))
-            path.addLine(to: CGPoint(x: 9.4 * scale, y: 7.4 * scale))
-            path.addLine(to: CGPoint(x: 8 * scale, y: 6 * scale))
-            path.addLine(to: CGPoint(x: 2 * scale, y: 12 * scale))
-            path.addLine(to: CGPoint(x: 8 * scale, y: 18 * scale))
-            path.close()
-
-            // Right bracket >
-            path.move(to: CGPoint(x: 14.6 * scale, y: 16.6 * scale))
-            path.addLine(to: CGPoint(x: 19.2 * scale, y: 12 * scale))
-            path.addLine(to: CGPoint(x: 14.6 * scale, y: 7.4 * scale))
-            path.addLine(to: CGPoint(x: 16 * scale, y: 6 * scale))
-            path.addLine(to: CGPoint(x: 22 * scale, y: 12 * scale))
-            path.addLine(to: CGPoint(x: 16 * scale, y: 18 * scale))
-            path.close()
-
-            path.fill()
-        }
-    }
-
-    private static func drawHighlightIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            // Marker body
-            path.move(to: CGPoint(x: 6 * scale, y: 14 * scale))
-            path.addLine(to: CGPoint(x: 9 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 9 * scale, y: 22 * scale))
-            path.addLine(to: CGPoint(x: 15 * scale, y: 22 * scale))
-            path.addLine(to: CGPoint(x: 15 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 18 * scale, y: 14 * scale))
-            path.addLine(to: CGPoint(x: 18 * scale, y: 9 * scale))
-            path.addLine(to: CGPoint(x: 6 * scale, y: 9 * scale))
-            path.close()
-
-            // Top line
-            path.move(to: CGPoint(x: 11 * scale, y: 2 * scale))
-            path.addLine(to: CGPoint(x: 13 * scale, y: 2 * scale))
-            path.addLine(to: CGPoint(x: 13 * scale, y: 5 * scale))
-            path.addLine(to: CGPoint(x: 11 * scale, y: 5 * scale))
-            path.close()
-
-            // Left ray
-            path.move(to: CGPoint(x: 3.5 * scale, y: 5.88 * scale))
-            path.addLine(to: CGPoint(x: 4.91 * scale, y: 4.47 * scale))
-            path.addLine(to: CGPoint(x: 7.03 * scale, y: 6.59 * scale))
-            path.addLine(to: CGPoint(x: 5.62 * scale, y: 8 * scale))
-            path.close()
-
-            // Right ray
-            path.move(to: CGPoint(x: 16.96 * scale, y: 6.59 * scale))
-            path.addLine(to: CGPoint(x: 19.08 * scale, y: 4.47 * scale))
-            path.addLine(to: CGPoint(x: 20.49 * scale, y: 5.88 * scale))
-            path.addLine(to: CGPoint(x: 18.37 * scale, y: 8 * scale))
-            path.close()
-
-            path.fill()
-        }
-    }
-
-    private static func drawHeadingIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            path.move(to: CGPoint(x: 5 * scale, y: 4 * scale))
-            path.addLine(to: CGPoint(x: 5 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 10.5 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 10.5 * scale, y: 19 * scale))
-            path.addLine(to: CGPoint(x: 13.5 * scale, y: 19 * scale))
-            path.addLine(to: CGPoint(x: 13.5 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 19 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 19 * scale, y: 4 * scale))
-            path.close()
-            path.fill()
-        }
-    }
-
-    private static func drawBulletListIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            // Bullets
-            path.append(UIBezierPath(ovalIn: CGRect(x: 2.5 * scale, y: 10.5 * scale, width: 3 * scale, height: 3 * scale)))
-            path.append(UIBezierPath(ovalIn: CGRect(x: 2.5 * scale, y: 4.5 * scale, width: 3 * scale, height: 3 * scale)))
-            path.append(UIBezierPath(ovalIn: CGRect(x: 2.5 * scale, y: 16.5 * scale, width: 3 * scale, height: 3 * scale)))
-
-            // Lines
-            path.move(to: CGPoint(x: 7 * scale, y: 19 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 19 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 7 * scale, y: 17 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 7 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 11 * scale))
-            path.addLine(to: CGPoint(x: 7 * scale, y: 11 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 7 * scale, y: 5 * scale))
-            path.addLine(to: CGPoint(x: 7 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 5 * scale))
-            path.close()
-
-            path.fill()
-        }
-    }
-
-    private static func drawNumberedListIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            // Draw numbers using text
-            let paragraphStyle = NSMutableParagraphStyle()
-            paragraphStyle.alignment = .left
-            let attrs: [NSAttributedString.Key: Any] = [
-                .font: UIFont.systemFont(ofSize: 8 * scale, weight: .medium),
-                .foregroundColor: color
-            ]
-
-            "1".draw(at: CGPoint(x: 3 * scale, y: 4 * scale), withAttributes: attrs)
-            "2".draw(at: CGPoint(x: 3 * scale, y: 10 * scale), withAttributes: attrs)
-            "3".draw(at: CGPoint(x: 3 * scale, y: 16 * scale), withAttributes: attrs)
-
-            // Lines
-            let path = UIBezierPath()
-            path.move(to: CGPoint(x: 7 * scale, y: 5 * scale))
-            path.addLine(to: CGPoint(x: 7 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 5 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 7 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 11 * scale))
-            path.addLine(to: CGPoint(x: 7 * scale, y: 11 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 7 * scale, y: 19 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 19 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 7 * scale, y: 17 * scale))
-            path.close()
-
-            path.fill()
-        }
-    }
-
-    private static func drawQuoteIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            // Left quote
-            path.move(to: CGPoint(x: 6 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 9 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 11 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 11 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 5 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 5 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 8 * scale, y: 13 * scale))
-            path.close()
-
-            // Right quote
-            path.move(to: CGPoint(x: 14 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 17 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 19 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 19 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 13 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 13 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 16 * scale, y: 13 * scale))
-            path.close()
-
-            path.fill()
-        }
-    }
-
-    private static func drawChecklistIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            // Lines
-            path.move(to: CGPoint(x: 22 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 13 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 13 * scale, y: 9 * scale))
-            path.addLine(to: CGPoint(x: 22 * scale, y: 9 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 22 * scale, y: 15 * scale))
-            path.addLine(to: CGPoint(x: 13 * scale, y: 15 * scale))
-            path.addLine(to: CGPoint(x: 13 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 22 * scale, y: 17 * scale))
-            path.close()
-
-            // Checkmarks
-            path.move(to: CGPoint(x: 5.54 * scale, y: 11 * scale))
-            path.addLine(to: CGPoint(x: 2 * scale, y: 7.46 * scale))
-            path.addLine(to: CGPoint(x: 3.41 * scale, y: 6.05 * scale))
-            path.addLine(to: CGPoint(x: 5.53 * scale, y: 8.17 * scale))
-            path.addLine(to: CGPoint(x: 9.77 * scale, y: 3.93 * scale))
-            path.addLine(to: CGPoint(x: 11.18 * scale, y: 5.34 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 5.54 * scale, y: 19 * scale))
-            path.addLine(to: CGPoint(x: 2 * scale, y: 15.46 * scale))
-            path.addLine(to: CGPoint(x: 3.41 * scale, y: 14.05 * scale))
-            path.addLine(to: CGPoint(x: 5.53 * scale, y: 16.17 * scale))
-            path.addLine(to: CGPoint(x: 9.77 * scale, y: 11.93 * scale))
-            path.addLine(to: CGPoint(x: 11.18 * scale, y: 13.34 * scale))
-            path.close()
-
-            path.fill()
-        }
-    }
+    private static let iconData: [String: String] = [
+        "bold": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAABvElEQVR4nO3aP0uXURjG8SvKpSgVaukl1BI1CM4u2Z/XUGtvQNwcBdFotEFEaCjaamhp7R+0REttFTRJZYMpBt845OL03IWd87s71wfOeg0XD4fznHNLZmZmZmZm9l/gcG0Cb4GHwA3gtLLj39oFVoEzyoo6PgNTyoh6fgDXlQ11bQOXlAn1vQfGlAVt3FIWxCwG1grwPJj3ETiiDAj4w7xZ4Gsg9qJ6LKgArgRi59VrQQXwYiD2rjovaHkg9pE6L2hlIPaxOi/o5UDsHfVaEHA1EHtNPRbE73K+DUR+SnOaJmYusG4Dr4J5N5UF9d1XJtT1BjipTKjnKTChbKhjB5hRRtS1BhxXJtRXDpDjyoI2yn50VBnQznxvN4qL+2sD+BLI/J7ivYyAv8gcBx4EoufUY0EFcAx4NhD9Wr0WVACXB6L3gBPquKBTgfjzGmW0L2haHRc0G4g/px4LAsaCD4mT6q0gYHJ/iGrIO406Du9GsawF4F7wZbVY1qijnZ8jv/80LmhdGdDGhxT/YUWDcrZSTZlRV3kPu6BMqHcnveRL+4PDmmUW8UkZtwPOtv4QzMzMzMzMzMzMzHTALzu/TlkIFz7bAAAAAElFTkSuQmCC",
+        "italic": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAABIElEQVR4nO3Xy0mDURRF4a1jjU34qkRCsBEJIdiIhBBsREKwEqM24WOsS2zgPwchg7j3N72zxYHNlSIiIiIiIsIGO6Z9RwINS6BCAhUSqJBAhQQqJFAhgf4IuG/Eu5EjYAS8F3F+30dyBNw2rudOjoAD4LmI8w2cyxFw3bieB7kCHhuBruQIOAO+ijgvwKEcAavG9UzlCDhuTPuH87TPG9ezkPG0bxvTfiFHwKRxPWu5AjaNQGM5ItM+DFg2rmcm42l/a0z7iRwBs8b1LGU87U+Nab+UI2DcuJ6NXAHrRqCJHAGnjV/7q/OvfdG4nrkcAUeNaf90nvZp43pW+q/YMe07EmhYAhUSqJBAhQQqJFAhgQoJFBEREREREREREbL3A+hWfBELhFT9AAAAAElFTkSuQmCC",
+        "underline": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAABxElEQVR4nO3XQUpbQRzH8T910era7ltBe41SeoWiJ6h4Cw+gySYU92nTVXuIiIQWcSNVz6AeIG7ylYG3kFLm91Ln4Tz5fSAQQpjf5Jf35s1EmJmZmZl1ibz9DvL2c4FRG1xQngsSXJDgggQXJLggwQUJLkhwQYILElyQ4IIEFyS4IMEFCS5IcEGCCxJckOCCBBckuCDBBQnAXaakgygMGGTy5lEb4DYz4UkHed8zeddRG+AsM+E/HeRdZvJOozbAN/I2C2a9E1njqA2wJyZ9WDBrKLI+R22ADWCRmfQceFMoJ/dAWJTI6QRwIv7ZU2DtEeO/An6JjGnUCthB+5F+6H+MvQr8bDH+p6gVsAJctPgR6Sp4u+Rt9bvFuOfAi6gZ8JF25s1iuyWeVkOx5jxce95HHwBHLCftaSbN7njQvL9acoxR9AXtFtOSZsDL6BPgdcv16LFSxnr0EbDe8ZU06205f91uXwoXkxbkUe9uqxzgQzq0FijnvDdPq2WlPQqwDRyLY8m/rphp2gRWv88pJW0UgV3ga3MEuW32O+l103w2br5T59nKzMzs+aInXJDgggQXJLggwQUJT/soMzMzM7N4ju4BPDGZUVsSfzcAAAAASUVORK5CYII=",
+        "strikethrough": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAdUlEQVR4nO3VwQ2AQAzAsO6/dNmAiBc6sEfIJzMAAAAcZQ8hUBAoCBQECgIFgYJAQaAwJ9qH5m9WoHsCBYGCQEGgIFAQKAgEAEcu+RQCBYGCQEGgIFB4d30A8Fn70PzNCnRPoCBQECgIFAQKAgWBAAAAAOYNF59/SnvOM5yQAAAAAElFTkSuQmCC",
+        "code": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAABGklEQVR4nO3ZMU7DQBgF4a3TIYHETVPapQ9HQ8N1BkWQIlKUAPHu/k/Md4Dn3ZGVIm5NkiRJkiRJkkoAVmBL3e+Kr8OfbWn7XXF5+N0v0Xu/K64ffrdL9N7vituHP3kHDg/sH743bllbcJznHZ7zBLzdedb2L+NERmJwnKhITIoTEYnJcUpHokickpEoFqdUJIrGKRGJ4nGmRiIkzpRIhMUZGonQOEMipcfpHgk43hn9AF5bccDLD/4BWP46fkyO1DVOeiRGxEmNNDROWqQpcVIiTY1TPVKJOFUjlYpTLVLJOFUilY4zO1JEnFmRouKMjhQZ58xPz4+/SUv1/SG4foklZX8ILi+xpO2P/E1aU/clSZIkSZIkqf3KJ7XdjUR0XLs+AAAAAElFTkSuQmCC",
+        "highlight": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAABeUlEQVR4nO3UTUrEQBRF4Wfj1J/dOHMuuAAHoiC4BoeuQxHRrYiCuCWVIw0GGjX1ukkquYn3W0DVy6HyIszMzKwDWnQ5c1ZwoDIHSjhQwoESDvQfAwHHwI56IGAfOOrjrE0uPQE+gBdgVzUQsAe8fs962vW8TeM0eonUt5U4jfqR+B1HMtIfcepHAg6BT9o997WTetg5b4U534GDGhcvgIfCxaO/pMLLWXW3/JZaAyyAx2SAp2oDlGfbXiPOLbBVe5BF4SUtf8HzqgOUZ7sorIF6L2fNSKPGSSINF6clkkSclkjDx/kR6R44CzHAJXBTfeeYmQTEhBrEhBrEhBrEhBrEhBrEhBrEhBrEhBrEhBrEhBrEhBrEhBrEhBrEhBrEhBrgCh3XoQiNSJpxRCJpxxk50jTijBRpWnEGjjTNOANFmnacypHmEadSpHnFafRVJ+YKBypzoIQDJRwo4UAJB0o4UMKBEg6UcKCEAyUcKOFACQcyMzOLAX0B6ECHyn/I8bMAAAAASUVORK5CYII=",
+        "heading": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAhUlEQVR4nO3QsQ2AQBADwSudzg/RAJshvZiJnXhnAAAAOMoeQqAgUBAoCBQECgIFgYJAYU61u1edezbzVyvQO4GCQEGgIFAQKAgUBAoCBYGCQEGgIFAQKAgUBAoCBYGCQEGgIFAQKAgUBAoCBYGCQEGgIFAQKAgUBAoCBYGCQAAAAADztRu2Ullm5rngbwAAAABJRU5ErkJggg==",
+        "bullet": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAABG0lEQVR4nO3aXW7CMBBFYa8AWAwEuqsSFoYotCzvVJbSpzixpUYKxueT8hSRsSbk72pCkCRJkiSpVsAH0ANn4LT2el4GsAOejH3HfaF1pJvz5zHxmyosdVnlHFtu0KWgTm+D5p1bbtCpoE7XbIOi4Wk15R4SqERY8DH/SBz/DmwXKfIOgG54SfwEDmuvR5IkSS8CE8XJxuxMFOf/Oc+Z7z0TRfJMFDNMFDNMFDNMFJlmooiJYvGLYmeiKEmSpBFMFNOALfCT+A6LAw0OLzA//vI10dQq/PtGgQNU2QZdCk5E04liX1Cn6UTxWFBnNExFKw2K4o14psY1JFCJsARgA9wSx7/GfYsUeQfAYZhPjNt+7fVIkiRJkhRa9QtNmk8JUv9uigAAAABJRU5ErkJggg==",
+        "numbered": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAABDklEQVR4nO3XsU3EMBhAYReIDokNKFiHillArMAEVCxCxQwUzEBBfR3o0URgieRsnxPEf36flC7+o7wkSpKSJEmSJOnfYEGSgap4BzWg8REjiJYGBupBY3WC6IpioAY0VieIlgYG6sEW1Y8JBjKQJEkD+dNP9YgM1B9oV5oxFOACeJvifALXe/YNYc04Z8BLNvumsH8Ia8U5AZ6yuY8Va4YK9JDNfAZODfQT5zaL8wqcV0YNoffOuQI+plnvwGXD2iEC7TY9QHSbX4HoDCRJ0tHyNV9goAIDHYiKXw2COLTB3AnfZVvxAAwYaJaBJvN5DPQNuM82A+2DgX6HWJJGtlglk0ZGhSRJkiRJUlrfF/qJCMx4HPSsAAAAAElFTkSuQmCC",
+        "quote": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAsklEQVR4nO3S0QkCURAEwQvNzA1tzOCdHzYqVAXQ7MBeFwAAAAAA8P/2Id/q5xYPqPu5xQPqfm7xgLqfWzyg7ucWD6j7ucUD6n5u8YC6n1s8oO7nFg+o+7nFA+p+bvGAup9bPKDu5xYPqPu5xQPqfm7xgLqfWzyg7ucWD6j7X7ft8cb9z1/t57Y93xjw+NV+ar7nzPcc+J4bvufA99zwPQe+54bvOfA9N3wPAAAAAABwlV6W3Lr8+te/TgAAAABJRU5ErkJggg==",
+        "checklist": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3ZzUkDQQBH8fHsJdiCJ78gQUsSLMUCPGktYgEe7EEvagixAn2ymIUo7MxkNya7mfc7m3XymITAPwRJkiRJ2g3A/rbP0FvAJfAMHG77LH2N88mPFyM1x6kZKRLHSBlxKm/AcSgR6TjvwEkYOmACXAN7K7zmCviKxHkFjsLQAWNgtnhTdzmRSro546U45ETKjHMadjRONNK647BBbQLdJ555sxwp4ztn5Y8VPQ80Ah4Tz72tImXcnClw1uIM/Q20OOAB8JR49kPi5kzbfufQ90Ar3KS13pwaG9T2jF0idYqz+L8b0+WcbSJ1jjNI5EWaA+ehVMQjlR0nEck4kUgfwMWvP1CofydVv7gn9pB6A3exZu5iEe5iEe5iEe5iEe5iESWtGxN3seY4Y3exvDg1d7FInJq7mLtYgrtYBtzFsiKN3MX+J9LUXayZu1hE2esG7mKtI82Lvjl/uYtlwF1MkiRJkiQpDMw3gf9lg/avHogAAAAASUVORK5CYII=",
+        "mediaAttachment": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAACF0lEQVR4nO2bL08cQRiH99JAQyowGAqpqMW1HwDNBwBJSHD8qeELVKAraiuQTV01njsI0GAwVU0q6po0B6kg8JBJN4Rcjntndt8ru8Pv8e+ffTL37mRnriiEEEIIIYSoC/Ac2AYOgQvaQ+i1B2wBk+OSMwec0X6+AS/HsXLOyIdT15UEvCM/Nj0FHZEfPU9BffKj7ykoSyTIQIIMJMhAggwkyECCDCTIQIIMJMhAggwkyECCDCTIQIIMJMhAggwkyECCDCTIQIKemKA+sOx55J2boJWylzWvhDkJ+jDQz55H0lwEdQfP0YEXwHlOgk4qxv166CYGsFB3HjVF0D7wDPicGHcFLBp9rbVd0A9gpswxlXgJYieyt722CvoLvB3IMwv8jIj9CnQie6s8jx5b0PoDud4AlyPivgPTif1VmkePKeiTkS9s+G6GxIWHXKjYY/I8qixkSPEUwlW9qYicu0NiV2v2mTSP6tQaLBzLb+B1ZM4O8OVe7EeHPpPmUd16d0TWuwaWigTKN9txea3Y5VJlyjzyqJci6H1RAeAVMF8ltu488iwYtRksGkTMPPIsFrUZbBIx88izWPRmsElY88izUNJmsEmMmkeeRbJEggwk6D8K6pMffzwFHZIfXU9BW+THhqegyfKferkQvpFPuAkKhI/nmUgKcmaLccC/lbRZHsW0aXCHXg/Cz8p95QghhBBCiOJJcgtCLsL+N1x3iwAAAABJRU5ErkJggg==",
+        "link": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAACPElEQVR4nO3ZTU4UQRjG8RIW4gXEszjBOxg9g6BrYLbGYOLH6DVIPIRAIpkroBudYQOcwCE6f1Pysuuq6Y+3e6bJ80tm+9bT73RXVVeHICIiIiIiIiIiIiIi/QesA1vACBgDl8A1FWXqV3VtGcaWKWZb77Yr4X/wB8DQwjSWGcdDzLgfM3fVnOfAOY5abtCtKfCszcbcA14Dc+fgXTUIy/4OWPNuzhpwSEs6bNCtQ9cmAW9LDPoHOAOOgS9VfplxK9WxsWOGvyXyHnjOOfPMQD+BbeBhWBExC7ADTDK5543nJG5Wq9yE/B64H1YUsGHLfUps4EaTAYaZ4i9CT9gdnrLXZBN4mbpzQs9k7qSLWhM28CQz56zsY7XgcfuVuKZBnYKfEsW2Q08BLxPX9LFOsXFBobh8blas06oaq1vRFuBbnQZdFRQ6q1FnZRpkeX4UlLkINQrNCgp9vQMNOioo89urQUd3oEHHXg26KiikR6zEJP2oYqNbVTHLpuckPUpk2gk9BbxKXNOHOsW2EsXOOzud898opl5eH3u/aoxCzwCfXV81rOg+ab3ZUdvRR8pu0+OOaab4qNFxQcssf+rOaX7cEcVDpQUHZhN7x6n0CtKmuNLahJz7c+M1PfUa8IDF4vL5HThZ4pHriWUoc+T6xqU5kQ7ty3/2GeqzT7k5aYqjzFieJm5zTslN157tIVa9QTHj7lJWW24+KA7iVh04tTCzJTZoZhlOLdPA/SuqiIiIiIiIiIiIiIiEpfgHLFVfxDn1QdwAAAAASUVORK5CYII=",
+        "undo": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAACP0lEQVR4nO3YTahMYRgH8HN9Jm5XLJC7sFEiNxtJ+VzISpKVYoGFjRQWUsjSgmSFtYWUZGFFUnchoZsklAUllOSGJC73p8MpX3NmzMy5M2em51ezO+/7/ufpnPc8502SEEIIIYQQQgghhBBCCCGEEMIPOJwUDPOxAydwBY/wCu/wEL1Jp/DTgSbnGIdVOIsXaruAnqQT+GVfA2N7sR/P1G9v0gn8Mord/zlmCo5gWOO+YGVSdv6UFmlXjes34alivMScpMz8q2KRsscp3WOKdhOTkrJS2Tds++2aRXhi7JzB0mydWUmZyPcVW7C2yb2mEWk7cAensBl9ZSxQagSftd8nXMKGtKUoU4HK6HHWhI6PAlV3D2viDqpuNHuzTu3GR2wk68DvYhC3cT/boOuVjpvX6QUaxjnsxEJMrJJpNjbiZB2fMa+xvBMLdCPrvic3mK8Hq3Ex68+qeY8VnVKgQSwrOOsArtZY90PadBa5aNHeYmthAStn3l5jr0qPXPqLWqzo76q5hQSrnXtB1hPluYUJRSxUlAeN7jNNZJ+ZvQXzHC1ikSI1H6j+/H3Zaz6vlVjc7AK6oEj92Zl3JdeanVyXFGldlTZgfTMT66Iinc7Jcr2ZSXVLkTADb3KyLGl00rF2rPBKVP8/h3JyHG90wlZo2Z2E6fhYIcPzhg7btE7L7qTso7iSgVZlKLXsaLaSPe3OVgqYlnOWfr7d2UoDQxUKNNTuXKWBg2kX/dfvcrtzhRBCCCGEEEIIIYSQlNV3D0IwYRMB14IAAAAASUVORK5CYII=",
+        "redo": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAACJ0lEQVR4nO3XzYtNYRzA8TGGBWpSbJSNBVaMha1iISywsbWckn/CRpGiGAsv2aNQRlIslFjIxsLLioWXFPK28vbRaZ6FNOOec895zjn0+9RsptvzPPd7zzn3/kZGQgghhBBCCCGEEEIIIYQQ+gIHuj5Dr+NA1+fodZxeBMICbMQ+nMINPMF7fEnn/IQ36f/XcSK9fh1Gc8XpLBCWYC8u4qN6PuAC9mBRk3FaD2TmEz+Hz/Io1j2JNU3EaS0QJnAVP7Wj2OcS1taJkz0QluMMfujGt3RFjQ8Tp5Azzna81A+vsatqnEKOMAvTp9ZHRzFWNk4hxy11p8Yb+I5H6XlVRD7021/xE+Aanta8ZW/hcNkXNxlnJR4PceDnOIItxdd/yb3G0y08hVcyajLOs4rfMjexG/Nr7j2KnWm9/gXCsnRblFXcgutrbzz7WTbhXm8CmRkTbpfcqxgdJjGvsSJzX1H703jSeaBjJfe5jxWNVSh3ttV42Fkg7Ci5x+W6M1KNMx7sJBCW4kWJ9aeanrYrnLHU75xcgaZKrD1d9xuq6zhDBSoGQHwdsO4DLM7y7luMM2yg8wPWfNf2AzlXnMqBsCqNA38zma1Ay3EKVQ9xfMB6d7t4KOeKUylQmtLfDhgfJrKWaDlO1UAb0vNlLleyluggTmGY0WIbzs5yNW3OVqKjOJUD/XHAMWzF6TRKjP5vcWoFCiGEEEIIIYQQQgghhBBCCGHk3/cLZTX3NeIaKrMAAAAASUVORK5CYII=",
+        "clearFormatting": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB2klEQVR4nO3bzS4DURTA8YPYSLDyCNh4DkktSXwUC0sSHoUQz6AbW/UgNsKStQQ7X3+ZILHQe087d3DPPf91Z9r+ctsznemIeJ7neZ7neZ7neZ7nlRUwCnSA1cjjbsmg1DgjwMnnvl+AzcBjp3NAagoHK0gpgTo9nqNCWssVKSXQIvAUQNrIESkZkFUkSR3GkJIDWUOSpsIIUmNAdZFCAfuK97YtOURiJGAMuIvgPAATkkskRAJ2FKvnQHKLREjARQTnDZiRHKMmEjCvWD1nknPAUgDpOXQWQDndWpJ7NHcIcA0Mi4VoBmlPLEVapEdgUqxFOqRjsRpxpPUI0g0wJ5YjPt1WAttOSQlRYyUVE44Uz5EUVVdDenzUvr6TlqXkgL0AUNnfScAQcBkBKhcJaClwykUCun0AlYXEx5Hxa59A5SABRwPgfEdqi9WAceBecUJ+K3LE3S51tFcdKn+WtEsc7W/A7LdtykECFojX/WG7MpCAcwXQjyfkzSOhG+1XoRPyppHQjfZdxX7sIaEf7apr7eaQ6GO097FPG0gMMNqLQkI32ge+1q5A6vnv22LCkeI5Uv3rbh3NPkpdSafVDTh//dr+K5LjBD5u1b0lvnI8z/M8z/M8+ZXeAZv5+Z1GOJFfAAAAAElFTkSuQmCC",
+        "indent": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA2UlEQVR4nO3WQQ7DIAwFUW7uLrn1r7LIqqqcUJsUM+8AVhhApDUAAABglIoaDkKgm1TU3Q4EGqWihoMQCAAABFn+PygbgaoHktTDhhUNpMxIekjGAnrY0KKBlH3dlqRPRHICHYh00ndEcgIR6UIgIumanjw/3Oj3/rKATqCESNroBB2MQIFxdjpBljx/6UDWdibiDAeySXv030Sc24Fs0t6sQcS5HMgmbMA00QuwsIEFA73ChlUMlI1ADgI5CAQAwHbPcDYCOQjkIJCDQA4COZ579gAAANBW9waRrOCa9HpusgAAAABJRU5ErkJggg==",
+        "outdent": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA7ElEQVR4nO3ZwQqDQAxF0fx1t/75Ky0upFTThElHzT3bQSZehRE0AwAAALJ0U+kgBArSTUU7EChLN5UOQiAAADDI5b+DqhHI0SqQpCVxTY9AkpbMxi0CaY1DICfO35/M2ekjDoGcOARy4hDIjuO0DyQnTutA+iFOJpAmmRKnZSAF4mQ2rkswds6jG3hUblyXYOycwyJZx0CRSBZUn2LMnMMiWXdyIs2e7/SRDMeR1mXsRXovYD/SZgnfIlmQJrFZkSx+XY9AL/z2KdDqDcogkINAAAC0O4arEchBIAeBHARyEMgx79gDAACAXd0TF7nf4uYCfIsAAAAASUVORK5CYII=",
+        "alignLeft": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAiElEQVR4nO3VsREDMAwDMe2/NDOCLm7MOMAI3/wMAACcyqOOgwj0pTzq2w4CncqjjoMIBAB/I2WmTcpMm5SZNikzbVJm2qTM7R4A8JA8SqCFQAuBFgItBFrcXR8AVEiZaZMy0yZlpk3KTJuUmTYpc7sHADwkjxJoIdBCoIVAC4EWd9cHAMD8sg+q0NtM71VCsAAAAABJRU5ErkJggg==",
+        "alignCenter": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAfUlEQVR4nO3W0QnAMAxDwey/tDtBIxooweZuhPcjrQUAAKdqqOMgAn1UQ33tINCpGuo4iEAAwIv2v+ZvJdCeQIFAgUCBQADQRg0lUCBQIFAgUCBQcHf6AKClumR1UQLtCRQIFAgUCAQAbdRQAgUCBQIFAgUCBXenDwCA1dkDHN+8XSMaKtEAAAAASUVORK5CYII=",
+        "alignRight": "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAiElEQVR4nO3VQREEMQwDQfMnrYPg2nyiS3VDmM/MAADAqTzqOIhAH+VRXzsIdCqPOg4iEADwUcpMm5SZNikzbVJm2qTMtEmZ2z0AoEAeJdBCoIVAC4EWAi3urg8AnpIy0yZlpk3KTJuUmTYpM21S5nYPACiQRwm0EGgh0EKghUCLu+sDAGD+2Q90dNtMxzL28wAAAABJRU5ErkJggg==",
+    ]
+
+    private static var iconCache: [String: UIImage] = [:]
 
-    private static func drawMediaAttachmentIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let frame = CGRect(x: 3 * scale, y: 5 * scale, width: 18 * scale, height: 14 * scale)
-            let framePath = UIBezierPath(roundedRect: frame, cornerRadius: 1.8 * scale)
-            ctx.setLineWidth(1.8 * scale)
-            ctx.addPath(framePath.cgPath)
-            ctx.strokePath()
-
-            let sunPath = UIBezierPath(arcCenter: CGPoint(x: 8 * scale, y: 10 * scale), radius: 1.5 * scale, startAngle: 0, endAngle: .pi * 2, clockwise: true)
-            sunPath.fill()
-
-            let mountain = UIBezierPath()
-            mountain.move(to: CGPoint(x: 6 * scale, y: 16 * scale))
-            mountain.addLine(to: CGPoint(x: 10.5 * scale, y: 11.5 * scale))
-            mountain.addLine(to: CGPoint(x: 13 * scale, y: 14 * scale))
-            mountain.addLine(to: CGPoint(x: 16 * scale, y: 11 * scale))
-            mountain.addLine(to: CGPoint(x: 18 * scale, y: 13 * scale))
-            mountain.addLine(to: CGPoint(x: 18 * scale, y: 16 * scale))
-            mountain.close()
-            mountain.fill()
-        }
-    }
-
-    private static func drawLinkIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            // Left chain
-            path.move(to: CGPoint(x: 3.9 * scale, y: 12 * scale))
-            path.addCurve(to: CGPoint(x: 7 * scale, y: 8.9 * scale),
-                         controlPoint1: CGPoint(x: 3.9 * scale, y: 10.29 * scale),
-                         controlPoint2: CGPoint(x: 5.29 * scale, y: 8.9 * scale))
-            path.addLine(to: CGPoint(x: 11 * scale, y: 8.9 * scale))
-            path.addLine(to: CGPoint(x: 11 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 7 * scale, y: 7 * scale))
-            path.addCurve(to: CGPoint(x: 2 * scale, y: 12 * scale),
-                         controlPoint1: CGPoint(x: 4.24 * scale, y: 7 * scale),
-                         controlPoint2: CGPoint(x: 2 * scale, y: 9.24 * scale))
-            path.addCurve(to: CGPoint(x: 7 * scale, y: 17 * scale),
-                         controlPoint1: CGPoint(x: 2 * scale, y: 14.76 * scale),
-                         controlPoint2: CGPoint(x: 4.24 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 11 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 11 * scale, y: 15.1 * scale))
-            path.addLine(to: CGPoint(x: 7 * scale, y: 15.1 * scale))
-            path.addCurve(to: CGPoint(x: 3.9 * scale, y: 12 * scale),
-                         controlPoint1: CGPoint(x: 5.29 * scale, y: 15.1 * scale),
-                         controlPoint2: CGPoint(x: 3.9 * scale, y: 13.71 * scale))
-            path.close()
-
-            // Middle bar
-            path.move(to: CGPoint(x: 8 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 16 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 16 * scale, y: 11 * scale))
-            path.addLine(to: CGPoint(x: 8 * scale, y: 11 * scale))
-            path.close()
-
-            // Right chain
-            path.move(to: CGPoint(x: 17 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 13 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 13 * scale, y: 8.9 * scale))
-            path.addLine(to: CGPoint(x: 17 * scale, y: 8.9 * scale))
-            path.addCurve(to: CGPoint(x: 20.1 * scale, y: 12 * scale),
-                         controlPoint1: CGPoint(x: 18.71 * scale, y: 8.9 * scale),
-                         controlPoint2: CGPoint(x: 20.1 * scale, y: 10.29 * scale))
-            path.addCurve(to: CGPoint(x: 17 * scale, y: 15.1 * scale),
-                         controlPoint1: CGPoint(x: 20.1 * scale, y: 13.71 * scale),
-                         controlPoint2: CGPoint(x: 18.71 * scale, y: 15.1 * scale))
-            path.addLine(to: CGPoint(x: 13 * scale, y: 15.1 * scale))
-            path.addLine(to: CGPoint(x: 13 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 17 * scale, y: 17 * scale))
-            path.addCurve(to: CGPoint(x: 22 * scale, y: 12 * scale),
-                         controlPoint1: CGPoint(x: 19.76 * scale, y: 17 * scale),
-                         controlPoint2: CGPoint(x: 22 * scale, y: 14.76 * scale))
-            path.addCurve(to: CGPoint(x: 17 * scale, y: 7 * scale),
-                         controlPoint1: CGPoint(x: 22 * scale, y: 9.24 * scale),
-                         controlPoint2: CGPoint(x: 19.76 * scale, y: 7 * scale))
-            path.close()
-
-            path.fill()
-        }
-    }
-
-    private static func drawUndoIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            path.move(to: CGPoint(x: 12.5 * scale, y: 8 * scale))
-            path.addCurve(to: CGPoint(x: 5.67 * scale, y: 10.73 * scale),
-                         controlPoint1: CGPoint(x: 9.85 * scale, y: 8 * scale),
-                         controlPoint2: CGPoint(x: 7.45 * scale, y: 9.04 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 8 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 12 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 9.19 * scale, y: 14.19 * scale))
-            path.addCurve(to: CGPoint(x: 14.25 * scale, y: 12.25 * scale),
-                         controlPoint1: CGPoint(x: 10.55 * scale, y: 12.98 * scale),
-                         controlPoint2: CGPoint(x: 12.33 * scale, y: 12.25 * scale))
-            path.addCurve(to: CGPoint(x: 21.14 * scale, y: 18.25 * scale),
-                         controlPoint1: CGPoint(x: 17.77 * scale, y: 12.25 * scale),
-                         controlPoint2: CGPoint(x: 20.69 * scale, y: 14.86 * scale))
-            path.addLine(to: CGPoint(x: 23 * scale, y: 18.25 * scale))
-            path.addCurve(to: CGPoint(x: 14.25 * scale, y: 10.25 * scale),
-                         controlPoint1: CGPoint(x: 22.54 * scale, y: 13.74 * scale),
-                         controlPoint2: CGPoint(x: 18.9 * scale, y: 10.25 * scale))
-            path.addCurve(to: CGPoint(x: 12.5 * scale, y: 8 * scale),
-                         controlPoint1: CGPoint(x: 13.66 * scale, y: 9.35 * scale),
-                         controlPoint2: CGPoint(x: 13.05 * scale, y: 8.55 * scale))
-            path.close()
-            path.fill()
-        }
-    }
-
-    private static func drawRedoIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            path.move(to: CGPoint(x: 18.4 * scale, y: 10.6 * scale))
-            path.addCurve(to: CGPoint(x: 11.5 * scale, y: 8 * scale),
-                         controlPoint1: CGPoint(x: 16.55 * scale, y: 8.99 * scale),
-                         controlPoint2: CGPoint(x: 14.15 * scale, y: 8 * scale))
-            path.addCurve(to: CGPoint(x: 1.54 * scale, y: 15.22 * scale),
-                         controlPoint1: CGPoint(x: 6.85 * scale, y: 8 * scale),
-                         controlPoint2: CGPoint(x: 2.92 * scale, y: 11.03 * scale))
-            path.addLine(to: CGPoint(x: 3.9 * scale, y: 16 * scale))
-            path.addCurve(to: CGPoint(x: 11.5 * scale, y: 10.5 * scale),
-                         controlPoint1: CGPoint(x: 4.95 * scale, y: 12.81 * scale),
-                         controlPoint2: CGPoint(x: 7.95 * scale, y: 10.5 * scale))
-            path.addCurve(to: CGPoint(x: 16.62 * scale, y: 12.38 * scale),
-                         controlPoint1: CGPoint(x: 13.45 * scale, y: 10.5 * scale),
-                         controlPoint2: CGPoint(x: 15.23 * scale, y: 11.22 * scale))
-            path.addLine(to: CGPoint(x: 13 * scale, y: 16 * scale))
-            path.addLine(to: CGPoint(x: 22 * scale, y: 16 * scale))
-            path.addLine(to: CGPoint(x: 22 * scale, y: 7 * scale))
-            path.close()
-            path.fill()
-        }
-    }
-
-    private static func drawClearFormattingIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            // Diagonal line
-            path.move(to: CGPoint(x: 3.27 * scale, y: 5 * scale))
-            path.addLine(to: CGPoint(x: 2 * scale, y: 6.27 * scale))
-            path.addLine(to: CGPoint(x: 8.97 * scale, y: 13.24 * scale))
-            path.addLine(to: CGPoint(x: 6.5 * scale, y: 19 * scale))
-            path.addLine(to: CGPoint(x: 9.5 * scale, y: 19 * scale))
-            path.addLine(to: CGPoint(x: 11.07 * scale, y: 15.34 * scale))
-            path.addLine(to: CGPoint(x: 16.73 * scale, y: 21 * scale))
-            path.addLine(to: CGPoint(x: 18 * scale, y: 19.73 * scale))
-            path.addLine(to: CGPoint(x: 3.55 * scale, y: 5.27 * scale))
-            path.close()
-
-            // T shape
-            path.move(to: CGPoint(x: 6 * scale, y: 5 * scale))
-            path.addLine(to: CGPoint(x: 6 * scale, y: 5.18 * scale))
-            path.addLine(to: CGPoint(x: 8.82 * scale, y: 8 * scale))
-            path.addLine(to: CGPoint(x: 11.22 * scale, y: 8 * scale))
-            path.addLine(to: CGPoint(x: 10.5 * scale, y: 9.68 * scale))
-            path.addLine(to: CGPoint(x: 12.6 * scale, y: 11.78 * scale))
-            path.addLine(to: CGPoint(x: 14.21 * scale, y: 8 * scale))
-            path.addLine(to: CGPoint(x: 20 * scale, y: 8 * scale))
-            path.addLine(to: CGPoint(x: 20 * scale, y: 5 * scale))
-            path.close()
-
-            path.fill()
-        }
-    }
-
-    private static func drawIndentIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            // Lines
-            path.move(to: CGPoint(x: 3 * scale, y: 21 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 21 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 19 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 19 * scale))
-            path.close()
-
-            // Arrow
-            path.move(to: CGPoint(x: 3 * scale, y: 8 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 16 * scale))
-            path.addLine(to: CGPoint(x: 7 * scale, y: 12 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 11 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 15 * scale))
-            path.addLine(to: CGPoint(x: 11 * scale, y: 15 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 3 * scale, y: 3 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 5 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 5 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 3 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 11 * scale, y: 9 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 9 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 11 * scale, y: 7 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 11 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 11 * scale))
-            path.addLine(to: CGPoint(x: 11 * scale, y: 11 * scale))
-            path.close()
-
-            path.fill()
-        }
-    }
-
-    private static func drawOutdentIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            path.move(to: CGPoint(x: 11 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 15 * scale))
-            path.addLine(to: CGPoint(x: 11 * scale, y: 15 * scale))
-            path.close()
-
-            // Arrow pointing left
-            path.move(to: CGPoint(x: 3 * scale, y: 12 * scale))
-            path.addLine(to: CGPoint(x: 7 * scale, y: 16 * scale))
-            path.addLine(to: CGPoint(x: 7 * scale, y: 8 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 3 * scale, y: 21 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 21 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 19 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 19 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 3 * scale, y: 3 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 5 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 5 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 3 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 11 * scale, y: 9 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 9 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 11 * scale, y: 7 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 11 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 11 * scale))
-            path.addLine(to: CGPoint(x: 11 * scale, y: 11 * scale))
-            path.close()
-
-            path.fill()
-        }
-    }
-
-    private static func drawAlignLeftIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            path.move(to: CGPoint(x: 15 * scale, y: 15 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 15 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 15 * scale, y: 17 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 15 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 9 * scale))
-            path.addLine(to: CGPoint(x: 15 * scale, y: 9 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 3 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 11 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 11 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 3 * scale, y: 21 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 21 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 19 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 19 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 3 * scale, y: 3 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 5 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 5 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 3 * scale))
-            path.close()
-
-            path.fill()
-        }
-    }
-
-    private static func drawAlignCenterIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            path.move(to: CGPoint(x: 7 * scale, y: 15 * scale))
-            path.addLine(to: CGPoint(x: 7 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 17 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 17 * scale, y: 15 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 3 * scale, y: 21 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 21 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 19 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 19 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 3 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 11 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 11 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 7 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 7 * scale, y: 9 * scale))
-            path.addLine(to: CGPoint(x: 17 * scale, y: 9 * scale))
-            path.addLine(to: CGPoint(x: 17 * scale, y: 7 * scale))
-            path.close()
+    static func getIcon(for option: String, color: UIColor, size: CGSize = CGSize(width: 24, height: 24)) -> UIImage? {
+        var r: CGFloat = 0, g: CGFloat = 0, b: CGFloat = 0, a: CGFloat = 0
+        color.getRed(&r, green: &g, blue: &b, alpha: &a)
+        let cacheKey = "\(option)_\(r)_\(g)_\(b)_\(a)_\(size.width)_\(size.height)"
+        if let cached = iconCache[cacheKey] { return cached }
 
-            path.move(to: CGPoint(x: 3 * scale, y: 3 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 5 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 5 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 3 * scale))
-            path.close()
+        guard let b64 = iconData[option],
+              let data = Data(base64Encoded: b64),
+              let original = UIImage(data: data) else { return nil }
 
-            path.fill()
+        // Render at target size with tint color
+        let renderer = UIGraphicsImageRenderer(size: size)
+        let tinted = renderer.image { context in
+            let rect = CGRect(origin: .zero, size: size)
+            original.draw(in: rect)
+            color.setFill()
+            context.cgContext.setBlendMode(.sourceIn)
+            context.cgContext.fill(rect)
         }
-    }
-
-    private static func drawAlignRightIcon(color: UIColor, size: CGSize) -> UIImage {
-        return drawIcon(size: size, color: color) { ctx, scale in
-            let path = UIBezierPath()
-            path.move(to: CGPoint(x: 3 * scale, y: 21 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 21 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 19 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 19 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 9 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 17 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 15 * scale))
-            path.addLine(to: CGPoint(x: 9 * scale, y: 15 * scale))
-            path.close()
 
-            path.move(to: CGPoint(x: 3 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 13 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 11 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 11 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 9 * scale, y: 9 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 9 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 7 * scale))
-            path.addLine(to: CGPoint(x: 9 * scale, y: 7 * scale))
-            path.close()
-
-            path.move(to: CGPoint(x: 3 * scale, y: 3 * scale))
-            path.addLine(to: CGPoint(x: 3 * scale, y: 5 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 5 * scale))
-            path.addLine(to: CGPoint(x: 21 * scale, y: 3 * scale))
-            path.close()
-
-            path.fill()
-        }
+        iconCache[cacheKey] = tinted
+        return tinted
     }
 
-    // MARK: - Helper
-
-    private static func drawIcon(size: CGSize, color: UIColor, draw: (CGContext, CGFloat) -> Void) -> UIImage {
-        let renderer = UIGraphicsImageRenderer(size: size)
-        return renderer.image { context in
-            color.setFill()
-            let scale = size.width / 24.0
-            draw(context.cgContext, scale)
-        }
+    static func clearCache() {
+        iconCache.removeAll()
     }
 }