@stevederico/skateboard-ui 2.22.0 → 3.0.0

package/icons/SquarePercent.jsx

@@ -0,0 +1,12 @@
+import Icon from './_Icon.jsx';
+
+const SquarePercent = (props) => (
+  <Icon {...props}>
+    <rect width="18" height="18" x="3" y="3" rx="2" />
+      <path d="m15 9-6 6" />
+      <path d="M9 9h.01" />
+      <path d="M15 15h.01" />
+  </Icon>
+);
+
+export default SquarePercent;

package/icons/SquarePi.jsx

@@ -0,0 +1,12 @@
+import Icon from './_Icon.jsx';
+
+const SquarePi = (props) => (
+  <Icon {...props}>
+    <rect width="18" height="18" x="3" y="3" rx="2" />
+      <path d="M7 7h10" />
+      <path d="M10 7v10" />
+      <path d="M16 17a2 2 0 0 1-2-2V7" />
+  </Icon>
+);
+
+export default SquarePi;

package/icons/SquarePilcrow.jsx

@@ -0,0 +1,12 @@
+import Icon from './_Icon.jsx';
+
+const SquarePilcrow = (props) => (
+  <Icon {...props}>
+    <rect width="18" height="18" x="3" y="3" rx="2" />
+      <path d="M12 12H9.5a2.5 2.5 0 0 1 0-5H17" />
+      <path d="M12 7v10" />
+      <path d="M16 7v10" />
+  </Icon>
+);
+
+export default SquarePilcrow;

package/icons/SquarePlay.jsx

@@ -0,0 +1,10 @@
+import Icon from './_Icon.jsx';
+
+const SquarePlay = (props) => (
+  <Icon {...props}>
+    <rect x="3" y="3" width="18" height="18" rx="2" />
+      <path d="M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z" />
+  </Icon>
+);
+
+export default SquarePlay;

package/icons/SquarePlus.jsx

@@ -0,0 +1,11 @@
+import Icon from './_Icon.jsx';
+
+const SquarePlus = (props) => (
+  <Icon {...props}>
+    <rect width="18" height="18" x="3" y="3" rx="2" />
+      <path d="M8 12h8" />
+      <path d="M12 8v8" />
+  </Icon>
+);
+
+export default SquarePlus;

package/icons/SquarePower.jsx

@@ -0,0 +1,11 @@
+import Icon from './_Icon.jsx';
+
+const SquarePower = (props) => (
+  <Icon {...props}>
+    <path d="M12 7v4" />
+      <path d="M7.998 9.003a5 5 0 1 0 8-.005" />
+      <rect x="3" y="3" width="18" height="18" rx="2" />
+  </Icon>
+);
+
+export default SquarePower;

package/icons/SquareRadical.jsx

@@ -0,0 +1,10 @@
+import Icon from './_Icon.jsx';
+
+const SquareRadical = (props) => (
+  <Icon {...props}>
+    <path d="M7 12h2l2 5 2-10h4" />
+      <rect x="3" y="3" width="18" height="18" rx="2" />
+  </Icon>
+);
+
+export default SquareRadical;

package/icons/SquareRoundCorner.jsx

@@ -0,0 +1,10 @@
+import Icon from './_Icon.jsx';
+
+const SquareRoundCorner = (props) => (
+  <Icon {...props}>
+    <path d="M21 11a8 8 0 0 0-8-8" />
+      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" />
+  </Icon>
+);
+
+export default SquareRoundCorner;

package/icons/SquareScissors.jsx

@@ -0,0 +1,14 @@
+import Icon from './_Icon.jsx';
+
+const SquareScissors = (props) => (
+  <Icon {...props}>
+    <rect width="18" height="18" x="3" y="3" rx="2" />
+      <circle cx="8.5" cy="8.5" r="1.5" />
+      <line x1="9.56066" y1="9.56066" x2="12" y2="12" />
+      <line x1="17" y1="17" x2="14.82" y2="14.82" />
+      <circle cx="8.5" cy="15.5" r="1.5" />
+      <line x1="9.56066" y1="14.43934" x2="17" y2="7" />
+  </Icon>
+);
+
+export default SquareScissors;

package/icons/SquareSigma.jsx

