SVG Path Normalizer

Normalize an SVG path into a square viewBox with custom size and padding.

Input Path
Output Path
Play this shape

What this tool does

SVG Path Normalizer rewrites a single SVG path so its real bounding box fits inside a square viewBox. It is useful when an icon or shape comes from a random coordinate system and needs to be centered before being used in Cutle or another SVG workflow.

Example

SVG Path Normalizer Demo

Input Path:

M45.61,354.74c19.865,11.506,47.356,6.503,68.795,3.247c4.572-0.698,64.685-13.125,64.704-12.996 c0.606,5.079-33.406,21.383-37.47,24.29c-18.357,13.124-36.943,31.041-41.791,53.97 c-11.716,55.523,62.715,124.845,111.782,137.057c46.234,11.506,89.664-16.655,105.335-60.113 c11.083-30.756,14.458-66.689,7.919-98.826c-1.518-7.438-19.321-45.122-16.215-50.97c2.549-4.792,41.249,26.744,43.725,29.042 c20.306,18.828,37.038,42.032,45.866,68.446c4.471,13.372,1.82,50.934,21.236,52.305c32.068,2.261,37.635-16.999,27.84-42.207 c-11.423-29.357-26.8-57.316-46.925-81.635c-4.683-5.667-56.95-53.593-56.877-53.703c2.556-3.411,34.673,7.062,38.323,7.754 c23.676,4.489,47.825,7.084,71.932,6.98c45.16-0.193,109.355-10.68,115.506-65.898c5.621-50.346-15.486-121.598-54.694-154.521 c-28.188-23.682-53.186-17.678-79.471,5.187c-13.023,11.331-25.285,23.565-36.543,36.659 c-3.127,3.632-22.476,33.975-26.965,32.549c-2.5-0.792,19.664-40.037,20.398-41.506c10.492-21.071,21.888-45.563,20.511-69.697 c-2.778-48.765-51.319-69.062-93.951-72.271c-50.511-3.791-129.866,10.19-150.071,65.457 c-9.648,26.396,7.255,56.895,17.283,80.778c1.793,4.269,26.332,60.316,25.726,60.371c-9.988,0.912-28.262-34.003-33.045-40.111 c-15.912-20.336-34.701-41.809-58.642-52.736C68.428,98.161,22.92,155.515,9.021,198.3C-6.952,247.517-5.645,325.051,45.61,354.74 z

Output Path:

M 68.15 367.42 C 87.39 378.56 114 373.72 134.75 370.56 C 139.18 369.89 197.38 357.86 197.39 357.98 C 197.98 362.9 165.05 378.68 161.12 381.5 C 143.35 394.2 125.36 411.55 120.66 433.75 C 109.32 487.5 181.38 554.61 228.88 566.43 C 273.64 577.57 315.68 550.31 330.85 508.24 C 341.58 478.46 344.85 443.67 338.52 412.56 C 337.05 405.36 319.81 368.88 322.82 363.22 C 325.29 358.58 362.75 389.11 365.15 391.33 C 384.81 409.56 401.01 432.03 409.55 457.6 C 413.88 470.54 411.32 506.91 430.11 508.23 C 461.16 510.42 466.55 491.78 457.06 467.37 C 446.01 438.95 431.12 411.89 411.64 388.34 C 407.1 382.86 356.5 336.46 356.57 336.35 C 359.05 333.05 390.14 343.19 393.67 343.86 C 416.59 348.2 439.97 350.72 463.31 350.62 C 507.03 350.43 569.18 340.28 575.13 286.82 C 580.57 238.08 560.14 169.1 522.18 137.23 C 494.89 114.3 470.69 120.12 445.25 142.25 C 432.64 153.22 420.77 165.06 409.87 177.74 C 406.84 181.26 388.11 210.63 383.77 209.25 C 381.35 208.48 402.8 170.49 403.51 169.07 C 413.67 148.67 424.7 124.96 423.37 101.6 C 420.68 54.39 373.69 34.74 332.42 31.63 C 283.52 27.96 206.69 41.5 187.13 95 C 177.79 120.55 194.16 150.08 203.86 173.2 C 205.6 177.33 229.36 231.59 228.77 231.65 C 219.1 232.53 201.41 198.73 196.78 192.81 C 181.37 173.13 163.19 152.34 140.01 141.76 C 90.24 119.03 46.19 174.55 32.73 215.97 C 17.27 263.62 18.54 338.68 68.15 367.42 Z

How to use it

  1. Paste one SVG path into the input box.
  2. Set the target size and padding. The default output is a 600 by 600 viewBox with 24px padding.
  3. Check the preview, then copy the normalized output path.