@nice2dev/icons 1.3.16 → 1.3.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/CHANGELOG.md +47 -0
  2. package/README.md +21 -1
  3. package/dist/cjs/animationControls.js +10 -5
  4. package/dist/cjs/animationSpeed.js +102 -0
  5. package/dist/cjs/createIcon.js +68 -24
  6. package/dist/cjs/iconStyles.js +1171 -1081
  7. package/dist/cjs/icons/actions.js +2 -2
  8. package/dist/cjs/icons/brand.js +4 -747
  9. package/dist/cjs/icons/business.js +59 -23
  10. package/dist/cjs/icons/files.js +54 -54
  11. package/dist/cjs/icons/food.js +75 -557
  12. package/dist/cjs/icons/fun.js +51 -33
  13. package/dist/cjs/icons/index.js +0 -7
  14. package/dist/cjs/icons/navigation.js +26 -7
  15. package/dist/cjs/icons/omniverk.js +17 -244
  16. package/dist/cjs/icons/science.js +63 -170
  17. package/dist/cjs/icons/sports.js +45 -137
  18. package/dist/cjs/index.js +0 -7
  19. package/dist/cjs/reducedMotion.js +30 -0
  20. package/dist/cjs/smilAnimations.js +16 -3
  21. package/dist/cjs/utilities.js +4 -25
  22. package/dist/esm/animationControls.js +10 -5
  23. package/dist/esm/animationSpeed.js +102 -0
  24. package/dist/esm/createIcon.js +69 -25
  25. package/dist/esm/iconStyles.js +1171 -1081
  26. package/dist/esm/icons/actions.js +2 -2
  27. package/dist/esm/icons/brand.js +5 -748
  28. package/dist/esm/icons/business.js +59 -23
  29. package/dist/esm/icons/files.js +54 -54
  30. package/dist/esm/icons/food.js +74 -556
  31. package/dist/esm/icons/fun.js +51 -33
  32. package/dist/esm/icons/index.js +3 -10
  33. package/dist/esm/icons/navigation.js +26 -7
  34. package/dist/esm/icons/omniverk.js +17 -244
  35. package/dist/esm/icons/science.js +63 -170
  36. package/dist/esm/icons/sports.js +45 -137
  37. package/dist/esm/index.js +3 -10
  38. package/dist/esm/nicetodev-icons.css +1 -1
  39. package/dist/esm/reducedMotion.js +30 -0
  40. package/dist/esm/smilAnimations.js +16 -3
  41. package/dist/esm/utilities.js +5 -26
  42. package/dist/types/animationSpeed.d.ts +28 -0
  43. package/dist/types/createIcon.d.ts +6 -0
  44. package/dist/types/iconStyles.d.ts +12 -1
  45. package/dist/types/icons/brand.d.ts +0 -4
  46. package/dist/types/icons/food.d.ts +0 -3
  47. package/dist/types/icons/index.d.ts +3 -3
  48. package/dist/types/icons/omniverk.d.ts +0 -3
  49. package/dist/types/icons/science.d.ts +1 -1
  50. package/dist/types/reducedMotion.d.ts +6 -0
  51. package/dist/types/smilAnimations.d.ts +10 -2
  52. package/dist/types/types.d.ts +26 -0
  53. package/dist/types/utilities.d.ts +2 -2
  54. package/package.json +2 -2
  55. package/dist/cjs/nicetodev-icons.css +0 -1
@@ -804,32 +804,68 @@ const NtdPiggyBank = /* @__PURE__ */ createIcon.createIcon({
804
804
  ] })
805
805
  }
806
806
  });