@@ -0,0 +1,10 @@
+import Icon from './_Icon.jsx';
+
+const SquareSigma = (props) => (
+  <Icon {...props}>
+    <rect width="18" height="18" x="3" y="3" rx="2" />
+      <path d="M16 8.9V7H8l4 5-4 5h8v-1.9" />
+  </Icon>
+);
+
+export default SquareSigma;

package/icons/SquareSlash.jsx

@@ -0,0 +1,10 @@
+import Icon from './_Icon.jsx';
+
+const SquareSlash = (props) => (
+  <Icon {...props}>
+    <rect width="18" height="18" x="3" y="3" rx="2" />
+      <line x1="9" x2="15" y1="15" y2="9" />
+  </Icon>
+);
+
+export default SquareSlash;

package/icons/SquareSplitHorizontal.jsx

@@ -0,0 +1,11 @@
+import Icon from './_Icon.jsx';
+
+const SquareSplitHorizontal = (props) => (
+  <Icon {...props}>
+    <path d="M8 19H5c-1 0-2-1-2-2V7c0-1 1-2 2-2h3" />
+      <path d="M16 5h3c1 0 2 1 2 2v10c0 1-1 2-2 2h-3" />
+      <line x1="12" x2="12" y1="4" y2="20" />
+  </Icon>
+);
+
+export default SquareSplitHorizontal;

package/icons/SquareSplitVertical.jsx

@@ -0,0 +1,11 @@
+import Icon from './_Icon.jsx';
+
+const SquareSplitVertical = (props) => (
+  <Icon {...props}>
+    <path d="M5 8V5c0-1 1-2 2-2h10c1 0 2 1 2 2v3" />
+      <path d="M19 16v3c0 1-1 2-2 2H7c-1 0-2-1-2-2v-3" />
+      <line x1="4" x2="20" y1="12" y2="12" />
+  </Icon>
+);
+
+export default SquareSplitVertical;

package/icons/SquareSquare.jsx

@@ -0,0 +1,10 @@
+import Icon from './_Icon.jsx';
+
+const SquareSquare = (props) => (
+  <Icon {...props}>
+    <rect x="3" y="3" width="18" height="18" rx="2" />
+      <rect x="8" y="8" width="8" height="8" rx="1" />
+  </Icon>
+);
+
+export default SquareSquare;

package/icons/SquareStack.jsx

@@ -0,0 +1,11 @@
+import Icon from './_Icon.jsx';
+
+const SquareStack = (props) => (
+  <Icon {...props}>
+    <path d="M4 10c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h4c1.1 0 2 .9 2 2" />
+      <path d="M10 16c-1.1 0-2-.9-2-2v-4c0-1.1.9-2 2-2h4c1.1 0 2 .9 2 2" />
+      <rect width="8" height="8" x="14" y="14" rx="2" />
+  </Icon>
+);
+
+export default SquareStack;

package/icons/SquareStar.jsx

@@ -0,0 +1,10 @@
+import Icon from './_Icon.jsx';
+
+const SquareStar = (props) => (
+  <Icon {...props}>
+    <path d="M11.035 7.69a1 1 0 0 1 1.909.024l.737 1.452a1 1 0 0 0 .737.535l1.634.256a1 1 0 0 1 .588 1.806l-1.172 1.168a1 1 0 0 0-.282.866l.259 1.613a1 1 0 0 1-1.541 1.134l-1.465-.75a1 1 0 0 0-.912 0l-1.465.75a1 1 0 0 1-1.539-1.133l.258-1.613a1 1 0 0 0-.282-.866l-1.156-1.153a1 1 0 0 1 .572-1.822l1.633-.256a1 1 0 0 0 .737-.535z" />
+      <rect x="3" y="3" width="18" height="18" rx="2" />
+  </Icon>
+);
+
+export default SquareStar;

package/icons/SquareStop.jsx

@@ -0,0 +1,10 @@
+import Icon from './_Icon.jsx';
+
+const SquareStop = (props) => (
+  <Icon {...props}>
+    <rect width="18" height="18" x="3" y="3" rx="2" />
+      <rect x="9" y="9" width="6" height="6" rx="1" />
+  </Icon>
+);
+
+export default SquareStop;

