@mmb-digital/ds-lilly 1.0.0-alpha.82 → 1.0.0-alpha.84

package/src/components/Components/Avatar/_parts_/CalendarClockDuotone.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react'
+function SvgCalendarClockDuotone(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        opacity={0.4}
+        d="M17 10h-.5c.169 0 .335.01.5.025V10zm-6 5.5a5.5 5.5 0 015.5-5.5H3v8.5A1.5 1.5 0 004.5 20h8.844A5.49 5.49 0 0111 15.5z"
+      />
+      <path d="M17 7.5A1.5 1.5 0 0015.5 6H14V5a1 1 0 00-2 0v1H8V5a1 1 0 00-2 0v1H4.5A1.5 1.5 0 003 7.5V10h14V7.5zm-.5 3.5a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm1.5 5h-1.5a.5.5 0 01-.5-.5v-1.975a.5.5 0 111 0V15h1a.5.5 0 110 1z" />
+    </svg>
+  )
+}
+export default SvgCalendarClockDuotone

package/src/components/Components/Avatar/_parts_/CalendarClockFill.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react'
+function SvgCalendarClockFill(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path d="M17 7.5A1.5 1.5 0 0015.5 6H14V5c0-.55-.45-1-1-1s-1 .45-1 1v1H8V5c0-.55-.45-1-1-1s-1 .45-1 1v1H4.5A1.5 1.5 0 003 7.5V9h14V7.5zm-.5 3.5a4.496 4.496 0 00-4.5 4.5c0 2.488 2.012 4.5 4.5 4.5s4.5-2.012 4.5-4.5-2.012-4.5-4.5-4.5zm1.5 5h-1.695a.305.305 0 01-.305-.305V13.5a.5.5 0 111 0V15h1a.5.5 0 110 1zm-7-.5a5.5 5.5 0 015.5-5.5H3v8.5A1.5 1.5 0 004.5 20h8.844A5.49 5.49 0 0111 15.5z" />
+    </svg>
+  )
+}
+export default SvgCalendarClockFill

package/src/components/Components/Avatar/_parts_/CalendarDuotone.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react'
+function SvgCalendarDuotone(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path opacity={0.4} d="M5 10v8.5A1.5 1.5 0 006.5 20h11a1.5 1.5 0 001.5-1.5V10H5z" />
+      <path d="M17.5 6H16V5a1 1 0 10-2 0v1h-4V5a1 1 0 00-2 0v1H6.5A1.5 1.5 0 005 7.5V10h14V7.5A1.5 1.5 0 0017.5 6z" />
+    </svg>
+  )
+}
+export default SvgCalendarDuotone

package/src/components/Components/Avatar/_parts_/CalendarFill.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react'
+function SvgCalendarFill(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path d="M17.5 6H16V4.5c0-.281-.219-.5-.5-.5h-1c-.281 0-.5.219-.5.5V6h-4V4.5c0-.281-.219-.5-.5-.5h-1c-.281 0-.5.219-.5.5V6H6.5C5.687 6 5 6.688 5 7.5V9h14V7.5c0-.813-.688-1.5-1.5-1.5zM5 18.5c0 .813.688 1.5 1.5 1.5h11c.813 0 1.5-.688 1.5-1.5V10H5v8.5z" />
+    </svg>
+  )
+}
+export default SvgCalendarFill

package/src/components/Components/Avatar/_parts_/CalendarPiggyBank.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+function SvgCalendarPiggyBank(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#calendarPiggyBank_svg__clip0)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M14.125 5.75H15c.967 0 1.75.783 1.75 1.75v3.252a4.306 4.306 0 00-.712-.06h-.163V9.25h-10.5v7c0 .483.392.875.875.875h1.277c.137.37.4.678.735.875H6.25a1.75 1.75 0 01-1.75-1.75V7.5c0-.967.783-1.75 1.75-1.75h.875V4.437a.437.437 0 11.875 0V5.75h5.25V4.437a.437.437 0 11.875 0V5.75zm.875.875H6.25a.875.875 0 00-.875.875v.875h10.5V7.5A.875.875 0 0015 6.625z"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M9.114 13.77h.293a3.496 3.496 0 011.092-1.372V11h.346c1.01 0 1.799.59 1.934.692h3.26a3.52 3.52 0 012.417.993 3.476 3.476 0 011.031 2.123c.014.135.014.346.014.346a3.44 3.44 0 01-1.385 2.753v1.055c0 .57-.468 1.038-1.039 1.038h-1.039A1.042 1.042 0 0115 18.962v-.347h-1.385v.347c0 .57-.467 1.038-1.038 1.038h-1.04a1.042 1.042 0 01-1.038-1.038v-1.058a3.624 3.624 0 01-.676-.673h-.709a.694.694 0 01-.692-.693v-2.076c0-.381.312-.693.692-.693zm1.226 2.422h-.88v-1.384h.624l.273-.62c.164-.372.43-.705.77-.963l.41-.311v-.735c.24.092.454.218.614.34l.278.212h3.61c.613 0 1.245.26 1.691.696.35.343.588.773.686 1.246l.046.22v.26c0 .758-.354 1.459-.972 1.925l-.413.311v1.573h-1.039v-1.385h-3.462v1.384h-1.038v-1.566l-.403-.312a2.59 2.59 0 01-.483-.478l-.312-.413z"
+        />
+        <path d="M11.71 14.115a.52.52 0 110 1.039.52.52 0 010-1.039z" />
+      </g>
+      <defs>
+        <clipPath id="calendarPiggyBank_svg__clip0">
+          <path transform="translate(4.5 4)" d="M0 0h15v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+export default SvgCalendarPiggyBank

package/src/components/Components/Avatar/_parts_/CalendarPiggyBankDuotone.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react'
+function SvgCalendarPiggyBankDuotone(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#calendarPiggyBankDuotone_svg__clip0)">
+        <path
+          opacity={0.4}
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M5 16.688V9.25h12.25v1.586a4.467 4.467 0 00-1.127-.144h-2.769c-.048 0-.095.002-.14.004A3.044 3.044 0 0011.277 10H9.304l.588 2.35c-.109.134-.21.273-.304.42h-.042c-.743 0-1.346.603-1.346 1.345v2.77c0 .463.235.873.593 1.115h-2.48A1.313 1.313 0 015 16.687z"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M9.2 14.115v2.77c0 .19.156.346.346.346h1.055c.195.257.422.484.676.676v1.4c0 .382.312.693.692.693h.693c.38 0 .692-.311.692-.692v-.693h2.77v.693c0 .38.31.692.692.692h.692c.38 0 .692-.311.692-.692v-1.401a3.44 3.44 0 001.385-2.753s0-.462-.07-.693a3.464 3.464 0 00-3.392-2.769h-2.769c-.141 0-.277.019-.414.038l-.083.011a2.068 2.068 0 00-1.58-.741h-.692l.408 1.633c-.34.32-.62.704-.809 1.136h-.638a.347.347 0 00-.346.346zm3.116.346a.349.349 0 00-.347.347c0 .189.157.346.347.346.189 0 .346-.157.346-.346a.349.349 0 00-.346-.347z"
+        />
+        <path d="M15.938 5.75h-1.313v-.875a.875.875 0 00-1.75 0v.875h-3.5v-.875a.875.875 0 00-1.75 0v.875H6.312C5.588 5.75 5 6.338 5 7.063V9.25h12.25V7.062c0-.724-.588-1.312-1.313-1.312z" />
+      </g>
+      <defs>
+        <clipPath id="calendarPiggyBankDuotone_svg__clip0">
+          <path transform="translate(5 4)" d="M0 0h14.58v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+export default SvgCalendarPiggyBankDuotone

package/src/components/Components/Avatar/_parts_/CalendarPiggyBankFill.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react'
+function SvgCalendarPiggyBankFill(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#calendarPiggyBankFill_svg__clip0)" fillRule="evenodd" clipRule="evenodd">
+        <path d="M14.125 5.75h1.313c.724 0 1.312.588 1.312 1.313v1.312H4.5V7.062c0-.724.588-1.312 1.313-1.312h1.312v-.875C7.125 4.394 7.519 4 8 4s.875.394.875.875v.875h3.5v-.875c0-.481.394-.875.875-.875s.875.394.875.875v.875zM5.812 18A1.313 1.313 0 014.5 16.687V9.25h12.25v1.486a4.5 4.5 0 00-.627-.044h-2.769c-.048 0-.095.002-.14.004A3.044 3.044 0 0011.277 10H9.304l.588 2.35c-.109.134-.21.273-.304.42h-.042c-.743 0-1.346.603-1.346 1.345v2.77c0 .463.235.873.593 1.115h-2.98z" />
+        <path d="M9.2 14.115v2.77c0 .19.156.346.346.346h1.055c.195.257.422.484.676.676v1.4c0 .382.312.693.692.693h.693c.38 0 .692-.311.692-.692v-.693h2.77v.693c0 .38.31.692.692.692h.692c.38 0 .692-.311.692-.692v-1.401a3.44 3.44 0 001.385-2.753s0-.462-.07-.693a3.464 3.464 0 00-3.392-2.769h-2.769c-.141 0-.277.019-.414.038l-.083.011a2.068 2.068 0 00-1.58-.741h-.692l.408 1.633c-.34.32-.62.704-.809 1.136h-.638a.347.347 0 00-.346.346zm3.116.346a.349.349 0 00-.347.347c0 .189.157.346.347.346.189 0 .346-.157.346-.346a.349.349 0 00-.346-.347z" />
+      </g>
+      <defs>
+        <clipPath id="calendarPiggyBankFill_svg__clip0">
+          <path transform="translate(4.5 4)" d="M0 0h15.08v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+export default SvgCalendarPiggyBankFill

package/src/components/Components/Avatar/_parts_/CalendarRepeat.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react'
+function SvgCalendarRepeat(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#calendarRepeat_svg__clip0)">
+        <path d="M12.902 19.168a.495.495 0 00-.367-.168H5.5a1 1 0 01-1-1v-8H17a.5.5 0 00.5-.5V8a2 2 0 00-2-2h-1V4.5a.5.5 0 10-1 0V6h-6V4.5a.5.5 0 10-1 0V6h-1a2 2 0 00-2 2v10a2 2 0 002 2h7.045a.492.492 0 00.367-.82l-.01-.012zM4.5 8a1 1 0 011-1h10a1 1 0 011 1v1h-12V8z" />
+        <path d="M13.262 18.646a.45.45 0 010-.691l1.5-1.25a.45.45 0 01.577.69l-.546.455h2.757c1.13 0 2.05-.92 2.05-2.05a.45.45 0 11.9 0 2.953 2.953 0 01-2.95 2.95h-2.757l.545.455a.45.45 0 11-.576.69l-1.5-1.25zM20.238 12.354a.45.45 0 010 .691l-1.5 1.25a.45.45 0 01-.576-.691l.545-.454H15.95c-1.13 0-2.05.92-2.05 2.05a.45.45 0 11-.9 0 2.953 2.953 0 012.95-2.95h2.757l-.545-.455a.45.45 0 11.576-.69l1.5 1.25z" />
+      </g>
+      <defs>
+        <clipPath id="calendarRepeat_svg__clip0">
+          <path transform="translate(3.5 4)" d="M0 0h17v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+export default SvgCalendarRepeat

package/src/components/Components/Avatar/_parts_/CalendarRepeatDuotone.tsx

@@ -0,0 +1,22 @@
+import * as React from 'react'
+function SvgCalendarRepeatDuotone(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#calendarRepeatDuotone_svg__clip0)">
+        <path d="M17.7 7.5A1.5 1.5 0 0016.2 6h-1.5V5a1 1 0 00-2 0v1h-4V5a1 1 0 00-2 0v1H5.2a1.5 1.5 0 00-1.5 1.5V10h14V7.5zM14.104 13.83h3.05l-.727.726a.562.562 0 10.796.796l1.687-1.688a.562.562 0 000-.795l-1.687-1.688a.562.562 0 10-.796.796l.728.727h-3.051a3.027 3.027 0 00-2.875 2.072.562.562 0 101.067.356c.26-.78.986-1.303 1.808-1.303zm5.711 1.716a.559.559 0 00-.711.355 1.902 1.902 0 01-1.808 1.303h-3.05l.727-.727a.562.562 0 10-.796-.796L12.49 17.37a.562.562 0 000 .795l1.687 1.688a.562.562 0 10.796-.796l-.728-.727h3.051a3.026 3.026 0 002.875-2.072.562.562 0 00-.356-.711z" />
+        <path
+          opacity={0.4}
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M14.104 11.704h1.164c-.036-.44.115-.892.452-1.23.4-.399.825-.472 1.351-.474H3.7v8.5A1.5 1.5 0 005.2 20h7.711l-1.128-1.128c-.61-.61-.61-1.6 0-2.21l.155-.155a1.542 1.542 0 01-.67-.07 1.562 1.562 0 01-.988-1.977 4.026 4.026 0 013.824-2.756zm3.596-1.691V10h-.57c.119 0 .243.004.373.008l.197.005z"
+        />
+      </g>
+      <defs>
+        <clipPath id="calendarRepeatDuotone_svg__clip0">
+          <path transform="translate(3.7 4)" d="M0 0h16.5v16.02H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+export default SvgCalendarRepeatDuotone

package/src/components/Components/Avatar/_parts_/CalendarRepeatFill.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react'
+function SvgCalendarRepeatFill(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#calendarRepeatFill_svg__clip0)">
+        <path d="M14.104 13.813h3.05l-.727.727a.562.562 0 10.796.795l1.687-1.687a.562.562 0 000-.796l-1.687-1.687a.562.562 0 10-.796.795l.728.727h-3.051a3.027 3.027 0 00-2.875 2.073.562.562 0 101.067.356c.26-.78.986-1.303 1.808-1.303zm5.711 1.716a.559.559 0 00-.711.356 1.902 1.902 0 01-1.808 1.303h-3.05l.727-.728a.562.562 0 10-.796-.795l-1.687 1.687a.562.562 0 000 .796l1.687 1.687a.562.562 0 10.796-.795l-.728-.727h3.051a3.026 3.026 0 002.875-2.073.562.562 0 00-.356-.71z" />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M16.2 6a1.5 1.5 0 011.5 1.5V9h-14V7.5A1.5 1.5 0 015.2 6h1.5V5c0-.55.45-1 1-1s1 .45 1 1v1h4V5c0-.55.45-1 1-1s1 .45 1 1v1h1.5zm-3.272 14l-1.145-1.145c-.61-.61-.61-1.6 0-2.21l.155-.155a1.565 1.565 0 01-.67-.07 1.562 1.562 0 01-.988-1.977 4.027 4.027 0 013.824-2.756h1.164c-.036-.44.115-.892.452-1.23.305-.304.625-.419.994-.457H3.7v8.5A1.5 1.5 0 005.2 20h7.728z"
+        />
+      </g>
+      <defs>
+        <clipPath id="calendarRepeatFill_svg__clip0">
+          <path transform="translate(3.7 4)" d="M0 0h16.5v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+export default SvgCalendarRepeatFill

package/src/components/Components/Avatar/_parts_/Camera.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react'
+function SvgCamera(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path d="M18 7h-2.25l-.25-.719C15.187 5.531 14.437 5 13.625 5h-3.25c-.813 0-1.563.531-1.875 1.281L8.25 7H6c-1.094 0-2 .906-2 2v8c0 1.094.906 2 2 2h12c1.094 0 2-.906 2-2V9c0-1.094-.906-2-2-2zm1 10c0 .563-.438 1-1 1H6c-.563 0-1-.438-1-1V9c0-.563.438-1 1-1h2.938l.5-1.344c.156-.406.53-.656.937-.656h3.25c.406 0 .781.25.938.656l.5 1.344H18c.563 0 1 .438 1 1v8zm-7-7.75A3.761 3.761 0 008.25 13 3.761 3.761 0 0012 16.75 3.761 3.761 0 0015.75 13 3.761 3.761 0 0012 9.25zm0 6.5A2.734 2.734 0 019.25 13 2.734 2.734 0 0112 10.25 2.734 2.734 0 0114.75 13 2.734 2.734 0 0112 15.75z" />
+    </svg>
+  )
+}
+export default SvgCamera

package/src/components/Components/Avatar/_parts_/CameraDuotone.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react'
+function SvgCameraDuotone(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path opacity={0.4} d="M12 16a3 3 0 11.002-6.002A3 3 0 0112 16z" />
+      <path d="M18.5 7h-2.75l-.387-1.027A1.495 1.495 0 0013.961 5h-3.922a1.5 1.5 0 00-1.406.973L8.25 7H5.5A1.5 1.5 0 004 8.5v9A1.5 1.5 0 005.5 19h13a1.5 1.5 0 001.5-1.5v-9A1.5 1.5 0 0018.5 7zM12 16a3 3 0 11.002-6.002A3 3 0 0112 16z" />
+    </svg>
+  )
+}
+export default SvgCameraDuotone

package/src/components/Components/Avatar/_parts_/CameraFill.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react'
+function SvgCameraFill(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path d="M18.5 7h-2.75l-.375-1.031A1.486 1.486 0 0013.969 5H10.03c-.625 0-1.187.375-1.406.969L8.25 7H5.5C4.687 7 4 7.688 4 8.5v9c0 .813.688 1.5 1.5 1.5h13c.813 0 1.5-.688 1.5-1.5v-9c0-.813-.688-1.5-1.5-1.5zM12 16a3 3 0 11.002-6.002A3 3 0 0112 16z" />
+    </svg>
+  )
+}
+export default SvgCameraFill

package/src/components/Components/Avatar/_parts_/Campground.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react'
+function SvgCampground(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#campground_svg__clip0)">
+        <path d="M20.126 16.387l-7.46-8.478 2.71-3.079a.5.5 0 10-.752-.66L12 7.152 9.376 4.17a.5.5 0 10-.752.66l2.71 3.08-7.46 8.477a1.5 1.5 0 00-.374.99V18.5c0 .827.673 1.5 1.5 1.5h14c.827 0 1.5-.673 1.5-1.5v-1.123a1.5 1.5 0 00-.374-.99zM8.5 19l3.5-4.667L15.5 19h-7zm11-.5a.5.5 0 01-.5.5h-2.25l-4.35-5.8a.518.518 0 00-.8 0L7.25 19H5a.5.5 0 01-.5-.5v-1.123a.5.5 0 01.125-.33L12 8.666l7.375 8.38a.5.5 0 01.125.331V18.5z" />
+      </g>
+      <defs>
+        <clipPath id="campground_svg__clip0">
+          <path transform="translate(3 4)" d="M0 0h18v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+export default SvgCampground

package/src/components/Components/Avatar/_parts_/CampgroundDuotone.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react'
+function SvgCampgroundDuotone(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#campgroundDuotone_svg__clip0)">
+        <path
+          opacity={0.4}
+          d="M20.94 18c.037.107.06.22.06.334V19a1 1 0 01-1 1H4a1 1 0 01-1-1v-.666c0-.115.023-.227.06-.334h17.88z"
+        />
+        <path d="M3.063 18H20.94a1 1 0 00-.14-.267L13.236 7.681l1.672-2.296a.503.503 0 00-.113-.7l-.809-.59a.498.498 0 00-.696.11l-1.288 1.773-1.288-1.773a.498.498 0 00-.697-.11l-.808.59a.503.503 0 00-.113.7l1.671 2.296-7.564 10.052a.997.997 0 00-.14.267zm8.939-5l3.637 5H8.365l3.637-5z" />
+      </g>
+      <defs>
+        <clipPath id="campgroundDuotone_svg__clip0">
+          <path transform="translate(3 4)" d="M0 0h18v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+export default SvgCampgroundDuotone

package/src/components/Components/Avatar/_parts_/CampgroundFill.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react'
+function SvgCampgroundFill(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#campgroundFill_svg__clip0)">
+        <path d="M13.234 7.68l1.672-2.297a.503.503 0 00-.113-.7l-.809-.59a.498.498 0 00-.696.11L12 5.978l-1.288-1.774a.498.498 0 00-.696-.11l-.809.59a.503.503 0 00-.113.7l1.672 2.297L3.2 17.733a1 1 0 00-.201.601V19a1 1 0 001 1h16a1 1 0 001-1v-.666a1 1 0 00-.2-.6L13.233 7.68zM12 13l3.637 5H8.363L12 13z" />
+      </g>
+      <defs>
+        <clipPath id="campgroundFill_svg__clip0">
+          <path transform="translate(3 4)" d="M0 0h18v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+export default SvgCampgroundFill

package/src/components/Components/Avatar/_parts_/Car.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react'
+function SvgCar(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path d="M18.406 10.375l-1-3.563A2.541 2.541 0 0015 5H9c-1.094 0-2.094.75-2.406 1.813l-1 3.562C4.656 10.875 4 11.844 4 13v5.5c0 .281.219.5.5.5s.5-.219.5-.5V17h14v1.5c0 .281.219.5.5.5s.5-.219.5-.5V13c0-1.156-.656-2.125-1.594-2.625zM7.563 7.094A1.5 1.5 0 019 6h6a1.5 1.5 0 011.438 1.094l.843 2.937c-.093 0-.187-.031-.281-.031H7c-.094 0-.188.031-.281.031l.843-2.937zM19 15c0 .563-.438 1-1 1H6c-.563 0-1-.438-1-1v-2c0-1.094.906-2 2-2h10c1.094 0 2 .906 2 2v2zM7.25 12.5a.76.76 0 00-.75.75c0 .406.344.75.75.75a.76.76 0 00.75-.75.76.76 0 00-.75-.75zm9.5 0a.76.76 0 00-.75.75c0 .406.344.75.75.75a.76.76 0 00.75-.75.76.76 0 00-.75-.75z" />
+    </svg>
+  )
+}
+export default SvgCar

package/src/components/Components/Avatar/_parts_/CarCrash.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react'
+function SvgCarCrash(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#carCrash_svg__clip0)">
+        <path d="M7.594 6.97a.783.783 0 00.594-.157l1.625-1.344c.218-.187.25-.5.093-.718-.156-.22-.5-.22-.718-.063L7.78 5.844l-1.031-1.5c-.156-.281-.469-.406-.812-.312a.702.702 0 00-.532.625L5.22 6.5l-1.813-.375a.714.714 0 00-.781.343.808.808 0 00.063.875l1.187 1.407-1.531 1c-.281.187-.406.5-.313.812.063.313.313.531.657.563l1.812.156-.375 1.812a.542.542 0 00.406.594h.094c.25 0 .438-.156.5-.406l.406-2.063a.661.661 0 00-.125-.593.845.845 0 00-.531-.313L3.5 10.188l1.156-.781c.188-.094.282-.281.313-.5.031-.219-.031-.406-.156-.594l-.875-1.062 1.375.28c.187.032.406 0 .562-.124.188-.125.281-.344.313-.531l.125-1.407.78 1.188a.859.859 0 00.5.312zm3.281 3.124a.725.725 0 00-.937.375.7.7 0 00.374.938.7.7 0 00.938-.375c.156-.344-.031-.781-.375-.938zm10.563 2.407l.437-3.563a2.334 2.334 0 00-1.438-2.5l-5.218-2.25a2.469 2.469 0 00-2.813.688l-2.281 2.812c-1 .125-1.906.781-2.344 1.781l-.656 1.5c-.344.844-.094 1.782.563 2.313l-.625 1.531c-.125.25 0 .531.25.656a.397.397 0 00.187.032.481.481 0 00.469-.313l.625-1.406 9.187 3.906-.687 1.625c-.125.25 0 .531.25.656a.397.397 0 00.187.031c.219 0 .375-.125.469-.312l.719-1.625c.187.063.375.094.562.094.782 0 1.5-.469 1.844-1.219l.625-1.5c.438-1 .281-2.094-.313-2.938zm-8.25-6.97c.374-.5 1.062-.655 1.624-.405l5.25 2.218c.563.25.907.844.813 1.469l-.344 2.875c-.125-.063-.218-.125-.343-.188l-8.47-3.624-.374-.094 1.844-2.25zm7.656 9.5l-.657 1.5a.98.98 0 01-.906.626.865.865 0 01-.406-.094L8.594 12.688a1.226 1.226 0 01-.563-.563.9.9 0 01.032-.75l.625-1.5a2.007 2.007 0 011.843-1.218c.281 0 .531.031.781.156l8.47 3.594c1.03.437 1.5 1.625 1.062 2.625zm-1.688-1.374a.71.71 0 00-.937.375c-.157.344.031.75.375.906a.7.7 0 00.937-.375.675.675 0 00-.375-.906z" />
+      </g>
+      <defs>
+        <clipPath id="carCrash_svg__clip0">
+          <path transform="translate(2 4)" d="M0 0h20v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+export default SvgCarCrash

package/src/components/Components/Avatar/_parts_/CarCrashFill.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react'
+function SvgCarCrashFill(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#carCrashFill_svg__clip0)">
+        <path d="M10.063 7.438l.5-.594.468-.782c.094-.187-.062-.406-.281-.343l-2.344.75c-.125.031-.25-.032-.281-.157L7.219 4a.24.24 0 00-.438 0l-.906 2.313c-.031.125-.156.187-.281.156l-2.344-.75c-.219-.063-.375.156-.281.343l1.25 2.157a.242.242 0 01-.063.312L2.094 9.937c-.156.126-.094.376.094.407l2.468.375a.272.272 0 01.188.25l-.188 2.5c-.031.187.219.312.375.187l1.688-1.594 1.218-2.937a2.795 2.795 0 012.125-1.688zm11.374 5.5l.22-2.876c.062-1.124-.595-2.187-1.626-2.593L15.406 5.53c-1.031-.437-2.25-.125-3 .719l-1.875 2.156c-.687 0-1.375.406-1.656 1.094l-1.781 4.313c-.25.53.031 1.187.562 1.406l.5.219a1.116 1.116 0 001.438-.594L10 13.813l8 3.312-.406 1.031c-.25.563.031 1.188.562 1.407l.5.218a1.116 1.116 0 001.438-.593l1.781-4.313a1.722 1.722 0 00-.438-1.938zm-9.656-1.282c-.156.406-.656.594-1.062.438a.843.843 0 01-.438-1.063c.188-.406.656-.625 1.063-.437.406.156.594.656.437 1.062zm1-2.531l1.281-1.469a.541.541 0 01.532-.125l4.594 1.938c.187.062.312.25.312.469l-.156 1.937-6.563-2.75zm7 5.844a.842.842 0 01-1.062.437c-.407-.187-.625-.656-.438-1.062.157-.406.657-.625 1.063-.438.406.156.593.656.437 1.063z" />
+      </g>
+      <defs>
+        <clipPath id="carCrashFill_svg__clip0">
+          <path transform="translate(2 4)" d="M0 0h20v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+export default SvgCarCrashFill

package/src/components/Components/Avatar/_parts_/CarFill.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react'
+function SvgCarFill(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path d="M18.719 10.125l-1.032-3.063A2.982 2.982 0 0014.845 5H9.156a2.982 2.982 0 00-2.844 2.063l-1.03 3.062C4.531 10.438 4 11.156 4 12v6c0 .563.438 1 1 1h1c.563 0 1-.438 1-1v-1.5h10V18c0 .563.438 1 1 1h1c.563 0 1-.438 1-1v-6c0-.844-.531-1.563-1.281-1.875zm-10.5-2.438A.975.975 0 019.156 7h5.688c.437 0 .812.281.937.688L16.562 10H7.438l.782-2.313zM7 14c-.563 0-1-.438-1-1 0-.563.438-1 1-1 .563 0 1 .438 1 1 0 .563-.438 1-1 1zm9-1c0-.563.438-1 1-1 .563 0 1 .438 1 1 0 .563-.438 1-1 1-.563 0-1-.438-1-1z" />
+    </svg>
+  )
+}
+export default SvgCarFill

package/src/components/Components/Avatar/_parts_/Card.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react'
+function SvgCard(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path d="M10.5 16h4c.281 0 .5-.219.5-.5s-.219-.5-.5-.5h-4c-.281 0-.5.219-.5.5s.219.5.5.5zm-4 0h2c.281 0 .5-.219.5-.5s-.219-.5-.5-.5h-2c-.281 0-.5.219-.5.5s.219.5.5.5zM19 5H5c-1.094 0-2 .906-2 2v10c0 1.094.906 2 2 2h14c1.094 0 2-.906 2-2V7c0-1.094-.906-2-2-2zm1 12c0 .563-.438 1-1 1H5c-.563 0-1-.438-1-1v-5h16v5zm0-6H4V9h16v2zm0-3H4V7c0-.563.438-1 1-1h14c.563 0 1 .438 1 1v1z" />
+    </svg>
+  )
+}
+export default SvgCard

package/src/components/Components/Avatar/_parts_/CardBan.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react'
+function SvgCardBan(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.604 16.571h-2.533a.571.571 0 110-1.142h2.43l-.001.071c0 .367.036.725.104 1.071zm1.04 2.286H3.785c-.63 0-1.143-.513-1.143-1.143V12h11.114a5.53 5.53 0 011.293-1.143H2.643V8.571h18.286v2.273c.423.267.807.59 1.142.958V6.286A2.286 2.286 0 0019.786 4h-16A2.286 2.286 0 001.5 6.286v11.428A2.286 2.286 0 003.786 20h11.05a5.53 5.53 0 01-1.193-1.143zm-5.858-2.286H5.5a.571.571 0 110-1.142h2.286a.571.571 0 110 1.142zM2.643 7.43h18.286V6.286c0-.63-.513-1.143-1.143-1.143h-16c-.63 0-1.143.513-1.143 1.143v1.143z"
+      />
+      <path d="M18 20a4.47 4.47 0 01-3.182-1.318A4.47 4.47 0 0113.5 15.5a4.47 4.47 0 011.318-3.182A4.47 4.47 0 0118 11a4.47 4.47 0 013.182 1.318A4.47 4.47 0 0122.5 15.5a4.47 4.47 0 01-1.318 3.182A4.471 4.471 0 0118 20zm-2.773-6.52a3.391 3.391 0 00-.662 2.02A3.439 3.439 0 0018 18.935c.731 0 1.427-.229 2.02-.662l-4.793-4.792zm5.546 4.04a3.391 3.391 0 00.662-2.02A3.439 3.439 0 0018 12.065c-.731 0-1.427.229-2.02.662l4.793 4.792z" />
+    </svg>
+  )
+}
+export default SvgCardBan

package/src/components/Components/Avatar/_parts_/CardBanDuotone.tsx

@@ -0,0 +1,31 @@
+import * as React from 'react'
+function SvgCardBanDuotone(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#cardBanDuotone_svg__clip0)">
+        <path
+          opacity={0.4}
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M3.886 4h16a2.286 2.286 0 012.286 2.286v1.143H1.6V6.286A2.286 2.286 0 013.886 4zm0 16A2.286 2.286 0 011.6 17.714v-6.857h13.25a5.496 5.496 0 00-2.55 4.572H8.744a.286.286 0 00-.286.285v.572c0 .158.128.285.286.285h3.661A5.503 5.503 0 0014.637 20H3.886zm18.286-7.838v-1.305H20.75a5.53 5.53 0 011.422 1.305zm-18 3.267a.286.286 0 00-.286.285v.572c0 .158.128.285.286.285h2.857a.286.286 0 00.285-.285v-.572a.286.286 0 00-.285-.285H4.172z"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M20.75 10.857h1.422V7.43H1.6v3.428h13.25A5.474 5.474 0 0117.8 10c1.085 0 2.097.315 2.95.857z"
+        />
+        <path
+          opacity={0.4}
+          d="M15.93 12.783l4.585 4.586c-.229.332-.516.62-.848.848l-4.586-4.585c.23-.332.517-.62.849-.849z"
+        />
+        <path d="M17.8 11a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.8c-1.82 0-3.3-1.48-3.3-3.3 0-1.82 1.48-3.3 3.3-3.3 1.82 0 3.3 1.48 3.3 3.3 0 1.82-1.48 3.3-3.3 3.3z" />
+      </g>
+      <defs>
+        <clipPath id="cardBanDuotone_svg__clip0">
+          <path transform="translate(1.6 4)" d="M0 0h20.7v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+export default SvgCardBanDuotone

package/src/components/Components/Avatar/_parts_/CardBanFill.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react'
+function SvgCardBanFill(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#cardBanFill_svg__clip0)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M3.886 4h16a2.286 2.286 0 012.286 2.286v1.143H1.6V6.286A2.286 2.286 0 013.886 4zm0 16A2.286 2.286 0 011.6 17.714v-6.857h13.25a5.496 5.496 0 00-2.55 4.572H8.744a.286.286 0 00-.286.285v.572c0 .158.128.285.286.285h3.661A5.503 5.503 0 0014.637 20H3.886zm.286-4.571a.286.286 0 00-.286.285v.572c0 .158.128.285.286.285h2.857a.286.286 0 00.285-.285v-.572a.286.286 0 00-.285-.285H4.172z"
+        />
+        <path d="M17.8 11a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm-3.3 4.5c0-.693.216-1.337.583-1.869l4.586 4.586a3.28 3.28 0 01-1.869.583c-1.82 0-3.3-1.48-3.3-3.3zm6.017 1.869l-4.586-4.586A3.28 3.28 0 0117.8 12.2c1.82 0 3.3 1.48 3.3 3.3a3.28 3.28 0 01-.583 1.869z" />
+      </g>
+      <defs>
+        <clipPath id="cardBanFill_svg__clip0">
+          <path transform="translate(1.6 4)" d="M0 0h20.7v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+export default SvgCardBanFill

package/src/components/Components/Avatar/_parts_/CardCalendar.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react'
+function SvgCardCalendar(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#cardCalendar_svg__clip0)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M13.2 16.571h-2.929a.571.571 0 110-1.142H13.2v1.142zm.004 2.286H3.986c-.63 0-1.143-.513-1.143-1.143V12h10.802a2.282 2.282 0 011.199-.836c.023-.107.057-.21.101-.307H2.843V8.571h18.285v1.908c.174.19.298.424.353.685.292.084.56.225.79.41V6.286A2.286 2.286 0 0019.986 4h-16A2.286 2.286 0 001.7 6.286v11.428A2.286 2.286 0 003.986 20h9.606a2.263 2.263 0 01-.388-1.143zm-5.218-2.286H5.7a.571.571 0 110-1.142h2.286a.571.571 0 110 1.142zM2.843 7.43h18.285V6.286c0-.63-.512-1.143-1.142-1.143h-16c-.63 0-1.143.513-1.143 1.143v1.143z"
+        />
+        <path d="M15.476 20a1.277 1.277 0 01-1.276-1.276V13.35c0-.704.572-1.276 1.276-1.276h.336v-.605a.47.47 0 01.94 0v.605h2.821v-.605a.47.47 0 01.94 0v.605h.336c.704 0 1.276.572 1.276 1.276v5.373c0 .704-.572 1.276-1.276 1.276h-5.373zm-.336-1.276c0 .185.15.336.336.336h5.373c.185 0 .336-.15.336-.336v-4.097H15.14v4.097zm6.045-5.037v-.336a.336.336 0 00-.336-.336h-5.373a.336.336 0 00-.336.336v.336h6.045z" />
+      </g>
+      <defs>
+        <clipPath id="cardCalendar_svg__clip0">
+          <path transform="translate(1.7 4)" d="M0 0h20.57v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+export default SvgCardCalendar

package/src/components/Components/Avatar/_parts_/CardCalendarDuotone.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react'
+function SvgCardCalendarDuotone(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        opacity={0.4}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.986 4h16a2.286 2.286 0 012.285 2.286v1.143H1.7V6.286A2.286 2.286 0 013.986 4zm0 16A2.286 2.286 0 011.7 17.714v-6.857h13.15c-.047.1-.083.206-.106.316A2.279 2.279 0 0013.1 13.36v2.069H8.843a.286.286 0 00-.286.285v.572c0 .158.128.285.286.285H13.1v2.162c0 .469.142.905.385 1.267h-9.5zm18.285-8.332v-.81h-.996c.047.099.083.205.106.315.335.097.638.268.89.495zm-18 3.76a.286.286 0 00-.285.286v.572c0 .158.128.285.285.285H7.13a.286.286 0 00.285-.285v-.572a.286.286 0 00-.285-.285H4.27z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M21.275 10.857h.996V7.43H1.7v3.428h13.15a1.47 1.47 0 011.332-.848c.097 0 .192-.002.284-.004.546-.015.984-.026 1.132.504h.929c.148-.53.586-.519 1.133-.504.091.002.186.004.283.004.59 0 1.098.348 1.332.848z"
+      />
+      <path d="M21.131 12.14h-.843v-.562a.564.564 0 00-.563-.563.564.564 0 00-.562.563v.562h-2.25v-.562a.564.564 0 00-.563-.563.564.564 0 00-.562.563v.562h-.844a.844.844 0 00-.844.844v.844h7.875v-.844a.844.844 0 00-.844-.844zm-7.03 7.031c0 .466.377.844.843.844h6.187a.844.844 0 00.844-.844v-4.78H14.1v4.78z" />
+    </svg>
+  )
+}
+export default SvgCardCalendarDuotone

package/src/components/Components/Avatar/_parts_/CardCalendarFill.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react'
+function SvgCardCalendarFill(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#cardCalendarFill_svg__clip0)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M3.986 4h16a2.286 2.286 0 012.285 2.286v1.143H1.7V6.286A2.286 2.286 0 013.986 4zm0 16A2.286 2.286 0 011.7 17.714v-6.857h13.256c-.044.086-.08.176-.107.27-.974.05-1.749.855-1.749 1.842v2.46H8.843a.286.286 0 00-.286.285v.572c0 .158.128.285.286.285H13.1v2.585c0 .304.074.591.204.844H3.986zm.285-4.571a.286.286 0 00-.285.285v.572c0 .158.128.285.285.285H7.13a.286.286 0 00.285-.285v-.572a.286.286 0 00-.285-.285H4.27z"
+        />
+        <path d="M21.131 12.125h-.843v-.563a.564.564 0 00-.563-.562.564.564 0 00-.562.563v.562h-2.25v-.563A.564.564 0 0016.35 11a.564.564 0 00-.562.563v.562h-.844a.844.844 0 00-.844.844v.844h7.875v-.844a.844.844 0 00-.844-.844zm-7.03 7.031c0 .466.377.844.843.844h6.187a.844.844 0 00.844-.844v-4.781H14.1v4.781z" />
+      </g>
+      <defs>
+        <clipPath id="cardCalendarFill_svg__clip0">
+          <path transform="translate(1.7 4)" d="M0 0h20.57v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+export default SvgCardCalendarFill

package/src/components/Components/Avatar/_parts_/CardDuotone.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react'
+function SvgCardDuotone(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        opacity={0.4}
+        d="M19 5H5a2 2 0 00-2 2v1h18V7a2 2 0 00-2-2zM3 17a2 2 0 002 2h14a2 2 0 002-2v-6H3v6zm6-1.75a.25.25 0 01.25-.25h4.5a.25.25 0 01.25.25v.5a.25.25 0 01-.25.25h-4.5a.25.25 0 01-.25-.25v-.5zm-4 0a.25.25 0 01.25-.25h2.5a.25.25 0 01.25.25v.5a.25.25 0 01-.25.25h-2.5a.25.25 0 01-.25-.25v-.5z"
+      />
+      <path d="M21 11H3V8h18v3z" />
+    </svg>
+  )
+}
+export default SvgCardDuotone

package/src/components/Components/Avatar/_parts_/CardFill.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react'
+function SvgCardFill(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path d="M19 5H5c-1.094 0-2 .906-2 2v1h18V7c0-1.094-.906-2-2-2zM3 17c0 1.094.906 2 2 2h14c1.094 0 2-.906 2-2v-6H3v6zm6-1.75c0-.125.125-.25.25-.25h4.5c.125 0 .25.125.25.25v.5c0 .125-.125.25-.25.25h-4.5a.269.269 0 01-.25-.25v-.5zm-4 0c0-.125.125-.25.25-.25h2.5c.125 0 .25.125.25.25v.5c0 .125-.125.25-.25.25h-2.5a.269.269 0 01-.25-.25v-.5z" />
+    </svg>
+  )
+}
+export default SvgCardFill

package/src/components/Components/Avatar/_parts_/CardTachometer.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react'
+function SvgCardTachometer(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.003 16.571h-.432a.571.571 0 110-1.142h.569c-.078.37-.124.752-.137 1.142zm.33 2.286H3.286c-.63 0-1.143-.513-1.143-1.143V12h9.895a7.03 7.03 0 011.557-1.143H2.143V8.571h18.286v2.286h-.024c.416.225.807.49 1.166.79V6.287A2.286 2.286 0 0019.286 4h-16A2.286 2.286 0 001 6.286v11.428A2.286 2.286 0 003.286 20h7.548a6.664 6.664 0 01-.501-1.143zm-3.047-2.286H5a.571.571 0 110-1.142h2.286a.571.571 0 110 1.142zM2.143 7.43h18.286V6.286c0-.63-.513-1.143-1.143-1.143h-16c-.63 0-1.143.513-1.143 1.143v1.143z"
+      />
+      <path d="M14.667 13.893a.656.656 0 00-.667.643c0 .354.3.643.667.643a.656.656 0 00.666-.643c0-.354-.3-.643-.666-.643zM17 11c-3.313 0-6 2.591-6 5.786 0 1.06.297 2.054.813 2.908a.668.668 0 00.572.306h9.23a.668.668 0 00.573-.306A5.607 5.607 0 0023 16.786C23 13.59 20.312 11 17 11zm0 8.036c-.46 0-.833-.36-.833-.804 0-.443.374-.803.833-.803.46 0 .833.36.833.803 0 .443-.373.804-.833.804zm4.422 0h-2.798a1.7 1.7 0 00.21-.804c0-.129-.017-.254-.044-.375l1.907-.789a.476.476 0 00.262-.633.507.507 0 00-.657-.253l-1.988.821A1.859 1.859 0 0017 16.464c-1.013 0-1.834.792-1.834 1.768 0 .291.08.561.21.803h-2.798a4.662 4.662 0 01-.578-2.25c0-2.659 2.242-4.82 5-4.82s5 2.161 5 4.82c0 .787-.198 1.56-.578 2.25zm-7.755-2.893a.656.656 0 00-.667.643c0 .354.3.643.667.643a.656.656 0 00.666-.643c0-.354-.3-.643-.666-.643zM17 12.929a.657.657 0 00-.667.642c0 .354.3.643.667.643a.657.657 0 00.667-.643c0-.354-.3-.642-.667-.642zm2.333.964a.656.656 0 00-.666.643c0 .354.3.643.666.643a.657.657 0 00.667-.643c0-.354-.3-.643-.667-.643z" />
+    </svg>
+  )
+}
+export default SvgCardTachometer

package/src/components/Components/Avatar/_parts_/CardTachometerDuotone.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react'
+function SvgCardTachometerDuotone(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#cardTachometerDuotone_svg__clip0)">
+        <path
+          opacity={0.4}
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M3.586 4h16a2.286 2.286 0 012.286 2.286v1.143H1.3V6.286A2.286 2.286 0 013.586 4zm0 16A2.286 2.286 0 011.3 17.714v-6.857h11.895c-1.748.945-3.043 2.596-3.455 4.572H8.443a.286.286 0 00-.286.285v.572c0 .158.128.285.286.285h1.16A6.601 6.601 0 0010.434 20H3.587zm18.285-7.679v-1.464h-1.866a7.01 7.01 0 011.867 1.464zm-18 3.108a.286.286 0 00-.285.285v.572c0 .158.128.285.285.285H6.73a.286.286 0 00.285-.285v-.572a.286.286 0 00-.285-.285H3.87z"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M20.005 10.857h1.867V7.43H1.3v3.428h11.895A7.146 7.146 0 0116.6 10c1.23 0 2.394.31 3.405.857z"
+        />
+        <path d="M16.6 11c-3.312 0-6 2.591-6 5.786 0 1.06.297 2.054.813 2.908a.668.668 0 00.572.306h9.23a.668.668 0 00.573-.306 5.607 5.607 0 00.812-2.908c0-3.195-2.687-5.786-6-5.786zm3 2.571c.367 0 .667.29.667.643 0 .354-.3.643-.667.643a.656.656 0 01-.667-.643c0-.354.3-.643.667-.643zm-3-1.285c.367 0 .667.289.667.643 0 .354-.3.642-.667.642a.657.657 0 01-.667-.642c0-.354.3-.643.667-.643zm-4 5.785a.657.657 0 01-.667-.642c0-.354.3-.643.667-.643.367 0 .667.289.667.643 0 .354-.3.642-.667.642zm1-3.214a.656.656 0 01-.667-.643c0-.354.3-.643.667-.643.367 0 .667.29.667.643 0 .354-.3.643-.667.643zm7.083 3.046l-2.791.45a1.258 1.258 0 01-.143.361h-2.297a1.24 1.24 0 01-.185-.643c0-.71.596-1.285 1.333-1.285.48 0 .898.246 1.133.615l2.784-.447a.496.496 0 01.575.394.482.482 0 01-.409.555z" />
+      </g>
+      <defs>
+        <clipPath id="cardTachometerDuotone_svg__clip0">
+          <path transform="translate(1.3 4)" d="M0 0h21.3v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+export default SvgCardTachometerDuotone

package/src/components/Components/Avatar/_parts_/CardTachometerFill.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react'
+function SvgCardTachometerFill(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#cardTachometerFill_svg__clip0)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M3.586 4h16a2.286 2.286 0 012.286 2.286v1.143H1.3V6.286A2.286 2.286 0 013.586 4zm0 16A2.286 2.286 0 011.3 17.714v-6.857h11.895c-1.748.945-3.043 2.596-3.455 4.572H8.443a.286.286 0 00-.286.285v.572c0 .158.128.285.286.285h1.16A6.601 6.601 0 0010.434 20H3.587zm.285-4.571a.286.286 0 00-.285.285v.572c0 .158.128.285.285.285H6.73a.286.286 0 00.285-.285v-.572a.286.286 0 00-.285-.285H3.87z"
+        />
+        <path d="M16.6 11c-3.312 0-6 2.591-6 5.786 0 1.06.297 2.054.813 2.908a.668.668 0 00.572.306h9.23a.668.668 0 00.573-.306 5.607 5.607 0 00.812-2.908c0-3.195-2.687-5.786-6-5.786zm3 2.571c.367 0 .667.29.667.643 0 .354-.3.643-.667.643a.656.656 0 01-.667-.643c0-.354.3-.643.667-.643zm-3-1.285c.367 0 .667.289.667.643 0 .354-.3.642-.667.642a.657.657 0 01-.667-.642c0-.354.3-.643.667-.643zm-4 5.785a.657.657 0 01-.667-.642c0-.354.3-.643.667-.643.367 0 .667.289.667.643 0 .354-.3.642-.667.642zm1-3.214a.656.656 0 01-.667-.643c0-.354.3-.643.667-.643.367 0 .667.29.667.643 0 .354-.3.643-.667.643zm7.083 3.046l-2.791.45a1.258 1.258 0 01-.143.361h-2.297a1.24 1.24 0 01-.185-.643c0-.71.596-1.285 1.333-1.285.48 0 .898.246 1.133.615l2.784-.447a.496.496 0 01.575.394.482.482 0 01-.409.555z" />
+      </g>
+      <defs>
+        <clipPath id="cardTachometerFill_svg__clip0">
+          <path transform="translate(1.3 4)" d="M0 0h21.3v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+export default SvgCardTachometerFill

package/src/components/Components/Avatar/_parts_/CaretDown.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react'
+function SvgCaretDown(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#caretDown_svg__clip0)">
+        <path d="M15.999 10H8c-.886 0-1.335 1.078-.707 1.707l4 4a1 1 0 001.414 0l3.999-4c.628-.629.183-1.707-.707-1.707zm-4 5L8 11H16l-4 4z" />
+      </g>
+      <defs>
+        <clipPath id="caretDown_svg__clip0">
+          <path transform="translate(7 4)" d="M0 0h10v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+export default SvgCaretDown