feat: PR Queue Icons (#568)

pluralsh · Jan 26, 2024 · 0072d11 · 0072d11
1 parent 5c7c75a
commit 0072d11
Show file tree

Hide file tree

Showing 18 changed files with 200 additions and 57 deletions.
diff --git a/src/components/icons/CheckRoundedIcon.tsx b/src/components/icons/CheckRoundedIcon.tsx
@@ -1,12 +1,18 @@
 import createIcon from './createIcon'
 
-export default createIcon(({ size, color }) => (
+export default createIcon(({ size, color, secondaryColor = 'transparent' }) => (
   <svg
     width={size}
     viewBox="0 0 16 16"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
+    <circle
+      cx="8"
+      cy="8"
+      r="7"
+      fill={secondaryColor}
+    />
     <path
       d="M8 0C3.6 0 0 3.6 0 8C0 12.4 3.6 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0ZM6.9 12L3.7 8.8L4.6 7.9L6.8 10.1L11.3 4.4L12.3 5.2L6.9 12Z"
       fill={color}

diff --git a/src/components/icons/CheckedShieldIcon.tsx b/src/components/icons/CheckedShieldIcon.tsx
@@ -1,15 +1,19 @@
 import createIcon from './createIcon'
 
-export default createIcon(({ size, color }) => (
+export default createIcon(({ size, color, secondaryColor = 'transparent' }) => (
   <svg
     width={size}
     fill="none"
-    viewBox="0 0 12 12"
+    viewBox="0 0 16 16"
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
+      d="m3.720225 4.673848h8.55955v6.267546h-8.55955z"
+      fill={secondaryColor}
+    />
+    <path
+      d="m14.843586 2.987957c-.028666-.0592-.078934-.10764-.1452-.127387-.0072-.001787-.012666-.003587-.019733-.005373-.0144-.003587-.0288-.005387-.044933-.008973-.830668-.17044-1.646961-.38036-2.445335-.667414-.929334-.333707-1.824589-.755294-2.689363-1.266621-.428787-.252967-.846801-.52746-1.250481-.819896-.068173-.050233-.125587-.087911-.215293-.0915-.028707-.001794-.059214 0-.087907 0-.13636 0-.22068.071764-.324733.148912-.20812.152496-.419827.301408-.636908.443148-.819894.53822-1.722335 1.00469-2.606829 1.359917-.988548.396507-2.012962.687134-3.053549.906014-.114827.023333-.197347.14712-.197347.260147v2.188815c0 .737387-.001797 1.474735 0 2.210322.003587 1.754615.608201 3.462723 1.699002 4.836977.525667.662027 1.166174 1.234295 1.878429 1.690028.238614.152533.480814.301467.719454.4504.766094.478933 1.532148.956134 2.296442 1.435201.017934.010799.03408.0216.052027.032267.080734.050266.191974.048533.270907 0 .688934-.418001 1.377868-.836001 2.065002-1.254001.326521-.197333.653041-.396534.977787-.593868.552587-.335467 1.067494-.728401 1.523201-1.184134 1.209228-1.211015 1.980696-2.804189 2.201362-4.496111.057467-.439547.064667-.879121.064667-1.322268v-3.999097c.003466-.044853-.009066-.087907-.030533-.125587l-.000134.000081zm-3.410484 3.232977c-.163267.163253-.326533.326521-.4898.489787l-2.131402 2.131402c-.444921.446721-.891681.891681-1.338401 1.338401-.20632.20632-.55616.20632-.760707 0-.089707-.089707-.177627-.177614-.265534-.265534l-1.874815-1.874815c-.213507-.211694-.197347-.5472 0-.760707s.561547-.199147.760708 0c.089707.089707.177627.177614.26732.26552l1.494495 1.494495 2.239042-2.239028c.446721-.446721.891667-.891681 1.338402-1.338401.213494-.213507.547201-.197347.760707 0 .215294.19376.200947.559734 0 .758907z"
       fill={color}
-      d="m11.2888 2.24097c-.0215-.0444-.0592-.08073-.1089-.09554-.0054-.00134-.0095-.00269-.0148-.00403-.0108-.00269-.0216-.00404-.0337-.00673-.623-.12783-1.23522-.28527-1.834-.50056-.697-.25028-1.36844-.56647-2.01702-.949965-.32159-.189725-.6351-.395595-.93786-.6149218-.05113-.0376748-.09419-.06593341-.16147-.06862517-.02153-.00134556-.04441 0-.06593 0-.10227 0-.16551.05382297-.24355.11168397-.15609.114372-.31487.226056-.47768.332361-.61492.403665-1.29175.753517-1.95512 1.019937-.74141.29738-1.50972.51535-2.29016.67951-.08612.0175-.14801.11034-.14801.19511v1.64161c0 .55304-.001348 1.10605 0 1.65774.00269 1.31596.45615 2.59704 1.27425 3.62773.39425.49652.87463.92572 1.40882 1.26752.17896.1144.36061.2261.53959.3378.57457.3592 1.14911.7171 1.72233 1.0764.01345.0081.02556.0162.03902.0242.06055.0377.14398.0364.20318 0 .5167-.3135 1.0334-.627 1.54875-.9405.24489-.148.48978-.2974.73334-.4454.41444-.2516.80062-.5463 1.1424-.8881.90692-.90826 1.48552-2.10314 1.65102-3.37208.0431-.32966.0485-.65934.0485-.9917v-2.99932c.0026-.03364-.0068-.06593-.0229-.09419zm-2.55786 2.42473c-.12245.12244-.2449.24489-.36735.36734l-1.59855 1.59855c-.33369.33504-.66876.66876-1.0038 1.0038-.15474.15474-.41712.15474-.57053 0-.06728-.06728-.13322-.13321-.19915-.19915l-1.40611-1.40611c-.16013-.15877-.14801-.4104 0-.57053s.42116-.14936.57053 0c.06728.06728.13322.13321.20049.19914.37407.37407.74681.74681 1.12087 1.12087l1.67928-1.67927c.33504-.33504.66875-.66876 1.0038-1.0038.16012-.16013.4104-.14801.57053 0 .16147.14532.15071.4198 0 .56918z"
     />
   </svg>
 ))
diff --git a/src/components/icons/CloseRoundedIcon.tsx b/src/components/icons/CloseRoundedIcon.tsx
@@ -1,12 +1,18 @@
 import createIcon from './createIcon'
 
-export default createIcon(({ size, color }) => (
+export default createIcon(({ size, color, secondaryColor = 'transparent' }) => (
   <svg
     width={size}
     viewBox="0 0 16 16"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
+    <circle
+      cx="8"
+      cy="8"
+      r="7"
+      fill={secondaryColor}
+    />
     <path
       d="m8 0c-4.41829427 0-8 3.58170573-8 8s3.58170573 8 8 8 8-3.58170573 8-8-3.58170573-8-8-8zm4.47135417 11.52864583-.94270833.94270833-3.52864583-3.52864583-3.52864583 3.52864583-.94270833-.94270833 3.52864583-3.52864583-3.52864583-3.52864583.94270833-.94270833 3.52864583 3.52864583 3.52864583-3.52864583.94270833.94270833-3.52864583 3.52864583z"
       fill={color}

diff --git a/src/components/icons/ErrorIcon.tsx b/src/components/icons/ErrorIcon.tsx
@@ -1,12 +1,21 @@
 import createIcon from './createIcon'
 
-export default createIcon(({ size, color }) => (
+export default createIcon(({ size, color, secondaryColor = 'transparent' }) => (
   <svg
     width={size}
     viewBox="0 0 16 16"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
+    <rect
+      x="1"
+      y="1"
+      width="14"
+      height="14"
+      rx={2.5}
+      ry={2.5}
+      fill={secondaryColor}
+    />
     <path
       d="m3 0c-1.6619983 0-3 1.3380017-3 3v10c0 1.661998 1.3380017 3 3 3h10c1.661998 0 3-1.338002 3-3v-10c0-1.6619983-1.338002-3-3-3zm4.328125 3.8320313h1.3125v5.9199216h-1.3125zm.65625 7.4941407a.918033.918033 0 0 1 .9179688.917969.918033.918033 0 0 1 -.9179688.917969.918033.918033 0 0 1 -.9179687-.917969.918033.918033 0 0 1 .9179687-.917969z"
       fill={color}

diff --git a/src/components/icons/InfoIcon.tsx b/src/components/icons/InfoIcon.tsx
@@ -1,12 +1,18 @@
 import createIcon from './createIcon'
 
-export default createIcon(({ size, color }) => (
+export default createIcon(({ size, color, secondaryColor = 'transparent' }) => (
   <svg
     width={size}
     viewBox="0 0 16 16"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
+    <circle
+      cx="8"
+      cy="8"
+      r="7"
+      fill={secondaryColor}
+    />
     <path
       fillRule="evenodd"
       clipRule="evenodd"

diff --git a/src/components/icons/PadlockIcon.tsx b/src/components/icons/PadlockIcon.tsx
@@ -1,12 +1,21 @@
 import createIcon from './createIcon'
 
-export default createIcon(({ size, color }) => (
+export default createIcon(({ size, color, secondaryColor = 'transparent' }) => (
   <svg
     width={size}
     viewBox="0 0 16 16"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
+    <rect
+      x="3"
+      y="7.5"
+      width="10"
+      height="7"
+      rx={1}
+      ry={1}
+      fill={secondaryColor}
+    />
     <g clipPath="url(#clip0_519_566)">
       <path
         d="M4.6001 10.1V2.20005C4.6001 1.40005 5.2001 0.800049 6.0001 0.800049H10.0001C10.8001 0.800049 11.4001 1.40005 11.4001 2.20005V4.60005"

diff --git a/src/components/icons/PadlockLockedIcon.tsx b/src/components/icons/PadlockLockedIcon.tsx
@@ -1,13 +1,22 @@
 import createIcon from './createIcon'
 
-export default createIcon(({ size, color }) => (
+export default createIcon(({ size, color, secondaryColor = 'transparent' }) => (
   <svg
     width={size}
     height={size}
     viewBox="0 0 16 16"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
+    <rect
+      x="3"
+      y="7.5"
+      width="10"
+      height="7"
+      rx={1}
+      ry={1}
+      fill={secondaryColor}
+    />
     <g clipPath="url(#clip0_1441_510)">
       <path
         d="M4.6001 10.0998V2.1998C4.6001 1.3998 5.2001 0.799805 6.0001 0.799805H10.0001C10.8001 0.799805 11.4001 1.3998 11.4001 2.1998V9.9998"

diff --git a/src/components/icons/PrClosedIcon.tsx b/src/components/icons/PrClosedIcon.tsx
@@ -0,0 +1,15 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="m5 2.500014c0-.19698-.0388-.39204-.11418-.57402-.07538-.18199-.18587-.34735-.32516-.48664s-.30465-.24978-.48663-.32516c-.18199-.07538-.37705-.11418-.57403-.11418s-.39204.0388-.57403.11418c-.18198.07538-.34734.18587-.48663.32516s-.24978.30465-.32516.48664c-.07538.18198-.11418.37704-.11418.57402s.0388.39204.11418.57403.18587.34734.32516.48663.30465.24978.48663.32516c.18199.07538.37705.11418.57403.11418s.39204-.0388.57403-.11418c.18198-.07538.34734-.18587.48663-.32516s.24978-.30464.32516-.48663.11418-.37705.11418-.57403zm1 0c0 1.20938-.85938 2.21875-2 2.45v6.09997c1.14062.231299 2 1.2407 2 2.45 0 1.3813-1.11875 2.499999-2.5 2.499999s-2.5-1.118699-2.5-2.499999c0-1.2093.85938-2.2187 2-2.45v-6.09997c-1.14062-.23125-2-1.24062-2-2.45 0-1.38125 1.11875-2.499998 2.5-2.499998s2.5 1.118748 2.5 2.499998zm-4 10.999971c0 .197.0388.392099.11418.5741.07538.1819.18587.347301.32516.4866.13929.1393.30465.249801.48663.3252.18199.0753.37705.1141.57403.1141s.39204-.0388.57403-.1141c.18198-.075399.34734-.1859.48663-.3252.13929-.139299.24978-.3047.32516-.4866.07538-.182.11418-.3771.11418-.5741s-.0388-.392-.11418-.574-.18587-.3473-.32516-.4866-.30465-.2498-.48663-.3252c-.18199-.075399-.37705-.1142-.57403-.1142s-.39204.0388-.57403.1142c-.18198.0754-.34734.1859-.48663.3252s-.24978.3046-.32516.4866-.11418.377-.11418.574zm10.5 1.5c.3978 0 .7794-.158 1.0607-.439301s.4393-.6628.4393-1.060699c0-.3978-.158-.7793-.4393-1.0606-.281301-.2813-.6629-.4394-1.0607-.4394s-.7794.1581-1.0607.4394c-.2813.281301-.4393.6628-.4393 1.0606 0 .3979.158.7794.4393 1.060699s.6629.439301 1.0607.439301zm-.5-3.95v-4.54997c0-.275.225-.5.5-.5s.5.225.5.5v4.54997c1.1406.231299 2 1.2407 2 2.45 0 1.3813-1.1187 2.499999-2.5 2.499999s-2.5-1.118699-2.5-2.499999c0-1.2093.8594-2.2187 2-2.45zm-1.6031-10.653094c.1937-.19375.5125-.19375.7062 0l1.3969 1.396873 1.3969-1.396873c.1937-.19375.5125-.19375.7062 0 .1938.19375.1938.512503 0 .706253l-1.3968 1.39687 1.3968 1.39688c.1938.19375.1938.5125 0 .70625-.1937.19375-.5125.19375-.7062 0l-1.3969-1.39688-1.3969 1.39688c-.1937.19375-.5125.19375-.7062 0-.1938-.19375-.1938-.5125 0-.70625l1.3968-1.39688-1.3968-1.39687c-.1938-.19375-.1938-.512503 0-.706253z"
+      fill={color}
+    />
+  </svg>
+))
diff --git a/src/components/icons/PrMergedIcon.tsx b/src/components/icons/PrMergedIcon.tsx
@@ -0,0 +1,15 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="m3.499997 1c.39782 0 .77936.15804 1.060661.43934.2813.28131.43934.662841.43934 1.060661 0 .39783-.15804.77936-.43934 1.060661-.2813.28131-.66284.43934-1.060661.43934s-.779361-.15803-1.060661-.43934c-.2813-.2813-.43934-.66283-.43934-1.060661 0-.39782.15804-.779351.43934-1.060661.2813-.2813.66284-.43934 1.060661-.43934zm.52813 3.943753c1.128121-.24062 1.971871-1.243751 1.971871-2.443752 0-1.381251-1.118751-2.500001-2.500002-2.500001s-2.500001 1.11875-2.500001 2.500001c0 1.209381.859381 2.218752 2.000001 2.450002v6.099995c-1.140621.2313-2.000001 1.240601-2.000001 2.450002 0 1.381301 1.118751 2.500001 2.500002 2.500001s2.500002-1.1187 2.500002-2.500001c0-1.209401-.85938-2.218702-2.000001-2.450002v-3.721863c.825 1.01875 2.087502 1.671871 3.500003 1.671871h2.550002c.2312 1.140592 1.240601 1.999992 2.450002 1.999992 1.381301 0 2.500002-1.118701 2.500002-2.499992 0-1.38125-1.118701-2.500001-2.500002-2.500001-1.209401 0-2.218801.85938-2.450002 2.000001h-2.550002c-1.781251 0-3.253122-1.331251-3.471873-3.056252zm9.971877 3.556252c0 .397821-.158.779361-.4393 1.060661-.281301.28133-.6629.43933-1.060701.43933s-.7794-.158-1.060701-.43933c-.2813-.2813-.4393-.66284-.4393-1.060661s.158-.77936.4393-1.06066c.281301-.2813.6629-.43934 1.060701-.43934s.7794.15804 1.060701.43934c.2813.2813.4393.66284.4393 1.06066zm-9.000006 4.999994c0 .3978-.15804.7794-.43934 1.060701-.2813.2813-.66284.4393-1.060661.4393s-.779361-.158-1.060661-.4393c-.2813-.281301-.43934-.662901-.43934-1.060701s.15804-.7793.43934-1.060601c.2813-.2814.66284-.4394 1.060661-.4394s.77936.158 1.060661.4394c.2813.281301.43934.6628.43934 1.060601z"
+      fill={color}
+    />
+  </svg>
+))
diff --git a/src/components/icons/PrOpenIcon.tsx b/src/components/icons/PrOpenIcon.tsx
@@ -0,0 +1,15 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="m2 2.500005c0-.39782.15804-.77935.43934-1.06066.2813-.2813.66284-.43934 1.06066-.43934s.77936.15804 1.06066.43934c.2813.28131.43934.66284.43934 1.06066 0 .39783-.15804.77936-.43934 1.06066-.2813.28131-.66284.43934-1.06066.43934s-.77936-.15803-1.06066-.43934c-.2813-.2813-.43934-.66283-.43934-1.06066zm2 2.45c1.14062-.23125 2-1.24062 2-2.45 0-1.38125-1.11875-2.499999-2.5-2.499999s-2.5 1.118749-2.5 2.499999c0 1.20938.85938 2.21875 2 2.45v6.09999c-1.14062.231299-2 1.2406-2 2.45 0 1.3813 1.11875 2.499999 2.5 2.499999s2.5-1.118699 2.5-2.499999c0-1.2094-.85938-2.2187-2-2.45zm-2 8.54999c0-.3978.15804-.7793.43934-1.0606.2813-.2814.66284-.4394 1.06066-.4394s.77936.158 1.06066.4394c.2813.281301.43934.6628.43934 1.0606s-.15804.7794-.43934 1.0607-.66284.4393-1.06066.4393-.77936-.158-1.06066-.4393c-.2813-.281301-.43934-.662901-.43934-1.0607zm10.5-1.5c.3978 0 .7794.158 1.0607.4394.2813.281301.4393.6628.4393 1.0606s-.158.7794-.4393 1.0607c-.281301.2813-.6629.4393-1.0607.4393s-.7794-.158-1.0607-.4393c-.2813-.281301-.4393-.662901-.4393-1.0607s.158-.7793.4393-1.0606c.281301-.2814.6629-.4394 1.0607-.4394zm0 3.999999c.663 0 1.2989-.263399 1.7678-.732199.4688-.468901.7322-1.1047.7322-1.7678 0-.663-.2634-1.2989-.7322-1.7678-.468901-.4688-1.1048-.7322-1.7678-.7322s-1.2989.2634-1.7678.7322c-.4688.468901-.7322 1.1048-.7322 1.7678 0 .6631.2634 1.2989.7322 1.7678.468901.4688 1.1048.732199 1.7678.732199zm1-13.999989c0-.26522-.1054-.51957-.2929-.70711-.1875-.18753-.4419-.29289-.7071-.29289s-.5196.10536-.7071.29289c-.1875.18754-.2929.44189-.2929.70711s.1054.51957.2929.70711c.1875.18753.4419.29289.7071.29289s.5196-.10536.7071-.29289c.1875-.18754.2929-.44189.2929-.70711zm-1 6c.2652 0 .5196-.10536.7071-.29289.1875-.18754.2929-.44189.2929-.70711s-.1054-.51957-.2929-.70711c-.1875-.18753-.4419-.29289-.7071-.29289s-.5196.10536-.7071.29289c-.1875.18754-.2929.44189-.2929.70711s.1054.51957.2929.70711c.1875.18753.4419.29289.7071.29289z"
+      fill={color}
+    />
+  </svg>
+))
diff --git a/src/components/icons/StatusIpIcon.tsx b/src/components/icons/StatusIpIcon.tsx
@@ -1,12 +1,18 @@
 import createIcon from './createIcon'
 
-export default createIcon(({ size, color }) => (
+export default createIcon(({ size, color, secondaryColor = 'transparent' }) => (
   <svg
     width={size}
     viewBox="0 0 16 16"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
+    <circle
+      cx="8"
+      cy="8"
+      r="7"
+      fill={secondaryColor}
+    />
     <path
       d="M8 0C3.6 0 0 3.6 0 8C0 12.4 3.6 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0ZM4.6 8.9C4.1 8.9 3.7 8.5 3.7 8C3.7 7.5 4.1 7.1 4.6 7.1C5.1 7.1 5.5 7.5 5.5 8C5.6 8.5 5.1 8.9 4.6 8.9ZM8 8.9C7.5 8.9 7.1 8.5 7.1 8C7.1 7.5 7.5 7.1 8 7.1C8.5 7.1 8.9 7.5 8.9 8C8.9 8.5 8.5 8.9 8 8.9ZM11.4 8.9C10.9 8.9 10.5 8.5 10.5 8C10.5 7.5 10.9 7.1 11.4 7.1C11.9 7.1 12.3 7.5 12.3 8C12.3 8.5 11.9 8.9 11.4 8.9Z"
       fill={color}

diff --git a/src/components/icons/SuccessIcon.tsx b/src/components/icons/SuccessIcon.tsx
@@ -1,25 +1,3 @@
-import createIcon from './createIcon'
+import CheckRoundedIcon from './CheckRoundedIcon'
 
-export default createIcon(({ size, color }) => (
-  <svg
-    width={size}
-    viewBox="0 0 16 16"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <g clipPath="url(#clip0_74_10175)">
-      <path
-        d="M8 0C3.6 0 0 3.6 0 8C0 12.4 3.6 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0ZM6.9 12L3.7 8.8L4.6 7.9L6.8 10.1L11.3 4.4L12.3 5.2L6.9 12Z"
-        fill={color}
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_74_10175">
-        <rect
-          width="16"
-          height="16"
-          fill="white"
-        />
-      </clipPath>
-    </defs>
-  </svg>
-))
+export default CheckRoundedIcon
diff --git a/src/components/icons/VerifiedIcon.tsx b/src/components/icons/VerifiedIcon.tsx
@@ -1,15 +1,3 @@
-import createIcon from './createIcon'
+import CheckedShieldIcon from './CheckedShieldIcon'
 
-export default createIcon(({ size, color }) => (
-  <svg
-    width={size}
-    viewBox="0 0 12 12"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M11.2888 2.24097C11.2673 2.19657 11.2296 2.16024 11.1799 2.14543C11.1745 2.14409 11.1704 2.14274 11.1651 2.1414C11.1543 2.13871 11.1435 2.13736 11.1314 2.13467C10.5084 2.00684 9.89618 1.8494 9.2974 1.63411C8.6004 1.38383 7.92896 1.06764 7.28038 0.684145C6.95879 0.49442 6.64528 0.28855 6.34252 0.0692232C6.29139 0.0315484 6.24833 0.00328979 6.18105 0.000598027C6.15952 -0.000747534 6.13664 0.000598027 6.11512 0.000598027C6.01285 0.000598027 5.94961 0.054421 5.87157 0.112282C5.71548 0.226654 5.5567 0.338338 5.39389 0.444643C4.77897 0.848308 4.10214 1.19816 3.43877 1.46458C2.69736 1.76196 1.92905 1.97993 1.14861 2.14409C1.06249 2.16159 1.0006 2.25443 1.0006 2.3392V3.98081C1.0006 4.53385 0.999252 5.08686 1.0006 5.63855C1.00329 6.95451 1.45675 8.23559 2.27485 9.26628C2.6691 9.7628 3.14948 10.192 3.68367 10.5338C3.86263 10.6482 4.04428 10.7599 4.22326 10.8716C4.79783 11.2308 5.37237 11.5887 5.94559 11.948C5.95904 11.9561 5.97115 11.9642 5.98461 11.9722C6.04516 12.0099 6.12859 12.0086 6.18779 11.9722C6.70449 11.6587 7.22119 11.3452 7.73654 11.0317C7.98143 10.8837 8.22632 10.7343 8.46988 10.5863C8.88432 10.3347 9.2705 10.04 9.61228 9.6982C10.5192 8.78994 11.0978 7.59506 11.2633 6.32612C11.3064 5.99646 11.3118 5.66678 11.3118 5.33442V2.3351C11.3144 2.30146 11.305 2.26917 11.2889 2.24091L11.2888 2.24097ZM8.73094 4.6657C8.60849 4.78814 8.48604 4.91059 8.36359 5.03304L6.76504 6.63159C6.43135 6.96663 6.09628 7.30035 5.76124 7.63539C5.6065 7.79013 5.34412 7.79013 5.19071 7.63539C5.12343 7.56811 5.05749 7.50218 4.99156 7.43624L3.58545 6.03013C3.42532 5.87136 3.43744 5.61973 3.58545 5.4596C3.73346 5.29947 4.00661 5.31024 4.15598 5.4596C4.22326 5.52688 4.2892 5.59281 4.35647 5.65874C4.73054 6.03281 5.10328 6.40555 5.47734 6.77961L7.15662 5.10034C7.49166 4.7653 7.82537 4.43158 8.16042 4.09654C8.32054 3.93641 8.57082 3.94853 8.73095 4.09654C8.89242 4.24186 8.88166 4.51634 8.73095 4.66572L8.73094 4.6657Z"
-      fill={color}
-    />
-  </svg>
-))
+export default CheckedShieldIcon
diff --git a/src/components/icons/WarningIcon.tsx b/src/components/icons/WarningIcon.tsx
@@ -2,7 +2,7 @@ import { useId } from 'react'
 
 import createIcon from './createIcon'
 
-export default createIcon(({ size, color }) => {
+export default createIcon(({ size, color, secondaryColor = 'transparent' }) => {
   const id1 = useId()
 
   return (
@@ -12,6 +12,15 @@ export default createIcon(({ size, color }) => {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
+      <rect
+        x="7"
+        y="3"
+        width="2"
+        height="11"
+        rx={0.5}
+        ry={0.5}
+        fill={secondaryColor}
+      />
       <clipPath id={id1}>
         <path d="m.95459.306h16v16h-16z" />
       </clipPath>