package/icons/SquareTerminal.jsx

@@ -0,0 +1,11 @@
+import Icon from './_Icon.jsx';
+
+const SquareTerminal = (props) => (
+  <Icon {...props}>
+    <path d="m7 11 2-2-2-2" />
+      <path d="M11 13h4" />
+      <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
+  </Icon>
+);
+
+export default SquareTerminal;

package/icons/SquareUser.jsx

@@ -0,0 +1,11 @@
+import Icon from './_Icon.jsx';
+
+const SquareUser = (props) => (
+  <Icon {...props}>
+    <rect width="18" height="18" x="3" y="3" rx="2" />
+      <circle cx="12" cy="10" r="3" />
+      <path d="M7 21v-2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2" />
+  </Icon>
+);
+
+export default SquareUser;

package/icons/SquareUserRound.jsx

@@ -0,0 +1,11 @@
+import Icon from './_Icon.jsx';
+
+const SquareUserRound = (props) => (
+  <Icon {...props}>
+    <path d="M18 21a6 6 0 0 0-12 0" />
+      <circle cx="12" cy="11" r="4" />
+      <rect width="18" height="18" x="3" y="3" rx="2" />
+  </Icon>
+);
+
+export default SquareUserRound;

package/icons/SquareX.jsx

@@ -0,0 +1,11 @@
+import Icon from './_Icon.jsx';
+
+const SquareX = (props) => (
+  <Icon {...props}>
+    <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
+      <path d="m15 9-6 6" />
+      <path d="m9 9 6 6" />
+  </Icon>
+);
+
+export default SquareX;

package/icons/SquaresExclude.jsx

@@ -0,0 +1,10 @@
+import Icon from './_Icon.jsx';
+
+const SquaresExclude = (props) => (
+  <Icon {...props}>
+    <path d="M16 12v2a2 2 0 0 1-2 2H9a1 1 0 0 0-1 1v3a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2h0" />
+      <path d="M4 16a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v3a1 1 0 0 1-1 1h-5a2 2 0 0 0-2 2v2" />
+  </Icon>
+);
+
+export default SquaresExclude;

package/icons/SquaresIntersect.jsx

@@ -0,0 +1,19 @@
+import Icon from './_Icon.jsx';
+
+const SquaresIntersect = (props) => (
+  <Icon {...props}>
+    <path d="M10 22a2 2 0 0 1-2-2" />
+      <path d="M14 2a2 2 0 0 1 2 2" />
+      <path d="M16 22h-2" />
+      <path d="M2 10V8" />
+      <path d="M2 4a2 2 0 0 1 2-2" />
+      <path d="M20 8a2 2 0 0 1 2 2" />
+      <path d="M22 14v2" />
+      <path d="M22 20a2 2 0 0 1-2 2" />
+      <path d="M4 16a2 2 0 0 1-2-2" />
+      <path d="M8 10a2 2 0 0 1 2-2h5a1 1 0 0 1 1 1v5a2 2 0 0 1-2 2H9a1 1 0 0 1-1-1z" />
+      <path d="M8 2h2" />
+  </Icon>
+);
+
+export default SquaresIntersect;

package/icons/SquaresSubtract.jsx

@@ -0,0 +1,14 @@
+import Icon from './_Icon.jsx';
+
+const SquaresSubtract = (props) => (
+  <Icon {...props}>
+    <path d="M10 22a2 2 0 0 1-2-2" />
+      <path d="M16 22h-2" />
+      <path d="M16 4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h3a1 1 0 0 0 1-1v-5a2 2 0 0 1 2-2h5a1 1 0 0 0 1-1z" />
+      <path d="M20 8a2 2 0 0 1 2 2" />
+      <path d="M22 14v2" />
+      <path d="M22 20a2 2 0 0 1-2 2" />
+  </Icon>
+);
+
+export default SquaresSubtract;

package/icons/SquaresUnite.jsx

@@ -0,0 +1,9 @@
+import Icon from './_Icon.jsx';
+
+const SquaresUnite = (props) => (
+  <Icon {...props}>
+    <path d="M4 16a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v3a1 1 0 0 0 1 1h3a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2v-3a1 1 0 0 0-1-1z" />
+  </Icon>
+);
+
+export default SquaresUnite;