807
+ const COIN_FRONT = { cx: 9.2, cy: 15, r: 6.5 };
808
+ const COIN_BACK = { cx: 15.2, cy: 8.8, r: 6 };
809
+ const COIN_GAP = 0.8;
810
+ function coins(back, front, accent, width) {
811
+ return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
812
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: COIN_BACK.cx, cy: COIN_BACK.cy, r: COIN_BACK.r, fill: back }),
813
+ accent && /* @__PURE__ */ jsxRuntime.jsx(
814
+ "circle",
815
+ {
816
+ cx: COIN_BACK.cx,
817
+ cy: COIN_BACK.cy,
818
+ r: COIN_BACK.r - 1.9,
819
+ stroke: accent,
820
+ strokeWidth: width,
821
+ fill: "none"
822
+ }
823
+ ),
824
+ accent && /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: COIN_FRONT.cx, cy: COIN_FRONT.cy, r: COIN_FRONT.r + COIN_GAP, fill: accent }),
825
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: COIN_FRONT.cx, cy: COIN_FRONT.cy, r: COIN_FRONT.r, fill: front }),
826
+ accent && /* @__PURE__ */ jsxRuntime.jsx(
827
+ "circle",
828
+ {
829
+ cx: COIN_FRONT.cx,
830
+ cy: COIN_FRONT.cy,
831
+ r: COIN_FRONT.r - 2,
832
+ stroke: accent,
833
+ strokeWidth: width,
834
+ fill: "none"
835
+ }
836
+ )
837
+ ] });
838
+ }
807
839
  const NtdCoins = /* @__PURE__ */ createIcon.createIcon({
808
840
  displayName: "NtdCoins",
809
841
  paths: {
810
- solid: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
811
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "7", fill: primaryColor }),
812
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "4", fill: secondaryColor, opacity: 0.3 }),
813
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16", cy: "8", r: "5", fill: primaryColor, opacity: 0.7 }),
814
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16", cy: "8", r: "2.5", fill: secondaryColor, opacity: 0.3 })
815
- ] }),
816
- outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
817
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "7", stroke: primaryColor, strokeWidth, fill: "none" }),
818
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16", cy: "8", r: "5", stroke: primaryColor, strokeWidth, fill: "none" })
819
- ] }),
820
- duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
821
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "7", fill: secondaryColor, opacity: secondaryOpacity }),
822
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "7", stroke: primaryColor, strokeWidth, fill: "none" }),
823
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16", cy: "8", r: "5", fill: secondaryColor, opacity: secondaryOpacity * 0.7 }),
824
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16", cy: "8", r: "5", stroke: primaryColor, strokeWidth, fill: "none" })
825
- ] })),
826
- vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
827
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "7", fill: primaryColor }),
828
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "7", fill: "white", opacity: "0.08" }),
829
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "4", fill: secondaryColor }),
830
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16", cy: "8", r: "5", fill: "#3B82F6" }),
831
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16", cy: "8", r: "2.5", fill: "#10B981" })
832
- ] })
842
+ solid: ({ primaryColor, accentColor, strokeWidth }) => coins(primaryColor, primaryColor, accentColor, strokeWidth),
843
+ outline: ({ primaryColor, strokeWidth, uid }) => {
844
+ const mask = uid ? `${uid}-coins` : void 0;
845
+ return /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
846
+ mask && /* @__PURE__ */ jsxRuntime.jsxs("mask", { id: mask, children: [
847
+ /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0", y: "0", width: "24", height: "24", fill: "white", stroke: "none" }),
848
+ /* @__PURE__ */ jsxRuntime.jsx(
849
+ "circle",
850
+ {
851
+ cx: COIN_FRONT.cx,
852
+ cy: COIN_FRONT.cy,
853
+ r: COIN_FRONT.r + COIN_GAP,
854
+ fill: "black",
855
+ stroke: "none"
856
+ }
857
+ )
858
+ ] }),
859
+ /* @__PURE__ */ jsxRuntime.jsxs("g", { mask: mask ? `url(#${mask})` : void 0, children: [
860
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: COIN_BACK.cx, cy: COIN_BACK.cy, r: COIN_BACK.r - strokeWidth / 2 }),
861
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: COIN_BACK.cx, cy: COIN_BACK.cy, r: COIN_BACK.r - 1.9 })
862
+ ] }),
863
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: COIN_FRONT.cx, cy: COIN_FRONT.cy, r: COIN_FRONT.r - strokeWidth / 2 }),
864
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: COIN_FRONT.cx, cy: COIN_FRONT.cy, r: COIN_FRONT.r - 2 })
865
+ ] });
866
+ },
867
+ duotone: ({ primaryColor, secondaryColor, strokeWidth }) => coins(secondaryColor, primaryColor, void 0, strokeWidth),
868
+ vivid: ({ primaryColor, secondaryColor, accentColor, strokeWidth }) => coins(secondaryColor, primaryColor, accentColor, strokeWidth)
833
869
  }
834
870
  });
835
871
  const NtdKanban = /* @__PURE__ */ createIcon.createIcon({
@@ -635,47 +635,29 @@ const NtdPackage = /* @__PURE__ */ createIcon.createIcon({
635
635
  ] })
636
636
  }
637
637
  });
638
+ const LAYERS_TOP = "M12 3.9L21.5 8.7L12 13.5L2.5 8.7Z";
639
+ const LAYERS_UNDER = "M2.5 9.8L12 14.6L21.5 9.8V12L12 16.8L2.5 12ZM2.5 13.1L12 17.9L21.5 13.1V15.3L12 20.1L2.5 15.3Z";
640
+ function layers(top, under, round = false) {
641
+ const rounded = round ? (
642
+ // round joins, thin enough to keep the 1.1 gaps open
643
+ { stroke: void 0, strokeWidth: 0.4, strokeLinejoin: "round" }
644
+ ) : void 0;
645
+ return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
646
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: LAYERS_UNDER, fill: under, ...rounded && { ...rounded, stroke: under } }),
647
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: LAYERS_TOP, fill: top, ...rounded && { ...rounded, stroke: top } })
648
+ ] });
649
+ }
638
650
  const NtdLayers = /* @__PURE__ */ createIcon.createIcon({
639
651
  displayName: "NtdLayers",
640
652
  paths: {
641
- solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
642
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5z", fill: primaryColor }),
643
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 17l10 5 10-5", stroke: primaryColor, strokeWidth, fill: "none" }),
644
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 12l10 5 10-5", stroke: primaryColor, strokeWidth, fill: "none" })
645
- ] }),
646
- outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
647
- /* @__PURE__ */ jsxRuntime.jsx(
648
- "path",
649
- {
650
- d: "M12 2L2 7l10 5 10-5-10-5z",
651
- stroke: primaryColor,
652
- strokeWidth,
653
- fill: "none"
654
- }
655
- ),
656
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 17l10 5 10-5", stroke: primaryColor, strokeWidth, fill: "none" }),
657
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 12l10 5 10-5", stroke: primaryColor, strokeWidth, fill: "none" })
658
- ] }),
659
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
660
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5z", fill: secondaryColor, opacity: secondaryOpacity }),
661
- /* @__PURE__ */ jsxRuntime.jsx(
662
- "path",
663
- {
664
- d: "M12 2L2 7l10 5 10-5-10-5z",
665
- stroke: primaryColor,
666
- strokeWidth,
667
- fill: "none"
668
- }
669
- ),
670
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 17l10 5 10-5", stroke: primaryColor, strokeWidth, fill: "none" }),
671
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 12l10 5 10-5", stroke: primaryColor, strokeWidth, fill: "none" })
653
+ solid: ({ primaryColor }) => layers(primaryColor, primaryColor),
654
+ rounded: ({ primaryColor }) => layers(primaryColor, primaryColor, true),
655
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: primaryColor, strokeWidth, strokeLinejoin: "miter", fill: "none", children: [
656
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: LAYERS_TOP }),
657
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: LAYERS_UNDER })
672
658
  ] }),
673
- vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
674
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5z", fill: primaryColor }),
675
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5z", fill: "white", opacity: "0.1" }),
676
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 17l10 5 10-5", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }),
677
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 12l10 5 10-5", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })
678
- ] })
659
+ duotone: ({ primaryColor, secondaryColor }) => layers(primaryColor, secondaryColor),
660
+ vivid: ({ primaryColor, secondaryColor }) => layers(primaryColor, secondaryColor)
679
661
  }
680
662
  });
681
663
  const NtdGrid = /* @__PURE__ */ createIcon.createIcon({
@@ -1555,7 +1537,7 @@ const NtdTarget = /* @__PURE__ */ createIcon.createIcon({
1555
1537
  }
1556
1538
  ),
1557
1539
  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth, fill: "none" }),
1558
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })
1540
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.4", fill: primaryColor })
1559
1541
  ] }),
1560
1542
  outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1561
1543
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -1570,7 +1552,17 @@ const NtdTarget = /* @__PURE__ */ createIcon.createIcon({
1570
1552
  }
1571
1553
  ),
1572
1554
  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth, fill: "none" }),
1573
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "2", stroke: primaryColor, strokeWidth, fill: "none" })
1555
+ /* @__PURE__ */ jsxRuntime.jsx(
1556
+ "circle",
1557
+ {
1558
+ cx: "12",
1559
+ cy: "12",
1560
+ r: "1.4",
1561
+ stroke: primaryColor,
1562
+ strokeWidth,
1563
+ fill: "none"
1564
+ }
1565
+ )
1574
1566
  ] }),
1575
1567
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1576
1568
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -1597,28 +1589,28 @@ const NtdTarget = /* @__PURE__ */ createIcon.createIcon({
1597
1589
  }
1598
1590
  ),
1599
1591
  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth, fill: "none" }),
1600
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })
1592
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.4", fill: primaryColor })
1601
1593
  ] }),
1602
1594
  vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1603
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }),
1604
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "2", fill: "white", opacity: "0.1" }),
1595
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.4", fill: primaryColor }),
1596
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.4", fill: "white", opacity: "0.1" }),
1605
1597
  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }),
1606
1598
  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "6", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })
1607
1599
  ] })
1608
1600
  }
1609
1601
  });
1610
- const TRUCK_BODY = "M2 3h13a1 1 0 011 1v4h4l3 3v5H2a1 1 0 01-1-1V4a1 1 0 011-1z";
1611
- const TRUCK_BODY_ROUNDED = "M4 3h9a3 3 0 013 3v2h4l3 3v3a2 2 0 01-2 2H4a3 3 0 01-3-3V6a3 3 0 013-3z";
1612
- const TRUCK_BOX = "M2 3h13a1 1 0 011 1v12H2a1 1 0 01-1-1V4a1 1 0 011-1z";
1613
- const TRUCK_CAB = "M15.5 8H20l3 3v5h-7.5z";
1602
+ const TRUCK_BODY = "M2 4.5h13a1 1 0 011 1V9h4l3 3v4.5H2a1 1 0 01-1-1v-10a1 1 0 011-1z";
1603
+ const TRUCK_BODY_ROUNDED = "M4 4.5h9a3 3 0 013 3V9h4l3 3v2.5a2 2 0 01-2 2H4a3 3 0 01-3-3v-7a3 3 0 013-3z";
1604
+ const TRUCK_BOX = "M2 4.5h13a1 1 0 011 1v11H2a1 1 0 01-1-1v-10a1 1 0 011-1z";
1605
+ const TRUCK_CAB = "M15.5 9H20l3 3v4.5h-7.5z";
1614
1606
  const TRUCK_WHEELS = [5.5, 18.5];
1615
1607
  function truckWheels(fill, ring, opacity) {
1616
1608
  return TRUCK_WHEELS.map((cx) => /* @__PURE__ */ jsxRuntime.jsx(
1617
1609
  "circle",
1618
1610
  {
1619
1611
  cx,
1620
- cy: "18.5",
1621
- r: "2.5",
1612
+ cy: "17.4",
1613
+ r: "3",
1622
1614
  fill,
1623
1615
  stroke: ring,
1624
1616
  strokeWidth: "1.5",
@@ -1639,14 +1631,22 @@ const NtdTruck = /* @__PURE__ */ createIcon.createIcon({
1639
1631
  solid: (props) => truckSolid(TRUCK_BODY, props),
1640
1632
  rounded: (props) => truckSolid(TRUCK_BODY_ROUNDED, props),
1641
1633
  outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1642
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 3h15v13H1z", stroke: primaryColor, strokeWidth, fill: "none" }),
1643
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 8h4l3 3v5h-7V8z", stroke: primaryColor, strokeWidth, fill: "none" }),
1634
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 4.5h15v12H1z", stroke: primaryColor, strokeWidth, fill: "none" }),
1635
+ /* @__PURE__ */ jsxRuntime.jsx(
1636
+ "path",
1637
+ {
1638
+ d: "M16 9h4l3 3v4.5h-7V9z",
1639
+ stroke: primaryColor,
1640
+ strokeWidth,
1641
+ fill: "none"
1642
+ }
1643
+ ),
1644
1644
  /* @__PURE__ */ jsxRuntime.jsx(
1645
1645
  "circle",
1646
1646
  {
1647
1647
  cx: "5.5",
1648
- cy: "18.5",
1649
- r: "2.5",
1648
+ cy: "17.4",
1649
+ r: "3",
1650
1650
  stroke: primaryColor,
1651
1651
  strokeWidth,
1652
1652
  fill: "none"
@@ -1656,8 +1656,8 @@ const NtdTruck = /* @__PURE__ */ createIcon.createIcon({
1656
1656
  "circle",
1657
1657
  {
1658
1658
  cx: "18.5",
1659
- cy: "18.5",
1660
- r: "2.5",
1659
+ cy: "17.4",
1660
+ r: "3",
1661
1661
  stroke: primaryColor,
1662
1662
  strokeWidth,
1663
1663
  fill: "none"