feat: add warning shield icon (#589)

Author: renemennab

src/components/icons/WarningShieldIcon.tsx

@@ -0,0 +1,25 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 18 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <mask
+      id="path-1-inside-1_5595_71"
+      fill="white"
+    >
+      <path d="M8.55847 1.276C8.84101 1.15592 9.15887 1.15592 9.44141 1.276L15.682 3.92482C16.0811 4.09435 16.3495 4.47225 16.346 4.89959C16.3284 8.21945 14.9545 14.0751 9.44141 16.7133C9.1624 16.8476 8.83394 16.8476 8.55493 16.7133C3.04185 14.0716 1.67152 8.21592 1.65386 4.89606C1.65033 4.46872 1.91875 4.09082 2.31784 3.92129L8.55847 1.27247V1.276ZM9.88288 0.234129C9.3178 -0.00603154 8.68208 -0.00603154 8.117 0.234129L1.87636 2.88295C1.09938 3.21141 0.520166 3.9778 0.523698 4.90312C0.541357 8.40664 1.98232 14.8168 8.06755 17.7305C8.65736 18.013 9.34252 18.013 9.93232 17.7305C16.0176 14.8168 17.4585 8.40664 17.4762 4.90312C17.4797 3.9778 16.9005 3.21141 16.1235 2.88295L9.88288 0.234129ZM8.99994 4.47931C8.68914 4.47931 8.43485 4.7336 8.43485 5.04439V9.56505C8.43485 9.87585 8.68914 10.1301 8.99994 10.1301C9.31073 10.1301 9.56502 9.87585 9.56502 9.56505V5.04439C9.56502 4.7336 9.31073 4.47931 8.99994 4.47931ZM9.84756 12.3905C9.84756 12.1657 9.75826 11.9501 9.5993 11.7911C9.44034 11.6321 9.22474 11.5428 8.99994 11.5428C8.77513 11.5428 8.55954 11.6321 8.40058 11.7911C8.24162 11.9501 8.15231 12.1657 8.15231 12.3905C8.15231 12.6153 8.24162 12.8309 8.40058 12.9898C8.55954 13.1488 8.77513 13.2381 8.99994 13.2381C9.22474 13.2381 9.44034 13.1488 9.5993 12.9898C9.75826 12.8309 9.84756 12.6153 9.84756 12.3905Z" />
+    </mask>
+    <path
+      d="M8.55847 1.276C8.84101 1.15592 9.15887 1.15592 9.44141 1.276L15.682 3.92482C16.0811 4.09435 16.3495 4.47225 16.346 4.89959C16.3284 8.21945 14.9545 14.0751 9.44141 16.7133C9.1624 16.8476 8.83394 16.8476 8.55493 16.7133C3.04185 14.0716 1.67152 8.21592 1.65386 4.89606C1.65033 4.46872 1.91875 4.09082 2.31784 3.92129L8.55847 1.27247V1.276ZM9.88288 0.234129C9.3178 -0.00603154 8.68208 -0.00603154 8.117 0.234129L1.87636 2.88295C1.09938 3.21141 0.520166 3.9778 0.523698 4.90312C0.541357 8.40664 1.98232 14.8168 8.06755 17.7305C8.65736 18.013 9.34252 18.013 9.93232 17.7305C16.0176 14.8168 17.4585 8.40664 17.4762 4.90312C17.4797 3.9778 16.9005 3.21141 16.1235 2.88295L9.88288 0.234129ZM8.99994 4.47931C8.68914 4.47931 8.43485 4.7336 8.43485 5.04439V9.56505C8.43485 9.87585 8.68914 10.1301 8.99994 10.1301C9.31073 10.1301 9.56502 9.87585 9.56502 9.56505V5.04439C9.56502 4.7336 9.31073 4.47931 8.99994 4.47931ZM9.84756 12.3905C9.84756 12.1657 9.75826 11.9501 9.5993 11.7911C9.44034 11.6321 9.22474 11.5428 8.99994 11.5428C8.77513 11.5428 8.55954 11.6321 8.40058 11.7911C8.24162 11.9501 8.15231 12.1657 8.15231 12.3905C8.15231 12.6153 8.24162 12.8309 8.40058 12.9898C8.55954 13.1488 8.77513 13.2381 8.99994 13.2381C9.22474 13.2381 9.44034 13.1488 9.5993 12.9898C9.75826 12.8309 9.84756 12.6153 9.84756 12.3905Z"
+      fill={color}
+      stroke={color}
+      strokeWidth="2.26033"
+      mask="url(#path-1-inside-1_5595_71)"
+    />
+  </svg>
+))

src/icons.ts

@@ -187,6 +187,7 @@ export { default as VideoIcon } from './components/icons/VideoIcon'
 export { default as VolumesIcon } from './components/icons/VolumesIcon'
 export { default as WarningIcon } from './components/icons/WarningIcon'
 export { default as WarningOutlineIcon } from './components/icons/WarningOutlineIcon'
+export { default as WarningShieldIcon } from './components/icons/WarningShieldIcon'
 export { default as WavingHandIcon } from './components/icons/WavingHandIcon'
 export { default as WebhooksIcon } from './components/icons/WebhooksIcon'
 export { default as WindowsLogoIcon } from './components/icons/WindowsLogoIcon'