@synotech/icons 1.0.0

package/src/SyCalendarAdd.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyCalendarAdd = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path
+			fillOpacity={0.24}
+			fillRule="evenodd"
+			d="M7 4.432c0-.155 0-.233-.05-.278-.052-.045-.128-.035-.28-.015-1.12.143-1.902.436-2.498 1.033C3 6.343 3 8.229 3 12s0 5.657 1.172 6.828S7.229 20 11 20h2c3.771 0 5.657 0 6.828-1.172S21 15.771 21 12s0-5.657-1.172-6.828c-.596-.597-1.378-.89-2.499-1.033-.151-.02-.227-.03-.278.015S17 4.277 17 4.432V6.5a1.5 1.5 0 0 1-3 0V4.3c0-.141 0-.212-.044-.255S13.842 4 13.701 4H10.3c-.142 0-.212 0-.256.045C10 4.088 10 4.159 10 4.3v2.2a1.5 1.5 0 1 1-3 0z"
+			clipRule="evenodd"
+		/>
+		<path d="M8.5 2a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5m7 0a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5" />
+		<g strokeLinecap="square">
+			<path d="M11.4 9.4v7.2h1.2V9.4z" />
+			<path d="M8.4 12.4v1.2h7.2v-1.2H9z" />
+		</g>
+	</svg>
+)
+export default SvgSyCalendarAdd

package/src/SyCamera.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyCamera = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<g strokeLinejoin="round">
+			<path
+				fillRule="evenodd"
+				d="M12 3c-.654 0-1.305.025-1.875.078s-1.03.111-1.443.276c-.759.301-1.18.926-1.467 1.439-.286.513-.531.993-.54 1.002-.23.25-.687.361-.779.361A3.91 3.91 0 0 0 2 10.053v5.795a4.98 4.98 0 0 0 4.97 4.968h10.06A4.98 4.98 0 0 0 22 15.848v-5.795a3.91 3.91 0 0 0-3.896-3.897c-.094 0-.55-.11-.78-.36-.007-.007-.252-.49-.539-1.003s-.708-1.138-1.467-1.44c-.413-.164-.873-.222-1.443-.275S12.654 3 12 3m0 1.5c.614 0 1.23.025 1.736.072s.936.14 1.028.176c.251.1.487.378.71.777.224.4.34.844.745 1.286a2.54 2.54 0 0 0 1.885.845 2.386 2.386 0 0 1 2.396 2.397v5.795a3.46 3.46 0 0 1-3.47 3.468H6.97a3.46 3.46 0 0 1-3.47-3.468v-5.795a2.386 2.386 0 0 1 2.396-2.397c.561 0 1.286-.196 1.883-.845h.002c.406-.442.521-.886.744-1.286.224-.4.46-.677.711-.777.093-.037.52-.128 1.028-.176A19 19 0 0 1 12 4.5"
+				clipRule="evenodd"
+			/>
+			<path d="M17.496 8.7a1 1 0 0 0-1 1 1 1 0 0 0 1 1h.008a1 1 0 0 0 1-1 1 1 0 0 0-1-1z" opacity={0.4} />
+			<path
+				fillRule="evenodd"
+				d="M12 9.398c-2.161 0-3.93 1.769-3.93 3.93s1.769 3.93 3.93 3.93 3.93-1.769 3.93-3.93-1.769-3.93-3.93-3.93m0 1.5c1.35 0 2.43 1.08 2.43 2.43s-1.08 2.43-2.43 2.43-2.43-1.08-2.43-2.43 1.08-2.43 2.43-2.43"
+				clipRule="evenodd"
+				opacity={0.4}
+			/>
+		</g>
+	</svg>
+)
+export default SvgSyCamera

package/src/SyCandle.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyCandle = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path
+			d="M7.5 4.5h-.25V2c0-.41-.34-.75-.75-.75s-.75.34-.75.75v2.5H5.5C3.91 4.5 3 5.41 3 7v6c0 1.59.91 2.5 2.5 2.5h.25V22c0 .41.34.75.75.75s.75-.34.75-.75v-6.5h.25c1.59 0 2.5-.91 2.5-2.5V7c0-1.59-.91-2.5-2.5-2.5"
+			opacity={0.4}
+		/>
+		<path d="M18.5 8.5h-.25V2c0-.41-.34-.75-.75-.75s-.75.34-.75.75v6.5h-.25c-1.59 0-2.5.91-2.5 2.5v6c0 1.59.91 2.5 2.5 2.5h.25V22c0 .41.34.75.75.75s.75-.34.75-.75v-2.5h.25c1.59 0 2.5-.91 2.5-2.5v-6c0-1.59-.91-2.5-2.5-2.5" />
+	</svg>
+)
+export default SvgSyCandle

