@dhis2/ui-icons 10.16.2 → 10.16.3-alpha.1

package/src/react/Attachment16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgAttachment16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M7 1a3 3 0 012.995 2.824L10 4v7a2 2 0 01-3.995.15L6 11V5a.5.5 0 01.992-.09L7 5v6a1 1 0 001.993.117L9 11V4a2 2 0 00-3.995-.15L5 4v7a3 3 0 005.995.176L11 11V5a.5.5 0 01.992-.09L12 5v6a4 4 0 01-7.995.2L4 11V4a3 3 0 013-3z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgAttachment16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgAttachment16

package/src/react/Attachment24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgAttachment24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M10.5 2a4.5 4.5 0 014.495 4.288L15 6.5V15a3 3 0 01-5.995.176L9 15V8a1 1 0 011.993-.117L11 8v7a1 1 0 001.993.117L13 15V6.5a2.5 2.5 0 00-4.995-.164L8 6.5V16a4 4 0 007.995.2L16 16V8a1 1 0 011.993-.117L18 8v8a6 6 0 01-11.996.225L6 16V6.5A4.5 4.5 0 0110.5 2z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgAttachment24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgAttachment24

package/src/react/Block16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgBlock16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width={16}
+            height={16}
+            viewBox="0 0 16 16"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                fill="currentColor"
+                d="M8 1a7 7 0 110 14A7 7 0 018 1zM2 8a6 6 0 009.875 4.581L3.419 4.125A5.976 5.976 0 002 8zm6-6c-1.477 0-2.83.534-3.875 1.419l8.456 8.456A6 6 0 008 2z"
+            />
+        </svg>
+    )
+}
+SvgBlock16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgBlock16

package/src/react/Block24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgBlock24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zM4 12a8 8 0 0012.905 6.32L5.679 7.096A7.965 7.965 0 004 12zm8-8c-1.848 0-3.55.627-4.905 1.68l11.226 11.225A8 8 0 0012 4z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgBlock24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgBlock24

package/src/react/Calendar16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgCalendar16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M11.5 2a.5.5 0 01.5.5V4h1a1 1 0 011 1v8a1 1 0 01-1 1H3a1 1 0 01-1-1V5a1 1 0 011-1h1V2.5a.5.5 0 011 0V4h6V2.5a.5.5 0 01.5-.5zM13 6H3v7h10zm-8 4a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM5 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgCalendar16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgCalendar16

package/src/react/Calendar24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgCalendar24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M17 2a1 1 0 011 1v2h1a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h1V3a1 1 0 112 0v2h8V3a1 1 0 011-1zm2 7H5v10h14zm-6 6v2h-2v-2zm-4 0v2H7v-2zm0-4v2H7v-2zm4 0v2h-2v-2zm4 0v2h-2v-2z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgCalendar24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgCalendar24