package/icons/Squircle.jsx

@@ -0,0 +1,9 @@
+import Icon from './_Icon.jsx';
+
+const Squircle = (props) => (
+  <Icon {...props}>
+    <path d="M12 3c7.2 0 9 1.8 9 9s-1.8 9-9 9-9-1.8-9-9 1.8-9 9-9" />
+  </Icon>
+);
+
+export default Squircle;

package/icons/SquircleDashed.jsx

@@ -0,0 +1,16 @@
+import Icon from './_Icon.jsx';
+
+const SquircleDashed = (props) => (
+  <Icon {...props}>
+    <path d="M13.77 3.043a34 34 0 0 0-3.54 0" />
+      <path d="M13.771 20.956a33 33 0 0 1-3.541.001" />
+      <path d="M20.18 17.74c-.51 1.15-1.29 1.93-2.439 2.44" />
+      <path d="M20.18 6.259c-.51-1.148-1.291-1.929-2.44-2.438" />
+      <path d="M20.957 10.23a33 33 0 0 1 0 3.54" />
+      <path d="M3.043 10.23a34 34 0 0 0 .001 3.541" />
+      <path d="M6.26 20.179c-1.15-.508-1.93-1.29-2.44-2.438" />
+      <path d="M6.26 3.82c-1.149.51-1.93 1.291-2.44 2.44" />
+  </Icon>
+);
+
+export default SquircleDashed;

package/icons/Squirrel.jsx

@@ -0,0 +1,12 @@
+import Icon from './_Icon.jsx';
+
+const Squirrel = (props) => (
+  <Icon {...props}>
+    <path d="M15.236 22a3 3 0 0 0-2.2-5" />
+      <path d="M16 20a3 3 0 0 1 3-3h1a2 2 0 0 0 2-2v-2a4 4 0 0 0-4-4V4" />
+      <path d="M18 13h.01" />
+      <path d="M18 6a4 4 0 0 0-4 4 7 7 0 0 0-7 7c0-5 4-5 4-10.5a4.5 4.5 0 1 0-9 0 2.5 2.5 0 0 0 5 0C7 10 3 11 3 17c0 2.8 2.2 5 5 5h10" />
+  </Icon>
+);
+
+export default Squirrel;

package/icons/Stamp.jsx

@@ -0,0 +1,11 @@
+import Icon from './_Icon.jsx';
+
+const Stamp = (props) => (
+  <Icon {...props}>
+    <path d="M14 13V8.5C14 7 15 7 15 5a3 3 0 0 0-6 0c0 2 1 2 1 3.5V13" />
+      <path d="M20 15.5a2.5 2.5 0 0 0-2.5-2.5h-11A2.5 2.5 0 0 0 4 15.5V17a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1z" />
+      <path d="M5 22h14" />
+  </Icon>
+);
+
+export default Stamp;

package/icons/Star.jsx

@@ -0,0 +1,9 @@
+import Icon from './_Icon.jsx';
+
+const Star = (props) => (
+  <Icon {...props}>
+    <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" />
+  </Icon>
+);
+
+export default Star;

package/icons/StarHalf.jsx

@@ -0,0 +1,9 @@
+import Icon from './_Icon.jsx';
+
+const StarHalf = (props) => (
+  <Icon {...props}>
+    <path d="M12 18.338a2.1 2.1 0 0 0-.987.244L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16l2.309-4.679A.53.53 0 0 1 12 2" />
+  </Icon>
+);
+
+export default StarHalf;

package/icons/StarOff.jsx

@@ -0,0 +1,11 @@
+import Icon from './_Icon.jsx';
+
+const StarOff = (props) => (
+  <Icon {...props}>
+    <path d="m10.344 4.688 1.181-2.393a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.237 3.152" />
+      <path d="m17.945 17.945.43 2.505a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a8 8 0 0 0 .4-.099" />
+      <path d="m2 2 20 20" />
+  </Icon>
+);
+
+export default StarOff;

package/icons/StepBack.jsx

@@ -0,0 +1,10 @@
+import Icon from './_Icon.jsx';
+
+const StepBack = (props) => (
+  <Icon {...props}>
+    <path d="M13.971 4.285A2 2 0 0 1 17 6v12a2 2 0 0 1-3.029 1.715l-9.997-5.998a2 2 0 0 1-.003-3.432z" />
+      <path d="M21 20V4" />
+  </Icon>
+);
+
+export default StepBack;

package/icons/StepForward.jsx

@@ -0,0 +1,10 @@
+import Icon from './_Icon.jsx';
+
+const StepForward = (props) => (
+  <Icon {...props}>
+    <path d="M10.029 4.285A2 2 0 0 0 7 6v12a2 2 0 0 0 3.029 1.715l9.997-5.998a2 2 0 0 0 .003-3.432z" />
+      <path d="M3 4v16" />
+  </Icon>
+);
+
+export default StepForward;

package/icons/Stethoscope.jsx

@@ -0,0 +1,13 @@
+import Icon from './_Icon.jsx';
+
+const Stethoscope = (props) => (
+  <Icon {...props}>
+    <path d="M11 2v2" />
+      <path d="M5 2v2" />
+      <path d="M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1" />
+      <path d="M8 15a6 6 0 0 0 12 0v-3" />
+      <circle cx="20" cy="10" r="2" />
+  </Icon>
+);
+
+export default Stethoscope;

package/icons/Sticker.jsx

@@ -0,0 +1,13 @@
+import Icon from './_Icon.jsx';
+
+const Sticker = (props) => (
+  <Icon {...props}>
+    <path d="M21 9a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2z" />
+      <path d="M15 3v5a1 1 0 0 0 1 1h5" />
+      <path d="M8 13h.01" />
+      <path d="M16 13h.01" />
+      <path d="M10 16s.8 1 2 1c1.3 0 2-1 2-1" />
+  </Icon>
+);
+
+export default Sticker;

package/icons/StickyNote.jsx

@@ -0,0 +1,10 @@
+import Icon from './_Icon.jsx';
+
+const StickyNote = (props) => (
+  <Icon {...props}>
+    <path d="M21 9a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2z" />
+      <path d="M15 3v5a1 1 0 0 0 1 1h5" />
+  </Icon>
+);
+
+export default StickyNote;

package/icons/Stone.jsx

@@ -0,0 +1,11 @@
+import Icon from './_Icon.jsx';
+
+const Stone = (props) => (
+  <Icon {...props}>
+    <path d="M11.264 2.205A4 4 0 0 0 6.42 4.211l-4 8a4 4 0 0 0 1.359 5.117l6 4a4 4 0 0 0 4.438 0l6-4a4 4 0 0 0 1.576-4.592l-2-6a4 4 0 0 0-2.53-2.53z" />
+      <path d="M11.99 22 14 12l7.822 3.184" />
+      <path d="M14 12 8.47 2.302" />
+  </Icon>
+);
+
+export default Stone;

package/icons/Store.jsx

@@ -0,0 +1,11 @@
+import Icon from './_Icon.jsx';
+
+const Store = (props) => (
+  <Icon {...props}>
+    <path d="M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5" />
+      <path d="M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244" />
+      <path d="M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05" />
+  </Icon>
+);
+
+export default Store;

package/icons/StretchHorizontal.jsx

@@ -0,0 +1,10 @@
+import Icon from './_Icon.jsx';
+
+const StretchHorizontal = (props) => (
+  <Icon {...props}>
+    <rect width="20" height="6" x="2" y="4" rx="2" />
+      <rect width="20" height="6" x="2" y="14" rx="2" />
+  </Icon>
+);
+
+export default StretchHorizontal;

package/icons/StretchVertical.jsx

@@ -0,0 +1,10 @@
+import Icon from './_Icon.jsx';
+
+const StretchVertical = (props) => (
+  <Icon {...props}>
+    <rect width="6" height="20" x="4" y="2" rx="2" />
+      <rect width="6" height="20" x="14" y="2" rx="2" />
+  </Icon>
+);
+
+export default StretchVertical;

package/icons/Strikethrough.jsx

@@ -0,0 +1,11 @@
+import Icon from './_Icon.jsx';
+
+const Strikethrough = (props) => (
+  <Icon {...props}>
+    <path d="M16 4H9a3 3 0 0 0-2.83 4" />
+      <path d="M14 12a4 4 0 0 1 0 8H6" />
+      <line x1="4" x2="20" y1="12" y2="12" />
+  </Icon>
+);
+
+export default Strikethrough;