package/src/SyCapsule.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyCapsule = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" {...props}>
+		<path
+			fillOpacity={0.24}
+			d="M250.3 263.3 105.9 407.7c-79.8 79.8-79.8 209.1 0 288.9 39.9 39.9 92.2 59.8 144.4 59.8s104.5-19.9 144.4-59.8l144.4-144.4z"
+		/>
+		<path d="M751.6 177c-11.2-27.6-28-53.5-50.4-75.9-22.3-22.3-48.2-39.2-75.9-50.4-27.6-11.2-56.9-16.8-86.3-16.8-29.3 0-58.6 5.6-86.3 16.8-27.6 11.2-53.5 28-75.9 50.4L232.4 245.5 88 389.9c-22.3 22.3-39.2 48.2-50.4 75.9-11.2 27.6-16.8 56.9-16.8 86.3 0 29.3 5.6 58.6 16.8 86.3 11.2 27.6 28 53.5 50.4 75.9 22.3 22.3 48.2 39.2 75.9 50.4 27.6 11.2 56.9 16.8 86.3 16.8 29.3 0 58.6-5.6 86.3-16.8 27.6-11.2 53.5-28 75.9-50.4l144.4-144.4 144.4-144.4c22.3-22.3 39.2-48.2 50.4-75.9 11.2-27.6 16.8-56.9 16.8-86.3 0-29.3-5.6-58.6-16.8-86.3M317.7 718.2c-21.6 8.7-44.5 13.1-67.5 13.1s-45.9-4.4-67.5-13.1-41.7-21.8-59.3-39.4c-17.5-17.6-30.6-37.7-39.4-59.3-8.7-21.6-13.1-44.5-13.1-67.5s4.4-45.9 13.1-67.5 21.8-41.7 39.4-59.3l126.8-126.8 253.5 253.5-126.8 126.8c-17.6 17.5-37.7 30.6-59.3 39.4zm387.5-387.5c-8.7 21.6-21.8 41.7-39.4 59.3L539 516.8 285.5 263.3l126.8-126.8c17.6-17.5 37.7-30.6 59.3-39.4 21.6-8.7 44.5-13.1 67.5-13.1s45.9 4.4 67.5 13.1 41.7 21.8 59.3 39.4c17.5 17.6 30.6 37.7 39.4 59.3 8.7 21.6 13.1 44.5 13.1 67.5s-4.4 45.9-13.1 67.5z" />
+	</svg>
+)
+export default SvgSyCapsule

package/src/SyCategory.tsx

@@ -0,0 +1,15 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyCategory = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<g fillRule="evenodd" strokeLinejoin="round" clipRule="evenodd">
+			<path d="M6.5 2.25c-.9 0-1.601.053-2.193.201s-1.102.42-1.444.844c-.684.848-.613 1.89-.613 3.205 0 1.312-.083 2.348.598 3.201.34.427.849.701 1.443.85s1.3.199 2.209.199 1.615-.05 2.209-.2c.594-.148 1.103-.422 1.443-.849.68-.853.598-1.89.598-3.201 0-1.315.07-2.357-.613-3.205-.342-.424-.852-.695-1.444-.844C8.101 2.303 7.4 2.25 6.5 2.25m0 1.5c.836 0 1.44.057 1.83.154.39.098.54.21.639.332.198.246.281.954.281 2.264 0 1.314-.078 2.027-.27 2.268-.096.12-.243.228-.634.326-.391.097-1 .156-1.846.156s-1.455-.059-1.846-.156c-.39-.098-.538-.206-.634-.326-.192-.241-.27-.954-.27-2.268 0-1.31.083-2.018.281-2.264.1-.122.25-.234.639-.332.39-.097.994-.154 1.83-.154" />
+			<path
+				d="M17.5 2.25c-.9 0-1.601.053-2.193.201s-1.102.42-1.444.844c-.684.848-.613 1.89-.613 3.205 0 1.312-.083 2.348.598 3.201.34.427.849.701 1.443.85.594.148 1.3.199 2.209.199s1.615-.05 2.209-.2c.594-.148 1.103-.422 1.443-.849.68-.853.598-1.89.598-3.201 0-1.315.07-2.357-.613-3.205-.342-.424-.852-.695-1.444-.844-.592-.148-1.294-.201-2.193-.201m0 1.5c.836 0 1.44.057 1.83.154.39.098.54.21.639.332.198.246.281.954.281 2.264 0 1.314-.078 2.027-.27 2.268-.096.12-.243.228-.634.326s-1 .156-1.846.156-1.455-.059-1.846-.156-.538-.206-.634-.326c-.192-.241-.27-.954-.27-2.268 0-1.31.083-2.018.281-2.264.1-.122.25-.234.639-.332.39-.097.994-.154 1.83-.154"
+				opacity={0.4}
+			/>
+			<path d="M6.5 13.25c-.9 0-1.601.053-2.193.201s-1.102.42-1.444.844c-.684.848-.613 1.89-.613 3.205 0 1.312-.083 2.348.598 3.201.34.427.849.701 1.443.85.594.148 1.3.199 2.209.199s1.615-.05 2.209-.2c.594-.148 1.103-.422 1.443-.849.68-.853.598-1.89.598-3.201 0-1.315.07-2.357-.613-3.205-.342-.424-.852-.695-1.444-.844-.592-.148-1.294-.201-2.193-.201m0 1.5c.836 0 1.44.057 1.83.154.39.098.54.21.639.332.198.246.281.954.281 2.264 0 1.314-.078 2.027-.27 2.268-.096.12-.243.228-.634.326s-1 .156-1.846.156-1.455-.059-1.846-.156c-.39-.098-.538-.206-.634-.326-.192-.241-.27-.954-.27-2.268 0-1.31.083-2.018.281-2.264.1-.122.25-.234.639-.332.39-.097.994-.154 1.83-.154m11-1.5c-.9 0-1.601.053-2.193.201s-1.102.42-1.444.844c-.684.848-.613 1.89-.613 3.205 0 1.312-.083 2.348.598 3.201.34.427.849.701 1.443.85.594.148 1.3.199 2.209.199s1.615-.05 2.209-.2c.594-.148 1.103-.422 1.443-.849.68-.853.598-1.89.598-3.201 0-1.315.07-2.357-.613-3.205-.342-.424-.852-.695-1.444-.844S18.4 13.25 17.5 13.25m0 1.5c.836 0 1.44.057 1.83.154.39.098.54.21.639.332.198.246.281.954.281 2.264 0 1.314-.078 2.027-.27 2.268-.096.12-.243.228-.634.326s-1 .156-1.846.156-1.455-.059-1.846-.156-.538-.206-.634-.326c-.192-.241-.27-.954-.27-2.268 0-1.31.083-2.018.281-2.264.1-.122.25-.234.639-.332s.994-.154 1.83-.154" />
+		</g>
+	</svg>
+)
+export default SvgSyCategory

package/src/SyChart.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChart = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<g strokeLinejoin="round">
+			<path
+				d="M7.371 9.451a.75.75 0 0 0-.75.75v6.861a.75.75 0 0 0 .75.75.75.75 0 0 0 .75-.75v-6.86a.75.75 0 0 0-.75-.75M12.04 6.17a.75.75 0 0 0-.75.75v10.143a.75.75 0 0 0 .75.75.75.75 0 0 0 .75-.75V6.92a.75.75 0 0 0-.75-.75m4.589 6.906a.75.75 0 0 0-.75.75v3.236a.75.75 0 0 0 .75.75.75.75 0 0 0 .75-.75v-3.236a.75.75 0 0 0-.75-.75"
+				opacity={0.4}
+			/>
+			<path
+				fillRule="evenodd"
+				d="M7.314 1.25c-1.81 0-3.365.661-4.431 1.805S1.25 5.793 1.25 7.585v8.83c0 1.791.564 3.386 1.629 4.53s2.62 1.805 4.435 1.805h9.372c1.814 0 3.37-.66 4.435-1.805 1.065-1.144 1.629-2.739 1.629-4.53v-8.83c0-1.791-.564-3.386-1.629-4.53s-2.62-1.805-4.435-1.805zm0 1.5h9.372c1.461 0 2.565.496 3.337 1.326s1.227 2.03 1.227 3.51v8.828c0 1.48-.454 2.68-1.227 3.51-.772.83-1.876 1.326-3.337 1.326H7.314c-1.461 0-2.565-.496-3.337-1.326s-1.227-2.03-1.227-3.51V7.586c0-1.48.456-2.68 1.23-3.51.775-.83 1.878-1.326 3.334-1.326"
+				clipRule="evenodd"
+			/>
+		</g>
+	</svg>
+)
+export default SvgSyChart

package/src/SyChart21.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChart21 = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path d="M22 22H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h20c.41 0 .75.34.75.75s-.34.75-.75.75" />
+		<path d="M9.75 4v18h4.5V4c0-1.1-.45-2-1.8-2h-.9c-1.35 0-1.8.9-1.8 2" />
+		<path
+			d="M3 10v12h4V10c0-1.1-.4-2-1.6-2h-.8C3.4 8 3 8.9 3 10m14 5v7h4v-7c0-1.1-.4-2-1.6-2h-.8c-1.2 0-1.6.9-1.6 2"
+			opacity={0.4}
+		/>
+	</svg>
+)
+export default SvgSyChart21

package/src/SyChartAlt.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChartAlt = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<rect width={18} height={18} x={3} y={3} fillOpacity={0.24} rx={2} />
+		<path d="M17.934 7.404a.6.6 0 0 0-.403.221l-3.58 4.477-2.41-2.41a.76.76 0 0 0-1.107.05l-4.895 5.873a.6.6 0 0 0 .076.846.6.6 0 0 0 .846-.076l4.578-5.496 2.418 2.418a.76.76 0 0 0 1.115-.063l3.897-4.869a.6.6 0 0 0-.094-.844.6.6 0 0 0-.441-.127" />
+	</svg>
+)
+export default SvgSyChartAlt

package/src/SyChat.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChat = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<g strokeLinejoin="round">
+			<path
+				fillRule="evenodd"
+				d="M12 1.254a10.7 10.7 0 0 0-7.6 3.142c-3.28 3.28-3.996 8.15-2.154 12.131l-.016-.035c.219.544.336.91.336 1.135 0 .356-.235.985-.445 1.656-.105.336-.201.69-.201 1.09s.139.881.482 1.225h.002c.344.343.822.482 1.223.482.4 0 .755-.098 1.09-.203.669-.21 1.295-.448 1.648-.451.218 0 .596.124 1.14.344l-.034-.016c3.981 1.841 8.85 1.126 12.13-2.154 4.188-4.189 4.196-11.008 0-15.204A10.72 10.72 0 0 0 12 1.254m0 1.492c2.367 0 4.734.904 6.541 2.711a9.24 9.24 0 0 1 0 13.082 9.25 9.25 0 0 1-10.44 1.854l-.035-.014c-.548-.22-1.066-.453-1.7-.453H6.36c-.834.005-1.537.344-2.093.52-.279.087-.512.134-.641.134-.13 0-.124-.002-.164-.043s-.043-.034-.043-.164.046-.363.133-.643c.174-.558.513-1.265.513-2.103 0-.627-.221-1.141-.443-1.693l-.016-.038A9.25 9.25 0 0 1 5.461 5.457 9.22 9.22 0 0 1 12 2.747"
+				clipRule="evenodd"
+			/>
+			<path
+				d="M15.94 11.414a1 1 0 0 0-1 1 1 1 0 0 0 1 1h.01a1 1 0 0 0 1-1 1 1 0 0 0-1-1zm-4.01 0a1 1 0 0 0-1 1 1 1 0 0 0 1 1h.01a1 1 0 0 0 1-1 1 1 0 0 0-1-1zm-4.008 0a1 1 0 0 0-1 1 1 1 0 0 0 1 1h.008a1 1 0 0 0 1-1 1 1 0 0 0-1-1z"
+				opacity={0.4}
+			/>
+		</g>
+	</svg>
+)
+export default SvgSyChat

package/src/SyChatAlt2.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChatAlt2 = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path
+			fillOpacity={0.24}
+			fillRule="evenodd"
+			d="M19.326 5.778C20 6.787 20 8.19 20 11s0 4.213-.674 5.222a4 4 0 0 1-1.104 1.104c-.881.589-2.064.663-4.222.673V18l-1.106 2.211a1 1 0 0 1-1.788 0L10 18v-.001c-2.158-.01-3.34-.084-4.222-.673a4 4 0 0 1-1.104-1.104C4 15.213 4 13.81 4 11s0-4.213.674-5.222a4 4 0 0 1 1.104-1.104C6.787 4 8.19 4 11 4h2c2.809 0 4.213 0 5.222.674a4 4 0 0 1 1.104 1.104"
+			clipRule="evenodd"
+		/>
+		<path d="M8.5 9a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5zm0 3a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5z" />
+	</svg>
+)
+export default SvgSyChatAlt2

package/src/SyChatAltAdd.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChatAltAdd = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path
+			fillOpacity={0.24}
+			d="M4 12c0-2.8 0-4.2.545-5.27A5 5 0 0 1 6.73 4.545C7.8 4 9.2 4 12 4s4.2 0 5.27.545a5 5 0 0 1 2.185 2.185C20 7.8 20 9.2 20 12v6c0 .943 0 1.414-.293 1.707S18.943 20 18 20h-6c-2.8 0-4.2 0-5.27-.545a5 5 0 0 1-2.185-2.185C4 16.2 4 14.8 4 12"
+		/>
+		<path d="M12 8.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5.5.5 0 0 0 .5-.5V9a.5.5 0 0 0-.5-.5" />
+		<path d="M9 11.5a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5z" />
+	</svg>
+)
+export default SvgSyChatAltAdd

package/src/SyChatPlus1.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChatPlus1 = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path
+			fillOpacity={0.24}
+			d="M20 12c0-2.8 0-4.2-.545-5.27a5 5 0 0 0-2.185-2.185C16.2 4 14.8 4 12 4s-4.2 0-5.27.545A5 5 0 0 0 4.545 6.73C4 7.8 4 9.2 4 12v6c0 .943 0 1.414.293 1.707S5.057 20 6 20h6c2.8 0 4.2 0 5.27-.545a5 5 0 0 0 2.185-2.185C20 16.2 20 14.8 20 12"
+		/>
+		<path d="M8.5 12a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5zm0 3a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5zm9-12a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5" />
+		<path d="M14.5 6a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5z" />
+	</svg>
+)
+export default SvgSyChatPlus1

package/src/SyChatSearch.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChatSearch = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path
+			fillOpacity={0.24}
+			d="M20 12c0-2.8 0-4.2-.545-5.27a5 5 0 0 0-2.185-2.185C16.2 4 14.8 4 12 4s-4.2 0-5.27.545A5 5 0 0 0 4.545 6.73C4 7.8 4 9.2 4 12v6c0 .943 0 1.414.293 1.707S5.057 20 6 20h6c2.8 0 4.2 0 5.27-.545a5 5 0 0 0 2.185-2.185C20 16.2 20 14.8 20 12"
+		/>
+		<path d="M8.5 8a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5zm0 3a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5zm8 2c-1.375 0-2.5 1.125-2.5 2.5s1.125 2.5 2.5 2.5 2.5-1.125 2.5-2.5-1.125-2.5-2.5-2.5m0 1c.834 0 1.5.666 1.5 1.5s-.666 1.5-1.5 1.5-1.5-.666-1.5-1.5.666-1.5 1.5-1.5m2.146 3.646a.5.5 0 0 0 0 .708l1.5 1.5a.5.5 0 0 0 .708 0 .5.5 0 0 0 0-.708l-1.5-1.5a.5.5 0 0 0-.708 0" />
+	</svg>
+)
+export default SvgSyChatSearch

package/src/SyChatSearchLight.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChatSearchLight = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path d="M9.5 5C7.02 5 5 7.02 5 9.5v8c0 .823.678 1.5 1.5 1.5h8a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5h-8a.493.493 0 0 1-.5-.5v-8C6 7.561 7.561 6 9.5 6h5C16.439 6 18 7.561 18 9.5v2a.5.5 0 0 0 .5.5.5.5 0 0 0 .5-.5v-2C19 7.02 16.98 5 14.5 5z" />
+		<path
+			fillOpacity={0.24}
+			d="M7.5 9.9a.6.6 0 0 0-.6.6.6.6 0 0 0 .6.6h7a.6.6 0 0 0 .6-.6.6.6 0 0 0-.6-.6zm0 3a.6.6 0 0 0-.6.6.6.6 0 0 0 .6.6h5a.6.6 0 0 0 .6-.6.6.6 0 0 0-.6-.6z"
+		/>
+		<path d="M16.5 13c-1.375 0-2.5 1.125-2.5 2.5s1.125 2.5 2.5 2.5 2.5-1.125 2.5-2.5-1.125-2.5-2.5-2.5m0 1c.834 0 1.5.666 1.5 1.5s-.666 1.5-1.5 1.5-1.5-.666-1.5-1.5.666-1.5 1.5-1.5m2.146 3.646a.5.5 0 0 0 0 .708l1.5 1.5a.5.5 0 0 0 .708 0 .5.5 0 0 0 0-.708l-1.5-1.5a.5.5 0 0 0-.708 0" />
+	</svg>
+)
+export default SvgSyChatSearchLight

package/src/SyCheck.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyCheck = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path d="m8.6 20.4-8-8 2-2 6 6L21.4 3.6l2 2z" />
+	</svg>
+)
+export default SvgSyCheck

package/src/SyCheckRing.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyCheckRing = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<circle cx={12} cy={12} r={8} fillOpacity={0.24} />
+		<path d="M15.076 9.576 11.5 13.15l-1.576-1.574-.848.848 1.893 1.894a.76.76 0 0 0 1.062 0l3.893-3.894z" />
+	</svg>
+)
+export default SvgSyCheckRing

package/src/SyCheckRingRound.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyCheckRingRound = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<circle cx={12} cy={12} r={8} fillOpacity={0.24} />
+		<path d="M15.076 9.576 11.5 13.15l-1.576-1.574-.848.848 1.893 1.894a.76.76 0 0 0 1.062 0l3.893-3.894z" />
+		<path d="M12 4a8.002 8.002 0 0 0-1.56 15.846 8 8 0 0 0 8.213-3.4A8 8 0 0 0 20 12a.5.5 0 0 0-.5-.5.5.5 0 0 0-.5.5 6.999 6.999 0 1 1-7-7 .5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5" />
+	</svg>
+)
+export default SvgSyCheckRingRound

package/src/SyChevronDown.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChevronDown = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path d="M5 7.75a.75.75 0 0 0-.531.219.75.75 0 0 0 0 1.062l7 7a.75.75 0 0 0 1.062 0l7-7a.75.75 0 0 0 0-1.062.75.75 0 0 0-1.062 0L12 14.438l-6.469-6.47A.75.75 0 0 0 5 7.75" />
+	</svg>
+)
+export default SvgSyChevronDown

package/src/SyChevronDownSystem.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChevronDownSystem = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path d="m23.1 7.4-2-2-9.1 9.1-9.1-9-2 2L12 18.6 23.1 7.5z" />
+	</svg>
+)
+export default SvgSyChevronDownSystem

package/src/SyChevronLeftSystem.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChevronLeftSystem = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path d="m7.4 23.1-2-2 9.1-9.1-9-9.1 2-2L18.6 12 7.5 23.1z" />
+	</svg>
+)
+export default SvgSyChevronLeftSystem

package/src/SyChevronRight.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChevronRight = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path d="M8.5 4.25a.75.75 0 0 0-.531.219.75.75 0 0 0 0 1.062L14.438 12l-6.47 6.469a.75.75 0 0 0 0 1.062.75.75 0 0 0 1.063 0l7-7a.75.75 0 0 0 0-1.062l-7-7A.75.75 0 0 0 8.5 4.25" />
+	</svg>
+)
+export default SvgSyChevronRight

package/src/SyChevronRightSystem.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChevronRightSystem = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path d="m7.4 23.1-2-2 9.1-9.1-9-9.1 2-2L18.6 12 7.5 23.1z" />
+	</svg>
+)
+export default SvgSyChevronRightSystem

package/src/SyChevronUp.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChevronUp = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path d="m11.469 7.969-7 7a.75.75 0 0 0 0 1.062.75.75 0 0 0 1.062 0L12 9.563l6.469 6.468a.75.75 0 0 0 1.062 0 .75.75 0 0 0 0-1.062l-7-7a.75.75 0 0 0-1.062 0" />
+	</svg>
+)
+export default SvgSyChevronUp

package/src/SyChevronUpSystem.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChevronUpSystem = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path d="m23.1 16.6-2 2L12 9.5l-9.1 9-2-2L12 5.5z" />
+	</svg>
+)
+export default SvgSyChevronUpSystem

package/src/SyChield.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChield = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path d="m16.487 17.795-3.906 2.79a1 1 0 0 1-1.162 0l-3.906-2.79A6 6 0 0 1 5 12.912V9.15A.15.15 0 0 1 5.15 9h13.7a.15.15 0 0 1 .15.15v3.762a6 6 0 0 1-2.513 4.883" />
+		<path
+			fillOpacity={0.24}
+			d="m15.545 4.52 2.849 1.22a1 1 0 0 1 .606.92v1.19a.15.15 0 0 1-.15.15H5.15A.15.15 0 0 1 5 7.85V6.66a1 1 0 0 1 .606-.92l2.849-1.22a9 9 0 0 1 7.09 0"
+		/>
+	</svg>
+)
+export default SvgSyChield

package/src/SyChieldAlt.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChieldAlt = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path
+			fillOpacity={0.24}
+			d="m15.545 4.52 2.849 1.22a1 1 0 0 1 .606.92v6.252a6 6 0 0 1-2.513 4.883l-3.906 2.79a1 1 0 0 1-1.162 0l-3.906-2.79A6 6 0 0 1 5 12.912V6.66a1 1 0 0 1 .606-.919l2.849-1.22a9 9 0 0 1 7.09 0"
+		/>
+		<circle cx={12} cy={10.5} r={0.5} />
+		<circle cx={9.5} cy={10.5} r={0.5} />
+		<circle cx={14.5} cy={10.5} r={0.5} />
+	</svg>
+)
+export default SvgSyChieldAlt

package/src/SyChieldCheck.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyChieldCheck = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path
+			fillOpacity={0.24}
+			d="m15.545 4.52 2.849 1.22a1 1 0 0 1 .606.92v6.252a6 6 0 0 1-2.513 4.883l-3.906 2.79a1 1 0 0 1-1.162 0l-3.906-2.79A6 6 0 0 1 5 12.912V6.66a1 1 0 0 1 .606-.919l2.849-1.22a9 9 0 0 1 7.09 0"
+		/>
+		<path d="M15.146 10.146 11.5 13.793l-1.646-1.647-.708.708 1.895 1.894c.25.25.668.25.918 0l3.895-3.894z" />
+	</svg>
+)
+export default SvgSyChieldCheck

package/src/SyCircle.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyCircle = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
+		<path d="M464 256a208 208 0 1 0-416 0 208 208 0 1 0 416 0M0 256a256 256 0 1 1 512 0 256 256 0 1 1-512 0" />
+	</svg>
+)
+export default SvgSyCircle

package/src/SyCircleFilled.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyCircleFilled = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
+		<path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512" />
+	</svg>
+)
+export default SvgSyCircleFilled

package/src/SyClipboard.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyClipboard = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path
+			d="M13.89 2.88 9.2 2.14c-3.91-.61-5.72.71-6.34 4.62l-.74 4.69c-.4 2.56.02 4.22 1.47 5.23.76.54 1.8.9 3.15 1.11l4.69.74c3.91.61 5.72-.71 6.34-4.62l.73-4.69c.12-.77.17-1.46.13-2.07-.13-2.5-1.6-3.78-4.74-4.27M8.24 9.35c-1.17 0-2.12-.95-2.12-2.11 0-1.17.95-2.12 2.12-2.12 1.16 0 2.11.95 2.11 2.12 0 1.16-.95 2.11-2.11 2.11"
+			opacity={0.4}
+		/>
+		<path d="M20.5 13.47 19 17.98c-1.25 3.76-3.25 4.76-7.01 3.51l-4.51-1.5c-2.27-.75-3.53-1.79-3.89-3.31.76.54 1.8.9 3.15 1.11l4.69.74c3.91.61 5.72-.71 6.34-4.62l.73-4.69c.12-.77.17-1.46.13-2.07 2.39 1.27 2.91 3.19 1.87 6.32M10.35 7.24c0 1.16-.95 2.11-2.11 2.11-1.17 0-2.12-.95-2.12-2.11 0-1.17.95-2.12 2.12-2.12 1.16 0 2.11.95 2.11 2.12" />
+	</svg>
+)
+export default SvgSyClipboard

package/src/SyClock.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyClock = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<circle cx={12} cy={12} r={9} fillOpacity={0.24} />
+		<path d="M5.129 2.32a.5.5 0 0 0-.379.051A6.5 6.5 0 0 0 2.371 4.75a.5.5 0 0 0 .184.684.5.5 0 0 0 .681-.184A5.5 5.5 0 0 1 5.25 3.236a.5.5 0 0 0 .184-.681.5.5 0 0 0-.305-.235m14.121.051a.5.5 0 0 0-.684.184.5.5 0 0 0 .184.681 5.5 5.5 0 0 1 2.014 2.014.5.5 0 0 0 .681.184.5.5 0 0 0 .184-.684 6.5 6.5 0 0 0-2.379-2.379M12 6a.5.5 0 0 0-.5.5v5.25c0 .408.342.75.75.75h4.25a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5h-4v-5A.5.5 0 0 0 12 6" />
+	</svg>
+)
+export default SvgSyClock

package/src/SyClose.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyClose = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path d="M10.586 12 2.793 4.207l1.414-1.414L12 10.586l7.793-7.793 1.414 1.414L13.414 12l7.793 7.793-1.414 1.414L12 13.414l-7.793 7.793-1.414-1.414z" />
+	</svg>
+)
+export default SvgSyClose

package/src/SyCloseSquare.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyCloseSquare = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<circle cx={12} cy={12} r={9} fillOpacity={0.24} />
+		<g strokeLinecap="square" strokeLinejoin="round">
+			<path d="m16 7.152-.424.424-8 8-.424.424.848.848.424-.424 8-8L16.848 8z" />
+			<path d="M8 7.152 7.152 8l.424.424 8 8 .424.424.848-.848-.424-.424-8-8z" />
+		</g>
+	</svg>
+)
+export default SvgSyCloseSquare

package/src/SyCloud.tsx

@@ -0,0 +1,15 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyCloud = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path
+			fillOpacity={0.24}
+			fillRule="evenodd"
+			d="M9 19.99a.01.01 0 0 0-.01-.008 6.5 6.5 0 1 1 5.464-9.094C14.73 11.518 15.312 12 16 12a4 4 0 0 1 0 8H9.01a.01.01 0 0 1-.01-.01"
+			clipRule="evenodd"
+		/>
+		<path d="m8.99 19.982.045.598zm-.044-.598q-.22.015-.446.016v1.2q.27 0 .535-.02zM8.5 19.4a5.9 5.9 0 0 1-5.9-5.9H1.4a7.1 7.1 0 0 0 7.1 7.1zm-5.9-5.9a5.9 5.9 0 0 1 5.9-5.9V6.4a7.1 7.1 0 0 0-7.1 7.1zm5.9-5.9a5.9 5.9 0 0 1 5.405 3.53l1.098-.483A7.1 7.1 0 0 0 8.5 6.4zm7.5 5a3.4 3.4 0 0 1 3.4 3.4h1.2a4.6 4.6 0 0 0-4.6-4.6zm3.4 3.4a3.4 3.4 0 0 1-3.4 3.4v1.2a4.6 4.6 0 0 0 4.6-4.6zM16 19.4H9.01v1.2H16zm-6.99 0a.59.59 0 0 1 .59.59H8.4c0 .337.273.61.61.61zm4.895-8.27c.346.788 1.11 1.47 2.095 1.47v-1.2c-.391 0-.79-.282-.997-.753zm-4.87 9.45a.59.59 0 0 1-.635-.59h1.2a.61.61 0 0 0-.654-.607z" />
+		<path d="M17.57 4.436a4.6 4.6 0 0 0-5.154 4.173l1.197.102a3.399 3.399 0 1 1 4.502 3.5l.393 1.135a4.602 4.602 0 0 0 1.316-7.977 4.6 4.6 0 0 0-2.254-.933" />
+	</svg>
+)
+export default SvgSyCloud

package/src/SyCloudAlt.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyCloudAlt = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path fillOpacity={0.24} fillRule="evenodd" d="M10.528 8A6 6 0 1 1 15 18H8A5 5 0 0 1 8 8z" clipRule="evenodd" />
+		<path d="m10.528 8 .447.4-.179.2h-.268zM15 6.6c-1.6 0-3.035.694-4.025 1.8l-.894-.8A6.6 6.6 0 0 1 15 5.4zm5.4 5.4A5.4 5.4 0 0 0 15 6.6V5.4a6.6 6.6 0 0 1 6.6 6.6zM15 17.4a5.4 5.4 0 0 0 5.4-5.4h1.2a6.6 6.6 0 0 1-6.6 6.6zm-7 0h7v1.2H8zM3.6 13A4.4 4.4 0 0 0 8 17.4v1.2A5.6 5.6 0 0 1 2.4 13zM8 8.6A4.4 4.4 0 0 0 3.6 13H2.4A5.6 5.6 0 0 1 8 7.4zm2.528 0H8V7.4h2.528z" />
+		<path d="M15.73 5.441A6.6 6.6 0 0 0 9.4 8.506a6.6 6.6 0 0 0-1 3.52l1.2-.005a5.4 5.4 0 0 1 3.046-4.88 5.4 5.4 0 0 1 5.72.636 5.398 5.398 0 0 1-2.18 9.49l.263 1.172a6.6 6.6 0 0 0 3.207-1.761v-.002a6.6 6.6 0 0 0 1.778-3.2 6.6 6.6 0 0 0-5.704-8.035" />
+	</svg>
+)
+export default SvgSyCloudAlt

package/src/SyCloudChange.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyCloudChange = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path d="M8.11 11.85c-2.82.2-2.81 4.3 0 4.5h6.67c.81.01 1.59-.3 2.19-.84 1.98-1.73.92-5.2-1.68-5.53-.93-5.64-9.08-3.5-7.15 1.87" />
+		<path
+			d="M9 22.75c-4.27 0-7.75-3.48-7.75-7.75 0-.41.34-.75.75-.75s.75.34.75.75c0 2.96 2.06 5.44 4.83 6.09l-.27-.45a.751.751 0 1 1 1.29-.77l1.05 1.75c.14.23.14.52.01.75-.14.23-.39.38-.66.38m13-13c-.41 0-.75-.34-.75-.75 0-2.96-2.06-5.44-4.83-6.09l.27.45a.75.75 0 1 1-1.29.77l-1.05-1.75a.75.75 0 0 1-.01-.75c.13-.24.38-.38.65-.38 4.27 0 7.75 3.48 7.75 7.75a.74.74 0 0 1-.74.75"
+			opacity={0.4}
+		/>
+	</svg>
+)
+export default SvgSyCloudChange

package/src/SyColorSwatch.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyColorSwatch = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path
+			d="M22 16.5v3c0 1.5-1 2.5-2.5 2.5H6c.41 0 .83-.06 1.22-.19.11-.04.22-.08.33-.13.35-.14.69-.34.99-.6.09-.07.19-.16.28-.25l.04-.04 6.8-6.79h3.84c1.5 0 2.5 1 2.5 2.5"
+			opacity={0.4}
+		/>
+		<path
+			d="M18.37 11.29 15.66 14l-6.8 6.79C9.56 20.07 10 19.08 10 18V8.34l2.71-2.71c1.06-1.06 2.48-1.06 3.54 0l2.12 2.12c1.06 1.06 1.06 2.48 0 3.54"
+			opacity={0.6}
+		/>
+		<path d="M7.5 2h-3C3 2 2 3 2 4.5V18c0 .27.03.54.08.8.03.13.06.26.1.39.05.15.1.3.16.44.01.01.01.02.01.02.01 0 .01 0 0 .01.14.28.3.55.49.8.11.13.22.25.33.37s.23.22.36.32l.01.01c.25.19.52.35.8.49.01-.01.01-.01.01 0 .15.07.3.12.46.17.13.04.26.07.39.1.26.05.53.08.8.08.41 0 .83-.06 1.22-.19.11-.04.22-.08.33-.13.35-.14.69-.34.99-.6.09-.07.19-.16.28-.25l.04-.04C9.56 20.07 10 19.08 10 18V4.5C10 3 9 2 7.5 2M6 19.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5" />
+	</svg>
+)
+export default SvgSyColorSwatch

package/src/SyColorfilter.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyColorfilter = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path
+			d="M14 16c0 1.77-.77 3.37-2 4.46A5.93 5.93 0 0 1 8 22c-3.31 0-6-2.69-6-6 0-2.76 1.88-5.1 4.42-5.79a6.02 6.02 0 0 0 4 3.58c.5.14 1.03.21 1.58.21s1.08-.07 1.58-.21c.27.68.42 1.43.42 2.21"
+			opacity={0.6}
+		/>
+		<path d="M18 8a5.99 5.99 0 0 1-4.42 5.79c-.5.14-1.03.21-1.58.21s-1.08-.07-1.58-.21A5.99 5.99 0 0 1 6 8c0-3.31 2.69-6 6-6s6 2.69 6 6" />
+		<path
+			d="M22 16c0 3.31-2.69 6-6 6a5.93 5.93 0 0 1-4-1.54c1.23-1.09 2-2.69 2-4.46 0-.78-.15-1.53-.42-2.21 1.83-.5 3.31-1.84 4-3.58C20.12 10.9 22 13.24 22 16"
+			opacity={0.4}
+		/>
+	</svg>
+)
+export default SvgSyColorfilter

package/src/SyComment.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyComment = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path
+			fillOpacity={0.24}
+			fillRule="evenodd"
+			d="M5.172 6.172C4 7.343 4 9.229 4 13v5.586c0 .89 1.077 1.337 1.707.707l2.147-2.147a.5.5 0 0 1 .154-.127c.046-.019.097-.019.2-.019H14c1.864 0 2.796 0 3.53-.304a4 4 0 0 0 2.165-2.165C20 13.796 20 12.864 20 11s0-2.796-.304-3.53a4 4 0 0 0-2.165-2.166C16.796 5 15.864 5 14 5h-2C8.229 5 6.343 5 5.172 6.172"
+			clipRule="evenodd"
+		/>
+		<path d="M8.5 9a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5zm0 3a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5z" />
+	</svg>
+)
+export default SvgSyComment

package/src/SyCompass.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyCompass = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<circle cx={12} cy={12} r={9} fillOpacity={0.24} />
+		<path d="M9.831 7.843c.85.458 3.097 1.764 3.901 3.157s.812 3.992.784 4.957a.233.233 0 0 1-.347.2c-.85-.458-3.097-1.764-3.901-3.157s-.812-3.992-.784-4.957a.233.233 0 0 1 .347-.2" />
+	</svg>
+)
+export default SvgSyCompass

package/src/SyCompassNorth.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyCompassNorth = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path
+			fillOpacity={0.24}
+			d="M13.5 3a.5.5 0 0 0-.5.5v3.195l-1.979-3.297v-.002a.58.58 0 0 0-.619-.246.58.58 0 0 0-.402.53V8.5a.5.5 0 0 0 .5.5.5.5 0 0 0 .5-.5V5.305l1.979 3.297v.002a.58.58 0 0 0 .619.246.58.58 0 0 0 .402-.53V3.5a.5.5 0 0 0-.5-.5"
+		/>
+		<path d="m6.2 20.634 5.668-10.393a.15.15 0 0 1 .264 0L17.8 20.634a.15.15 0 0 1-.187.211l-4.536-1.814a.15.15 0 0 1-.092-.113l-.837-4.606c-.03-.165-.266-.165-.296 0l-.837 4.606a.15.15 0 0 1-.092.113l-4.536 1.814a.15.15 0 0 1-.187-.21" />
+	</svg>
+)
+export default SvgSyCompassNorth

package/src/SyConvertCard.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyConvertCard = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path
+			d="M22 14.25a.75.75 0 0 1 .75.75A7.745 7.745 0 0 1 15 22.75a.75.75 0 0 1-.643-1.136l1.05-1.75a.75.75 0 1 1 1.286.772l-.271.452A6.246 6.246 0 0 0 21.25 15a.75.75 0 0 1 .75-.75M7.578 2.912A6.246 6.246 0 0 0 2.75 9a.75.75 0 0 1-1.5 0A7.745 7.745 0 0 1 9 1.25a.75.75 0 0 1 .643 1.136l-1.05 1.75a.75.75 0 0 1-1.286-.772z"
+			clipRule="evenodd"
+			opacity={0.4}
+		/>
+		<path d="M12 15.7v.61H2v-.61c0-1.76.44-2.2 2.22-2.2h5.56c1.78 0 2.22.44 2.22 2.2" opacity={0.4} />
+		<path d="M2 16.31v3.49c0 1.76.44 2.2 2.22 2.2h5.56c1.78 0 2.22-.44 2.22-2.2v-3.49z" />
+		<path d="M22 4.2v.61H12V4.2c0-1.76.44-2.2 2.22-2.2h5.56C21.56 2 22 2.44 22 4.2" opacity={0.4} />
+		<path d="M12 4.81V8.3c0 1.76.44 2.2 2.22 2.2h5.56c1.78 0 2.22-.44 2.22-2.2V4.81z" />
+	</svg>
+)
+export default SvgSyConvertCard

package/src/SyCreditCard.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyCreditCard = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
+		<path d="M493.7 111.9c-5.8-13.7-15.5-25.3-27.6-33.6-12.2-8.2-26.9-13-42.7-13H85.1c-10.5 0-20.6 2.1-29.7 6-13.7 5.8-25.3 15.5-33.6 27.6-8.2 12.2-13 26.9-13 42.7V373c0 10.5 2.1 20.6 6 29.7 5.8 13.7 15.5 25.3 27.6 33.6 12.2 8.2 26.9 13 42.7 13h338.3c10.5 0 20.6-2.1 29.7-6 13.7-5.8 25.3-15.5 33.6-27.6 8.2-12.2 13-26.9 13-42.7V141.6c0-10.5-2.1-20.6-6-29.7M40.6 122.8c3.7-8.7 9.8-16.1 17.5-21.3s16.9-8.2 27-8.2h338.3c6.7 0 13 1.4 18.8 3.8 8.7 3.7 16.1 9.8 21.3 17.5s8.2 16.9 8.2 27v14.5H36.8v-14.5c0-6.7 1.4-13 3.8-18.8m427.3 269.1c-3.7 8.7-9.8 16.1-17.5 21.3s-16.9 8.2-27 8.2H85.1c-6.7 0-13-1.4-18.8-3.8-8.7-3.7-16.1-9.8-21.3-17.5s-8.2-16.9-8.2-27V216.2h434.9v156.9c0 6.7-1.4 13-3.8 18.8" />
+		<path d="M165.2 276.3h-53.4c-7.9 0-15.6 3.2-21.2 8.8s-8.8 13.3-8.8 21.2v22.3c0 7.9 3.2 15.6 8.8 21.2s13.3 8.8 21.2 8.8h53.4c7.9 0 15.6-3.2 21.2-8.8s8.8-13.3 8.8-21.2v-22.3c0-7.9-3.2-15.6-8.8-21.2s-13.3-8.8-21.2-8.8" />
+	</svg>
+)
+export default SvgSyCreditCard

package/src/SyCreditCardDuo.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSyCreditCardDuo = (props: SVGProps<SVGSVGElement>) => (
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+		<path
+			fillOpacity={0.24}
+			d="M3 10c0-1.886 0-2.828.586-3.414S5.114 6 7 6h10c1.886 0 2.828 0 3.414.586S21 8.114 21 10v4c0 1.886 0 2.828-.586 3.414S18.886 18 17 18H7c-1.886 0-2.828 0-3.414-.586S3 15.886 3 14z"
+		/>
+		<circle cx={6} cy={15} r={1} />
+		<path d="M3 9h18v2H3z" />
+	</svg>
+)
+export default SvgSyCreditCardDuo