AlignElementsIcons.js 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. /**
  2. * To change the icons, modify the SVGs in `./resources`, execute `npx svgo -f resources --datauri enc -o dist`,
  3. * and then replace respective icons with the optimized data URIs in `./dist`.
  4. */
  5. var icons = {
  6. align: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000">
  7. <line x1="200" y1="150" x2="200" y2="1850" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
  8. <rect x="500" y="150" width="1300" height="700" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
  9. <rect x="500" y="1150" width="700" height="700" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
  10. </svg>`,
  11. bottom: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
  12. <line x1="150" y1="1650" x2="1650" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
  13. <rect x="150" y="350" width="600" height="1300" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
  14. <rect x="1050" y="850" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
  15. </svg>`,
  16. center: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
  17. <line x1="900" y1="150" x2="900" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
  18. <rect x="250" y="150" width="1300" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
  19. <rect x="500" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
  20. </svg>`,
  21. left: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
  22. <line x1="100" y1="150" x2="100" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
  23. <rect x="100" y="150" width="1300" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
  24. <rect x="100" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
  25. </svg>`,
  26. right: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
  27. <line x1="1650" y1="150" x2="1650" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
  28. <rect x="350" y="150" width="1300" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
  29. <rect x="850" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
  30. </svg>`,
  31. top: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
  32. <line x1="150" y1="150" x2="1650" y2="150" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
  33. <rect x="150" y="150" width="600" height="1300" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
  34. <rect x="1050" y="150" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
  35. </svg>`,
  36. middle: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
  37. <line x1="150" y1="900" x2="1650" y2="900" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
  38. <rect x="150" y="250" width="600" height="1300" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
  39. <rect x="1050" y="500" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
  40. </svg>`
  41. };
  42. export default icons;