package/icons/Subscript.jsx

@@ -0,0 +1,11 @@
+import Icon from './_Icon.jsx';
+
+const Subscript = (props) => (
+  <Icon {...props}>
+    <path d="m4 5 8 8" />
+      <path d="m12 5-8 8" />
+      <path d="M20 19h-4c0-1.5.44-2 1.5-2.5S20 15.33 20 14c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07" />
+  </Icon>
+);
+
+export default Subscript;

package/icons/Sun.jsx

@@ -0,0 +1,17 @@
+import Icon from './_Icon.jsx';
+
+const Sun = (props) => (
+  <Icon {...props}>
+    <circle cx="12" cy="12" r="4" />
+      <path d="M12 2v2" />
+      <path d="M12 20v2" />
+      <path d="m4.93 4.93 1.41 1.41" />
+      <path d="m17.66 17.66 1.41 1.41" />
+      <path d="M2 12h2" />
+      <path d="M20 12h2" />
+      <path d="m6.34 17.66-1.41 1.41" />
+      <path d="m19.07 4.93-1.41 1.41" />
+  </Icon>
+);
+
+export default Sun;

package/icons/SunDim.jsx

@@ -0,0 +1,17 @@
+import Icon from './_Icon.jsx';
+
+const SunDim = (props) => (
+  <Icon {...props}>
+    <circle cx="12" cy="12" r="4" />
+      <path d="M12 4h.01" />
+      <path d="M20 12h.01" />
+      <path d="M12 20h.01" />
+      <path d="M4 12h.01" />
+      <path d="M17.657 6.343h.01" />
+      <path d="M17.657 17.657h.01" />
+      <path d="M6.343 17.657h.01" />
+      <path d="M6.343 6.343h.01" />
+  </Icon>
+);
+
+export default SunDim;

package/icons/SunMedium.jsx

@@ -0,0 +1,17 @@
+import Icon from './_Icon.jsx';
+
+const SunMedium = (props) => (
+  <Icon {...props}>
+    <circle cx="12" cy="12" r="4" />
+      <path d="M12 3v1" />
+      <path d="M12 20v1" />
+      <path d="M3 12h1" />
+      <path d="M20 12h1" />
+      <path d="m18.364 5.636-.707.707" />
+      <path d="m6.343 17.657-.707.707" />
+      <path d="m5.636 5.636.707.707" />
+      <path d="m17.657 17.657.707.707" />
+  </Icon>
+);
+
+export default SunMedium;

package/icons/SunMoon.jsx

@@ -0,0 +1,13 @@
+import Icon from './_Icon.jsx';
+
+const SunMoon = (props) => (
+  <Icon {...props}>
+    <path d="M12 2v2" />
+      <path d="M14.837 16.385a6 6 0 1 1-7.223-7.222c.624-.147.97.66.715 1.248a4 4 0 0 0 5.26 5.259c.589-.255 1.396.09 1.248.715" />
+      <path d="M16 12a4 4 0 0 0-4-4" />
+      <path d="m19 5-1.256 1.256" />
+      <path d="M20 12h2" />
+  </Icon>
+);
+
+export default SunMoon;

package/icons/SunSnow.jsx

@@ -0,0 +1,19 @@
+import Icon from './_Icon.jsx';
+
+const SunSnow = (props) => (
+  <Icon {...props}>
+    <path d="M10 21v-1" />
+      <path d="M10 4V3" />
+      <path d="M10 9a3 3 0 0 0 0 6" />
+      <path d="m14 20 1.25-2.5L18 18" />
+      <path d="m14 4 1.25 2.5L18 6" />
+      <path d="m17 21-3-6 1.5-3H22" />
+      <path d="m17 3-3 6 1.5 3" />
+      <path d="M2 12h1" />
+      <path d="m20 10-1.5 2 1.5 2" />
+      <path d="m3.64 18.36.7-.7" />
+      <path d="m4.34 6.34-.7-.7" />
+  </Icon>
+);
+
+export default SunSnow;