package/src/react/Checkmark12.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgCheckmark12({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={12}
+            viewBox="0 0 12 12"
+            width={12}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M10.146 2.646a.5.5 0 01.765.638l-.057.07-6 6a.5.5 0 01-.638.057l-.07-.057-3-3a.5.5 0 01.638-.765l.07.057L4.5 8.293z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgCheckmark12.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgCheckmark12

package/src/react/Checkmark16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgCheckmark16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M13.646 3.646a.5.5 0 01.765.638l-.057.07-8 8a.5.5 0 01-.638.057l-.07-.057-3-3a.5.5 0 01.638-.765l.07.057L6 11.293z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgCheckmark16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgCheckmark16

package/src/react/Checkmark24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgCheckmark24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M19.293 6.293a1 1 0 011.497 1.32l-.083.094-10 10a1 1 0 01-1.32.083l-.094-.083-5-5a1 1 0 011.32-1.497l.094.083L10 15.585z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgCheckmark24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgCheckmark24

package/src/react/CheckmarkCircle16.js

@@ -0,0 +1,28 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgCheckmarkCircle16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            width={16}
+            height={16}
+            viewBox="0 0 16 16"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M14 8A6 6 0 112 8a6 6 0 0112 0zm1 0A7 7 0 111 8a7 7 0 0114 0zm-3.646-1.646a.5.5 0 00-.708-.708L7 9.293 5.354 7.646a.5.5 0 10-.708.708l2 2a.5.5 0 00.708 0l4-4z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgCheckmarkCircle16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgCheckmarkCircle16

package/src/react/CheckmarkCircle24.js

@@ -0,0 +1,28 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgCheckmarkCircle24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            width={24}
+            height={24}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M20 12a8 8 0 11-16 0 8 8 0 0116 0zm2 0c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-5.293-1.293a1 1 0 00-1.414-1.414L11 13.586l-1.793-1.793a1 1 0 00-1.414 1.414l2.5 2.5a1 1 0 001.414 0l5-5z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgCheckmarkCircle24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgCheckmarkCircle24

package/src/react/ChevronDown16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgChevronDown16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M4.146 6.146a.5.5 0 01.638-.057l.07.057L8 9.293l3.146-3.147a.5.5 0 01.638-.057l.07.057a.5.5 0 01.057.638l-.057.07-3.5 3.5a.5.5 0 01-.638.057l-.07-.057-3.5-3.5a.5.5 0 010-.708z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgChevronDown16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgChevronDown16

package/src/react/ChevronDown24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgChevronDown24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M11.293 15.707a1 1 0 001.414 0l5-5a1 1 0 00-1.414-1.414L12 13.586 7.707 9.293a1 1 0 00-1.414 1.414z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgChevronDown24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgChevronDown24

package/src/react/ChevronLeft16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgChevronLeft16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M9.146 4.146a.5.5 0 01.765.638l-.057.07L6.707 8l3.147 3.146a.5.5 0 01.057.638l-.057.07a.5.5 0 01-.638.057l-.07-.057-3.5-3.5a.5.5 0 01-.057-.638l.057-.07z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgChevronLeft16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgChevronLeft16

package/src/react/ChevronLeft24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgChevronLeft24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M13.293 6.293a1 1 0 011.497 1.32l-.083.094L10.415 12l4.292 4.293a1 1 0 01.083 1.32l-.083.094a1 1 0 01-1.32.083l-.094-.083-5-5a1 1 0 01-.083-1.32l.083-.094z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgChevronLeft24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgChevronLeft24

package/src/react/ChevronRight16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgChevronRight16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M6.146 4.146a.5.5 0 01.638-.057l.07.057 3.5 3.5a.5.5 0 01.057.638l-.057.07-3.5 3.5a.5.5 0 01-.765-.638l.057-.07L9.293 8 6.146 4.854a.5.5 0 01-.057-.638z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgChevronRight16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgChevronRight16

package/src/react/ChevronRight24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgChevronRight24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M9.293 6.293a1 1 0 011.32-.083l.094.083 5 5a1 1 0 01.083 1.32l-.083.094-5 5a1 1 0 01-1.497-1.32l.083-.094L13.585 12 9.293 7.707a1 1 0 01-.083-1.32z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgChevronRight24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgChevronRight24

package/src/react/ChevronUp16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgChevronUp16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M7.646 5.646a.5.5 0 01.638-.057l.07.057 3.5 3.5a.5.5 0 01-.638.765l-.07-.057L8 6.707 4.854 9.854a.5.5 0 01-.638.057l-.07-.057a.5.5 0 01-.057-.638l.057-.07z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgChevronUp16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgChevronUp16

package/src/react/ChevronUp24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgChevronUp24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M11.293 8.293a1 1 0 011.32-.083l.094.083 5 5a1 1 0 01-1.32 1.497l-.094-.083L12 10.415l-4.293 4.292a1 1 0 01-1.32.083l-.094-.083a1 1 0 01-.083-1.32l.083-.094z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgChevronUp24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgChevronUp24

package/src/react/Clock16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgClock16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2zm.5 1.5v4.293l2.854 2.853-.708.708L7.5 8.207V3.5z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgClock16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgClock16

package/src/react/Clock24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgClock24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm1 2v5.585l2.707 2.708-1.414 1.414L11 12.414V6z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgClock24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgClock24

package/src/react/ClockHistory16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgClockHistory16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M8 1a7 7 0 01.24 13.996L8 15v-1a6 6 0 10-5.996-6.225L2 8H1a7 7 0 017-7zM4.146 8.146l.708.708L2.707 11H7v1H2.707l2.147 2.146-.708.708L.793 11.5zM8.5 3.5v4.293l2.854 2.853-.708.708L7.5 8.207V3.5z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgClockHistory16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgClockHistory16

package/src/react/ClockHistory24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgClockHistory24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M12 2c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L12 22v-2a8 8 0 10-7.996-8.25L4 12H2C2 6.477 6.477 2 12 2zM7.707 12.293a1 1 0 01.083 1.32l-.083.094L5.414 16H10a1 1 0 01.117 1.993L10 18H5.414l2.293 2.293a1 1 0 01.083 1.32l-.083.094a1 1 0 01-1.32.083l-.094-.083-4-4-.073-.082a1.005 1.005 0 01-.007-.008l.08.09A1.008 1.008 0 012 17.02v-.037c0-.024.002-.048.004-.071L2 17a1.008 1.008 0 01.21-.613c.028-.035.054-.066.083-.094l4-4a1 1 0 011.414 0zM13 6v5.585l2.707 2.708-1.414 1.414L11 12.414V6z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgClockHistory24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgClockHistory24

package/src/react/Color16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgColor16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M8 1c4 3.124 6 5.79 6 8A6 6 0 112 9c0-2.21 2-4.876 6-8zm0 1.278l-.05.041C4.622 5.033 3 7.299 3 9a5 5 0 009 3.001L8 12v-1h4.584c.267-.612.416-1.289.416-2H8V8l4.834.001c-.194-.612-.556-1.28-1.09-2L8 6V5h2.923c-.682-.758-1.533-1.566-2.556-2.42z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgColor16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgColor16

package/src/react/Color24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgColor24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M12 2l.71.594C17.57 6.72 20 10.188 20 13a8 8 0 11-16 0c0-2.946 2.667-6.612 8-11zm0 2.622l-.033.029C7.944 8.177 6 11.033 6 13a6 6 0 0010.471 4H12v-2h5.658A5.99 5.99 0 0018 13h-6v-2l5.474.001c-.292-.617-.708-1.284-1.248-2L12 9V7l2.506.001a37.842 37.842 0 00-2.143-2.058z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgColor24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgColor24