@drivenets/design-system 0.3.0 → 0.5.0

package/src/components/ds-icon/custom-icons/special-cached-active.tsx

@@ -0,0 +1,15 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Cached Active icon - cached/refresh icon with active indicator dot
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=19480:21325
+ */
+export const SpecialCachedActive: FC<SVGProps<SVGSVGElement>> = (props) => (
+	<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+		<path
+			d="M9.99984 16C8.33317 16 6.90609 15.4097 5.71859 14.2292C4.53109 13.0486 3.95817 11.5972 3.99984 9.875L3.33317 10.5417C3.18039 10.6944 3.00331 10.7708 2.80192 10.7708C2.60053 10.7708 2.42345 10.6944 2.27067 10.5417C2.11789 10.3889 2.0415 10.2118 2.0415 10.0104C2.0415 9.80903 2.11789 9.63194 2.27067 9.47917L4.229 7.52083C4.38178 7.36806 4.55539 7.29167 4.74984 7.29167C4.94428 7.29167 5.11789 7.36806 5.27067 7.52083L7.229 9.47917C7.38178 9.63194 7.45817 9.80556 7.45817 10C7.45817 10.1944 7.38178 10.3681 7.229 10.5208C7.07623 10.6736 6.89914 10.75 6.69775 10.75C6.49637 10.75 6.31928 10.6736 6.1665 10.5208L5.49984 9.875C5.47206 11.1806 5.90262 12.2778 6.7915 13.1667C7.68039 14.0556 8.74984 14.5 9.99984 14.5C10.1665 14.5 10.3332 14.4896 10.4998 14.4688C10.6665 14.4479 10.8262 14.4236 10.979 14.3958C11.1873 14.3542 11.3853 14.3715 11.5728 14.4479C11.7603 14.5243 11.8957 14.6597 11.979 14.8542C12.0623 15.0486 12.0589 15.2361 11.9686 15.4167C11.8783 15.5972 11.7359 15.7153 11.5415 15.7708C11.2915 15.8403 11.0415 15.8958 10.7915 15.9375C10.5415 15.9792 10.2776 16 9.99984 16ZM9.99984 5.5C9.83317 5.5 9.6665 5.51042 9.49984 5.53125C9.33317 5.55208 9.17345 5.57639 9.02067 5.60417C8.81234 5.64583 8.61442 5.62847 8.42692 5.55208C8.23942 5.47569 8.11095 5.34028 8.0415 5.14583C7.97206 4.95139 7.97553 4.76389 8.05192 4.58333C8.12831 4.40278 8.26373 4.28472 8.45817 4.22917C8.70817 4.15972 8.96164 4.10417 9.21859 4.0625C9.47553 4.02083 9.73595 4 9.99984 4C11.6804 4 13.1109 4.59028 14.2915 5.77083C15.4721 6.95139 16.0415 8.40278 15.9998 10.125L16.6665 9.45833C16.8193 9.30556 16.9964 9.22917 17.1978 9.22917C17.3991 9.22917 17.5762 9.30556 17.729 9.45833C17.8818 9.61111 17.9582 9.78819 17.9582 9.98958C17.9582 10.191 17.8818 10.3681 17.729 10.5208L15.7707 12.4792C15.6179 12.6319 15.4443 12.7083 15.2498 12.7083C15.0554 12.7083 14.8818 12.6319 14.729 12.4792L12.7707 10.5208C12.6179 10.3681 12.545 10.191 12.5519 9.98958C12.5589 9.78819 12.6387 9.61111 12.7915 9.45833C12.9443 9.30556 13.1214 9.22917 13.3228 9.22917C13.5241 9.22917 13.7012 9.30556 13.854 9.45833L14.4998 10.125C14.5276 8.81944 14.0971 7.72222 13.2082 6.83333C12.3193 5.94444 11.2498 5.5 9.99984 5.5Z"
+			fill="currentColor"
+		/>
+		<circle cx="15.5" cy="4.5" r="4" fill="#C9510C" stroke="white" />
+	</svg>
+);

package/src/components/ds-icon/custom-icons/special-cluster-ne.tsx

@@ -0,0 +1,38 @@
+import { useId, type FC, type SVGProps } from 'react';
+
+/**
+ * Special Cluster NE icon - represents a cluster network element
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4849:50869
+ */
+export const SpecialClusterNe: FC<SVGProps<SVGSVGElement>> = (props) => {
+	const clipId = useId();
+
+	return (
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			width="20"
+			height="20"
+			viewBox="0 0 20 20"
+			fill="currentColor"
+			{...props}
+		>
+			<g clipPath={`url(#${clipId})`}>
+				<path d="M13.75 1.58301C14.7164 1.58301 15.4998 2.36666 15.5 3.33301V6.04102C15.5 7.00751 14.7165 7.79102 13.75 7.79102H6.25C5.2835 7.79102 4.5 7.00751 4.5 6.04102V3.33301C4.50018 2.36666 5.28361 1.58301 6.25 1.58301H13.75ZM6.25 2.58301C5.83589 2.58301 5.50018 2.91894 5.5 3.33301V6.04102C5.5 6.45523 5.83579 6.79102 6.25 6.79102H13.75C14.1642 6.79102 14.5 6.45523 14.5 6.04102V3.33301C14.4998 2.91894 14.1641 2.58301 13.75 2.58301H6.25ZM7.5 3.54199C7.77614 3.54199 8 3.76585 8 4.04199V5.54199C7.99987 5.81802 7.77606 6.04199 7.5 6.04199C7.22394 6.04199 7.00013 5.81802 7 5.54199V4.04199C7 3.76585 7.22386 3.54199 7.5 3.54199ZM9.375 3.54199C9.65114 3.54199 9.875 3.76585 9.875 4.04199V5.54199C9.87487 5.81802 9.65106 6.04199 9.375 6.04199C9.09894 6.04199 8.87513 5.81802 8.875 5.54199V4.04199C8.875 3.76585 9.09886 3.54199 9.375 3.54199ZM12.5 3.33301C12.9602 3.33301 13.333 3.70675 13.333 4.16699C13.3328 4.62708 12.9601 5 12.5 5C12.0399 5 11.6672 4.62708 11.667 4.16699C11.667 3.70675 12.0398 3.33301 12.5 3.33301Z" />
+				<path d="M7.5 11.583C8.46624 11.5832 9.24982 12.3668 9.25 13.333V16.041C9.25 17.0074 8.46635 17.7908 7.5 17.791H1.66699C0.700494 17.791 -0.0830078 17.0075 -0.0830078 16.041V13.333C-0.0828319 12.3667 0.700602 11.583 1.66699 11.583H7.5ZM1.66699 12.583C1.25289 12.583 0.917168 12.9189 0.916992 13.333V16.041C0.916992 16.4552 1.25278 16.791 1.66699 16.791H7.5C7.91406 16.7908 8.25 16.4551 8.25 16.041V13.333C8.24982 12.9191 7.91396 12.5832 7.5 12.583H1.66699ZM2.5 13.542C2.77614 13.542 3 13.7658 3 14.042V15.542C2.99987 15.818 2.77606 16.042 2.5 16.042C2.22394 16.042 2.00013 15.818 2 15.542V14.042C2 13.7658 2.22386 13.542 2.5 13.542ZM4.375 13.542C4.65114 13.542 4.875 13.7658 4.875 14.042V15.542C4.87487 15.818 4.65106 16.042 4.375 16.042C4.09894 16.042 3.87513 15.818 3.875 15.542V14.042C3.875 13.7658 4.09886 13.542 4.375 13.542ZM6.66699 13.333C7.12708 13.3332 7.5 13.7069 7.5 14.167C7.49982 14.627 7.12697 14.9998 6.66699 15C6.20686 15 5.83318 14.6271 5.83301 14.167C5.83301 13.7068 6.20675 13.333 6.66699 13.333Z" />
+				<path d="M18.333 11.583C19.2994 11.583 20.0828 12.3667 20.083 13.333V16.041C20.083 17.0075 19.2995 17.791 18.333 17.791H12.5C11.5335 17.791 10.75 17.0075 10.75 16.041V13.333C10.7502 12.3667 11.5336 11.583 12.5 11.583H18.333ZM12.5 12.583C12.0859 12.583 11.7502 12.9189 11.75 13.333V16.041C11.75 16.4552 12.0858 16.791 12.5 16.791H18.333C18.7472 16.791 19.083 16.4552 19.083 16.041V13.333C19.0828 12.9189 18.7471 12.583 18.333 12.583H12.5ZM13.333 13.542C13.6092 13.542 13.833 13.7658 13.833 14.042V15.542C13.8329 15.818 13.6091 16.042 13.333 16.042C13.0571 16.0418 12.8331 15.8179 12.833 15.542V14.042C12.833 13.766 13.057 13.5422 13.333 13.542ZM15.208 13.542C15.4842 13.542 15.708 13.7658 15.708 14.042V15.542C15.7079 15.818 15.4841 16.042 15.208 16.042C14.9321 16.0418 14.7081 15.8179 14.708 15.542V14.042C14.708 13.766 14.932 13.5422 15.208 13.542ZM17.5 13.333C17.9602 13.333 18.333 13.7068 18.333 14.167C18.3328 14.6271 17.9601 15 17.5 15C17.0399 15 16.6672 14.6271 16.667 14.167C16.667 13.7068 17.0398 13.333 17.5 13.333Z" />
+				<path
+					d="M3.75 11.25V10H16.25V11.25"
+					stroke="currentColor"
+					strokeLinecap="square"
+					strokeLinejoin="round"
+				/>
+				<path d="M10 7.5V9.16667" stroke="currentColor" strokeLinecap="square" strokeLinejoin="round" />
+			</g>
+			<defs>
+				<clipPath id={clipId}>
+					<rect width="20" height="20" fill="white" />
+				</clipPath>
+			</defs>
+		</svg>
+	);
+};

package/src/components/ds-icon/custom-icons/special-compare.tsx

@@ -0,0 +1,14 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Compare icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=5717:36795
+ */
+export const SpecialCompare: FC<SVGProps<SVGSVGElement>> = (props) => (
+	<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" {...props}>
+		<path
+			d="M11.0669 6.4331L7.13425 2.5L6.25 3.38425L9.115 6.24894L0 6.25V7.5L9.11697 7.49894L6.25 10.3645L7.13546 11.25L11.0669 7.3169C11.1249 7.25888 11.171 7.18999 11.2024 7.11417C11.2338 7.03834 11.25 6.95707 11.25 6.875C11.25 6.79293 11.2338 6.71166 11.2024 6.63583C11.171 6.56001 11.1249 6.49112 11.0669 6.4331ZM20 12.5H10.8841L13.75 9.63546L12.8645 8.75L8.9331 12.6831C8.87506 12.7411 8.82902 12.81 8.7976 12.8858C8.76619 12.9616 8.75002 13.0429 8.75002 13.125C8.75002 13.207 8.76619 13.2883 8.7976 13.3641C8.82902 13.4399 8.87506 13.5088 8.9331 13.5669L12.8657 17.5L13.75 16.6157L10.8839 13.75H20V12.5Z"
+			fill="currentColor"
+		/>
+	</svg>
+);

package/src/components/ds-icon/custom-icons/special-config-template.tsx

@@ -0,0 +1,22 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Config Template icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=5663:311
+ */
+export const SpecialConfigTemplate: FC<SVGProps<SVGSVGElement>> = (props) => (
+	<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" {...props}>
+		<path
+			d="M17.1619 4.34043C17.1619 4.02907 17.0416 3.73767 16.8228 3.51891L14.1514 0.85135C14.1412 0.84043 14.1303 0.82947 14.119 0.81931C13.9025 0.61151 13.6197 0.49707 13.319 0.49707H3.99823C3.35839 0.49707 2.83807 1.01735 2.83807 1.65719V18.3431C2.83807 18.9826 3.35839 19.5029 3.99823 19.5029H16.0022C16.6416 19.5029 17.1619 18.9826 17.1619 18.3431L17.1611 4.44079C17.1615 4.43259 17.1619 4.42439 17.1619 4.41579V4.34043ZM14.2514 2.08219L16.1885 4.01579H14.2463L14.2514 2.08219ZM16.0022 18.7029H3.99823C3.7998 18.7029 3.63807 18.5416 3.63807 18.3431V1.65719C3.63807 1.45875 3.7998 1.29707 3.99823 1.29707H13.319C13.3658 1.29707 13.4111 1.30603 13.4537 1.32363L13.4451 4.41463C13.4447 4.52087 13.4869 4.62283 13.5619 4.69823C13.6369 4.77363 13.7389 4.81579 13.8451 4.81579H16.3611L16.3619 18.3431C16.3619 18.5416 16.2006 18.7029 16.0022 18.7029Z"
+			fill="currentColor"
+		/>
+		<path
+			d="M9.99942 8.21463C9.01466 8.21463 8.2135 9.01579 8.2135 10.0002C8.2135 10.985 9.01466 11.7861 9.99942 11.7861C10.9842 11.7861 11.7854 10.985 11.7854 10.0002C11.7854 9.01579 10.9842 8.21463 9.99942 8.21463ZM9.99942 10.9861C9.45566 10.9861 9.0135 10.5439 9.0135 10.0002C9.0135 9.45683 9.45566 9.01463 9.99942 9.01463C10.5432 9.01463 10.9854 9.45683 10.9854 10.0002C10.9854 10.5439 10.5432 10.9861 9.99942 10.9861Z"
+			fill="currentColor"
+		/>
+		<path
+			d="M14.7314 8.19667L13.9264 6.80527C13.7459 6.48923 13.342 6.37907 13.0232 6.56151L12.1342 7.07351C11.9272 6.92207 11.7036 6.79347 11.4654 6.68867V5.66463C11.4654 5.29863 11.169 5.00095 10.8045 5.00095H9.19552C8.82948 5.00095 8.53184 5.29863 8.53184 5.66463V6.68879C8.29368 6.79359 8.07032 6.92199 7.86368 7.07331L6.97596 6.56071C6.6584 6.37871 6.25176 6.48883 6.07168 6.80407L5.26776 8.19863C5.08572 8.51699 5.19588 8.92323 5.51112 9.10331L6.39644 9.61479C6.38301 9.74251 6.3744 9.87151 6.3744 10.0017C6.3744 10.1323 6.38304 10.2611 6.39644 10.3881L5.51268 10.8994C5.19708 11.0799 5.08692 11.4845 5.26856 11.8029L6.07088 13.1947C6.25044 13.5085 6.65256 13.6235 6.97752 13.4388L7.86344 12.9272C8.07024 13.0786 8.29364 13.207 8.53184 13.3117V14.3357C8.53184 14.7017 8.82948 14.9994 9.19552 14.9994H10.8045C11.169 14.9994 11.4654 14.7017 11.4654 14.3357V13.3117C11.7036 13.2071 11.9272 13.0786 12.1345 12.927L13.0244 13.4396C13.1279 13.499 13.2408 13.5271 13.3525 13.5271C13.5818 13.5271 13.8045 13.408 13.9252 13.1967L14.733 11.8013C14.9135 11.4845 14.8033 11.0799 14.49 10.9005L13.6014 10.3849C13.6148 10.2585 13.6232 10.1309 13.6232 10.0017C13.6232 9.87231 13.6146 9.74367 13.601 9.61599L14.4877 9.10407C14.8045 8.92323 14.9146 8.51699 14.7314 8.19667ZM12.9686 9.05719C12.9322 9.09731 12.724 9.21195 12.7748 9.47711C12.8068 9.64783 12.8232 9.82439 12.8232 10.0017C12.8232 10.1799 12.8068 10.3553 12.7748 10.5224C12.7491 10.656 12.8234 10.8531 12.9621 10.9373C12.9644 10.9387 12.9655 10.941 12.9678 10.9423L13.9693 11.5236L13.3022 12.6763L12.2986 12.0986C12.2941 12.096 12.2889 12.0962 12.2842 12.0938C12.1482 12.0225 11.9546 12.0491 11.846 12.139C11.8433 12.1412 11.8399 12.1417 11.8373 12.1439C11.5748 12.3717 11.2705 12.5467 10.933 12.6642C10.8734 12.7084 10.6742 12.7834 10.6674 13.0313C10.6673 13.0348 10.6654 13.0377 10.6654 13.0412V14.1994H9.33184V13.0412C9.33184 13.0377 9.32992 13.0348 9.32984 13.0313C9.32221 12.7547 9.01436 12.6381 9.06424 12.6642C8.72636 12.5463 8.42208 12.3717 8.16036 12.1443C8.15752 12.1419 8.15384 12.1413 8.15096 12.139C8.02708 12.0368 7.83568 12.0291 7.71324 12.0935C7.7084 12.0961 7.70301 12.0959 7.69824 12.0986L6.69588 12.6775L6.03104 11.5236L7.03104 10.9451C7.25868 10.8135 7.23132 10.4824 7.22244 10.5224C7.19044 10.3564 7.1744 10.181 7.1744 10.0017C7.1744 9.82283 7.19044 9.64627 7.22244 9.47711C7.2232 9.47307 7.22168 9.46931 7.22232 9.46527C7.24564 9.31763 7.1552 9.13691 7.03912 9.06491C7.03536 9.06259 7.03336 9.05863 7.02948 9.05643L6.02948 8.47871L6.69588 7.32283L7.69824 7.90175C7.80424 7.96303 8.00808 7.97803 8.14964 7.86279C8.15296 7.86007 8.15708 7.85927 8.16036 7.85643C8.42208 7.62947 8.72636 7.45407 9.06464 7.33611C9.1852 7.29375 9.32556 7.13323 9.32988 6.96851C9.32996 6.96507 9.33184 6.96223 9.33184 6.95875V5.80095H10.6654V6.95875C10.6784 6.99955 10.672 7.23323 10.9221 7.32987C10.926 7.33139 10.9286 7.33471 10.9326 7.33611C11.2705 7.45407 11.5752 7.62907 11.8373 7.85683C11.9447 7.90607 12.0753 8.03063 12.2986 7.90175L13.3022 7.32399L13.9705 8.47907L12.9686 9.05719Z"
+			fill="currentColor"
+		/>
+	</svg>
+);

package/src/components/ds-icon/custom-icons/special-conflicted-nes.tsx

@@ -0,0 +1,16 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Conflicted NEs icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4863:3617
+ */
+export const SpecialConflictedNes: FC<SVGProps<SVGSVGElement>> = (props) => (
+	<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" {...props}>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M16.6442 1.40914C16.7846 1.27012 17.0113 1.26937 17.153 1.40816L17.5807 1.82906C18.0662 2.31022 18.3333 2.94865 18.3336 3.62691C18.3336 4.30545 18.066 4.94438 17.5817 5.42476L12.4977 10.4502L14.9967 12.9218L15.403 12.5205C15.5439 12.381 15.7714 12.381 15.9127 12.5205L17.234 13.8271C17.3028 13.8952 17.3414 13.9878 17.3414 14.0849C17.3414 14.182 17.3032 14.2746 17.234 14.3427L16.5016 15.0654L18.2242 16.7695C18.293 16.8375 18.3325 16.9294 18.3326 17.0263C18.3326 17.1234 18.2934 17.216 18.2242 17.2841L16.903 18.5908C16.8323 18.6603 16.7401 18.6962 16.6481 18.6962C16.5562 18.6961 16.4643 18.6602 16.3942 18.5908L14.6656 16.8818L13.9293 17.6103C13.8588 17.6798 13.7673 17.7157 13.6754 17.7158C13.5834 17.7158 13.4912 17.6799 13.4205 17.6103L12.0983 16.3037C12.0296 16.2356 11.9908 16.1428 11.9908 16.0459C11.9909 15.9491 12.0294 15.857 12.0983 15.789L12.4996 15.3916L9.99963 12.9199L7.50061 15.3916L7.90198 15.789C7.97046 15.857 8.0093 15.9491 8.0094 16.0459C8.0094 16.1428 7.97062 16.2356 7.90198 16.3037L6.57971 17.6103C6.50942 17.6799 6.41722 17.7158 6.32483 17.7158C6.23288 17.7157 6.14054 17.6798 6.06995 17.6103L5.33264 16.8818L3.60608 18.5908C3.53579 18.6603 3.44359 18.6962 3.3512 18.6962C3.25918 18.6962 3.16696 18.6603 3.09631 18.5908L1.77502 17.2841C1.70618 17.216 1.6676 17.1234 1.6676 17.0263C1.66769 16.9298 1.70632 16.8375 1.77502 16.7695L3.4967 15.0654L2.76624 14.3427C2.69739 14.2746 2.65881 14.182 2.65881 14.0849C2.65883 13.9878 2.69741 13.8952 2.76624 13.8271L4.08752 12.5205C4.22883 12.381 4.45635 12.381 4.59729 12.5205L5.00354 12.9218L7.50159 10.4502L2.41956 5.42476C1.93483 4.94402 1.6673 4.30545 1.6676 3.62691C1.6676 2.94842 1.93433 2.31008 2.41858 1.83004L2.84729 1.40816C2.98889 1.26911 3.21549 1.27022 3.35608 1.40914L9.99963 7.97945L16.6442 1.40914ZM2.54456 17.0263L3.3512 17.8242L4.81897 16.373L4.48792 16.0459L4.01233 15.5752L2.54456 17.0263ZM15.9879 15.5752L15.1803 16.373L16.6481 17.8242L17.4547 17.0263L15.9879 15.5752ZM3.53674 14.0849L6.32581 16.8437L7.13245 16.0459L4.34241 13.2871L3.53674 14.0849ZM15.2535 13.6855C15.2526 13.6865 15.2526 13.6885 15.2516 13.6894L13.2692 15.6494L12.8678 16.0459L13.6754 16.8437L14.4088 16.1181C14.4096 16.1173 14.4099 16.116 14.4108 16.1152L15.733 14.8086H15.7321L16.4645 14.0849L15.6569 13.288L15.2535 13.6855ZM5.51917 13.4316L6.98596 14.8818L9.48401 12.4101L8.01721 10.9589L5.51917 13.4316ZM2.92834 2.34566C2.58342 2.68769 2.39221 3.14322 2.39221 3.62691C2.39227 4.11088 2.58336 4.56669 2.92932 4.91012L8.26428 10.1855C8.26698 10.188 8.27043 10.1897 8.27307 10.1923L10.2555 12.1523C10.2581 12.1549 10.2598 12.1584 10.2623 12.1611L13.0143 14.8818L14.4811 13.4306L3.1012 2.17574L2.92834 2.34566ZM10.5162 8.48922L11.983 9.94039L17.0719 4.90914C17.4175 4.56572 17.608 4.11052 17.608 3.62691C17.6077 3.14332 17.4178 2.68778 17.0719 2.34469L16.9 2.17574L10.5162 8.48922Z"
+			fill="currentColor"
+		/>
+	</svg>
+);

package/src/components/ds-icon/custom-icons/special-device.tsx

@@ -0,0 +1,14 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Device icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=9112:52009
+ */
+export const SpecialDevice: FC<SVGProps<SVGSVGElement>> = (props) => (
+	<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+		<path
+			d="M4.43182 12.53H15.5682C16.0057 12.53 16.3802 12.3838 16.6918 12.0913C17.0033 11.7989 17.1591 11.4473 17.1591 11.0367V6.55667C17.1591 6.14601 17.0033 5.79445 16.6918 5.50201C16.3802 5.20956 16.0057 5.06334 15.5682 5.06334H4.43182C3.99432 5.06334 3.61979 5.20956 3.30824 5.50201C2.99669 5.79445 2.84091 6.14601 2.84091 6.55667V11.0367C2.84091 11.4473 2.99669 11.7989 3.30824 12.0913C3.61979 12.3838 3.99432 12.53 4.43182 12.53ZM4.43182 15.47V14.0233C3.55682 14.0233 2.80777 13.7309 2.18466 13.146C1.56155 12.5611 1.25 11.858 1.25 11.0367V6.55667C1.25 5.73534 1.56155 5.03223 2.18466 4.44734C2.80777 3.86245 3.55682 3.57001 4.43182 3.57001H15.5682C16.4432 3.57001 17.1922 3.86245 17.8153 4.44734C18.4384 5.03223 18.75 5.73534 18.75 6.55667V11.0367C18.75 11.858 18.4384 12.5611 17.8153 13.146C17.1922 13.7309 16.4432 14.0233 15.5682 14.0233V15.47H13.15V14.07H6.85V15.47H4.43182ZM8.80682 9.54334C9.0322 9.54334 9.22112 9.47179 9.37358 9.32868C9.52604 9.18556 9.60227 9.00823 9.60227 8.79668C9.60227 8.58512 9.52604 8.40779 9.37358 8.26468C9.22112 8.12156 9.0322 8.05001 8.80682 8.05001C8.58144 8.05001 8.39252 8.12156 8.24006 8.26468C8.0876 8.40779 8.01136 8.58512 8.01136 8.79668C8.01136 9.00823 8.0876 9.18556 8.24006 9.32868C8.39252 9.47179 8.58144 9.54334 8.80682 9.54334ZM6.42045 9.54334C6.64583 9.54334 6.83475 9.47179 6.98722 9.32868C7.13968 9.18556 7.21591 9.00823 7.21591 8.79668C7.21591 8.58512 7.13968 8.40779 6.98722 8.26468C6.83475 8.12156 6.64583 8.05001 6.42045 8.05001C6.19508 8.05001 6.00616 8.12156 5.85369 8.26468C5.70123 8.40779 5.625 8.58512 5.625 8.79668C5.625 9.00823 5.70123 9.18556 5.85369 9.32868C6.00616 9.47179 6.19508 9.54334 6.42045 9.54334ZM11.1932 9.54334C11.4186 9.54334 11.6075 9.47179 11.7599 9.32868C11.9124 9.18556 11.9886 9.00823 11.9886 8.79668C11.9886 8.58512 11.9124 8.40779 11.7599 8.26468C11.6075 8.12156 11.4186 8.05001 11.1932 8.05001C10.9678 8.05001 10.7789 8.12156 10.6264 8.26468C10.474 8.40779 10.3977 8.58512 10.3977 8.79668C10.3977 9.00823 10.474 9.18556 10.6264 9.32868C10.7789 9.47179 10.9678 9.54334 11.1932 9.54334ZM13.5795 9.54334C13.8049 9.54334 13.9938 9.47179 14.1463 9.32868C14.2988 9.18556 14.375 9.00823 14.375 8.79668C14.375 8.58512 14.2988 8.40779 14.1463 8.26468C13.9938 8.12156 13.8049 8.05001 13.5795 8.05001C13.3542 8.05001 13.1652 8.12156 13.0128 8.26468C12.8603 8.40779 12.7841 8.58512 12.7841 8.79668C12.7841 9.00823 12.8603 9.18556 13.0128 9.32868C13.1652 9.47179 13.3542 9.54334 13.5795 9.54334Z"
+			fill="currentColor"
+		/>
+	</svg>
+);

package/src/components/ds-icon/custom-icons/special-discovered-ne.tsx

@@ -0,0 +1,22 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Discovered NE icon - represents a discovered network element
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4849:50848
+ */
+export const SpecialDiscoveredNe: FC<SVGProps<SVGSVGElement>> = (props) => (
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width="20"
+		height="20"
+		viewBox="0 0 20 20"
+		fill="currentColor"
+		{...props}
+	>
+		<path
+			d="M18.6539 10.9367L16.8349 6.32301C16.8175 6.27953 16.79 6.24114 16.7547 6.21127C16.2419 5.77313 15.7377 5.49672 15.2479 5.34381L15.0646 4.09408C15.0298 3.85066 14.9481 3.61681 14.8241 3.40625C14.7001 3.19569 14.5365 3.01266 14.3427 2.86788C14.1503 2.72146 13.9313 2.61589 13.6987 2.55732C13.466 2.49876 13.2243 2.48837 12.9877 2.52677C12.0911 2.66792 11.438 3.44422 11.438 4.37049C11.438 4.46459 11.4466 4.55575 11.4581 4.65278L11.67 6.09365C11.2891 6.37006 11.0141 6.63471 10.8851 6.76997C10.7706 6.89053 10.7018 7.04344 10.6846 7.20517C10.1862 6.97875 9.67629 6.96699 9.19504 7.16989C9.1578 7.07285 9.10624 6.98169 9.03176 6.90524C8.86848 6.73469 8.54478 6.42299 8.1065 6.12305L8.32421 4.64396C8.33567 4.54987 8.34426 4.45871 8.34426 4.36461C8.34426 3.4354 7.694 2.6591 6.79453 2.52089C5.80338 2.36799 4.86666 3.07077 4.71771 4.09114L4.50573 5.54083C4.04739 5.71138 3.59479 5.97603 3.1651 6.34653C3.13073 6.37594 3.10208 6.41417 3.08489 6.45828L1.27448 11.0749C0.982225 11.6851 0.83125 12.3563 0.833334 13.0363C0.833334 15.4975 2.78411 17.5 5.18463 17.5C7.58228 17.5 9.53593 15.4975 9.53593 13.0333C9.53593 12.4834 9.43853 11.9483 9.24947 11.4454V9.9781C9.7078 9.71345 10.1976 9.7311 10.6818 10.034V11.6513C10.5443 12.0865 10.4669 12.5511 10.4669 13.0304C10.4669 15.4916 12.4177 17.4971 14.8182 17.4971C17.2159 17.5 19.1666 15.4975 19.1666 13.0333C19.1666 12.2776 18.9804 11.5631 18.6539 10.9367ZM5.27343 4.17936C5.37656 3.47069 6.02968 2.98256 6.71718 3.08842C7.34166 3.18546 7.79426 3.72652 7.79426 4.37049C7.79426 4.43813 7.78853 4.50576 7.77994 4.56751L7.59661 5.8143C6.76588 5.37322 5.9151 5.22325 5.09869 5.37616L5.27343 4.17936ZM3.58047 6.74057C3.98151 6.40535 4.39974 6.16716 4.82369 6.0319C4.83229 6.02896 4.83802 6.02602 4.84375 6.02308C5.75468 5.73196 6.69999 5.89369 7.65676 6.50238L7.67395 6.5112C8.13801 6.8082 8.4789 7.1346 8.64218 7.30515C8.67369 7.3375 8.69088 7.38161 8.69088 7.42571V10.3927C7.88593 9.25767 6.59973 8.56664 5.18177 8.56664C4.17343 8.56664 3.23099 8.91657 2.4776 9.53114L3.58047 6.74057ZM5.18463 16.9295C3.09349 16.9295 1.38906 15.1829 1.38906 13.0333C1.38906 12.4246 1.52083 11.8424 1.77865 11.3072C2.42604 9.96928 3.72942 9.14005 5.18177 9.14005C6.74869 9.14005 8.13228 10.1045 8.71093 11.6013C8.88853 12.0541 8.97733 12.5364 8.97733 13.0363C8.97733 15.1829 7.27577 16.9295 5.18463 16.9295ZM10.6818 9.39881C10.2034 9.18416 9.71353 9.16945 9.24947 9.35471V7.77564C9.8052 7.45806 10.3151 7.61097 10.6818 7.84033V9.39881ZM13.0765 3.08842C13.4117 3.03549 13.7469 3.12076 14.019 3.3266C14.2911 3.53244 14.4687 3.83531 14.5203 4.17936L14.6721 5.21149C13.7154 5.0821 12.856 5.38204 12.1885 5.76137L12.0138 4.57045C12.0052 4.50282 11.9995 4.43518 11.9995 4.36755C11.9995 3.72357 12.4521 3.18546 13.0765 3.08842ZM11.2375 7.29045C11.2375 7.2434 11.2547 7.20223 11.2862 7.16695C11.4523 6.99345 11.7331 6.72586 12.1026 6.47004C12.1169 6.46122 12.1284 6.45239 12.1398 6.44357C13.1167 5.77901 14.6807 5.21443 16.3479 6.59942L17.4995 9.52232C16.7354 8.90174 15.7897 8.56398 14.8153 8.5637C13.3315 8.5637 12.0224 9.33118 11.2346 10.4986V7.29045H11.2375ZM14.8153 16.9295C12.7213 16.9295 11.0198 15.1829 11.0198 13.0333C11.0198 10.8838 12.7213 9.13711 14.8153 9.13711C16.9065 9.13711 18.6109 10.8838 18.6109 13.0333C18.6109 15.1829 16.9094 16.9295 14.8153 16.9295Z"
+			stroke="currentColor"
+			strokeWidth="0.3"
+		/>
+	</svg>
+);

package/src/components/ds-icon/custom-icons/special-fiber-circuit.tsx

@@ -0,0 +1,18 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Fiber Circuit icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=9209:49345
+ */
+export const SpecialFiberCircuit: FC<SVGProps<SVGSVGElement>> = (props) => (
+	<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+		<path
+			d="M14.3628 19.8486V14.2236H13.1128V9.84863H17.4878L16.2378 12.9736H17.4878L14.3628 19.8486Z"
+			fill="currentColor"
+		/>
+		<path
+			d="M2.69613 14.0405C2.48953 14.0405 2.31635 13.9706 2.1766 13.8309C2.03684 13.6911 1.96696 13.518 1.96696 13.3114V12.5822H1.23779V9.66553C1.23779 9.45893 1.30767 9.28575 1.44743 9.146C1.58719 9.00624 1.76036 8.93636 1.96696 8.93636H2.69613V3.83219C2.69613 3.03011 2.98172 2.34348 3.5529 1.7723C4.12408 1.20112 4.81071 0.915527 5.61279 0.915527C6.41488 0.915527 7.10151 1.20112 7.67269 1.7723C8.24387 2.34348 8.52946 3.03011 8.52946 3.83219V11.1239C8.52946 11.5249 8.67225 11.8682 8.95784 12.1538C9.24343 12.4394 9.58675 12.5822 9.98779 12.5822C10.3888 12.5822 10.7322 12.4394 11.0177 12.1538C11.3033 11.8682 11.4461 11.5249 11.4461 11.1239V6.01969H10.717C10.5104 6.01969 10.3372 5.94982 10.1974 5.81006C10.0577 5.6703 9.98779 5.49712 9.98779 5.29053V2.37386H10.717V1.64469C10.717 1.4381 10.7868 1.26492 10.9266 1.12516C11.0664 0.985406 11.2395 0.915527 11.4461 0.915527H12.9045C13.1111 0.915527 13.2842 0.985406 13.424 1.12516C13.5637 1.26492 13.6336 1.4381 13.6336 1.64469V2.37386H14.3628V5.29053C14.3628 5.49712 14.2929 5.6703 14.1532 5.81006C14.0134 5.94982 13.8402 6.01969 13.6336 6.01969H12.9045V8.72803H12.3398C12.3398 9.87256 12.3398 12.478 12.3398 12.478C12.3398 12.478 12.3398 12.7905 12.3398 12.9119C12.2633 12.9779 12.1619 13.0696 12.0477 13.1838C11.4765 13.7549 10.7899 14.0405 9.98779 14.0405C9.18571 14.0405 8.49908 13.7549 7.9279 13.1838C7.35672 12.6126 7.07113 11.9259 7.07113 11.1239V3.83219C7.07113 3.43115 6.92833 3.08784 6.64274 2.80225C6.35715 2.51666 6.01383 2.37386 5.61279 2.37386C5.21175 2.37386 4.86844 2.51666 4.58284 2.80225C4.29725 3.08784 4.15446 3.43115 4.15446 3.83219V8.93636H4.88363C5.09022 8.93636 5.2634 9.00624 5.40316 9.146C5.54291 9.28575 5.61279 9.45893 5.61279 9.66553V12.5822H4.88363V13.3114C4.88363 13.518 4.81375 13.6911 4.67399 13.8309C4.53423 13.9706 4.36106 14.0405 4.15446 14.0405H2.69613Z"
+			fill="currentColor"
+		/>
+	</svg>
+);

package/src/components/ds-icon/custom-icons/special-filter-list-active.tsx

@@ -0,0 +1,15 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Filter List Active icon - filter icon with active indicator dot
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=15382:33229
+ */
+export const SpecialFilterListActive: FC<SVGProps<SVGSVGElement>> = (props) => (
+	<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+		<path
+			d="M8.75 14.5C8.5375 14.5 8.35938 14.4285 8.21563 14.2856C8.07188 14.1427 8 13.9656 8 13.7544C8 13.5431 8.07188 13.3646 8.21563 13.2188C8.35938 13.0729 8.5375 13 8.75 13H11.25C11.4625 13 11.6406 13.0715 11.7844 13.2144C11.9281 13.3573 12 13.5344 12 13.7456C12 13.9569 11.9281 14.1354 11.7844 14.2812C11.6406 14.4271 11.4625 14.5 11.25 14.5H8.75ZM5.75 10.75C5.5375 10.75 5.35938 10.6785 5.21563 10.5356C5.07188 10.3927 5 10.2156 5 10.0044C5 9.79313 5.07188 9.61458 5.21563 9.46875C5.35938 9.32292 5.5375 9.25 5.75 9.25H14.25C14.4625 9.25 14.6406 9.32146 14.7844 9.46438C14.9281 9.60729 15 9.78438 15 9.99563C15 10.2069 14.9281 10.3854 14.7844 10.5312C14.6406 10.6771 14.4625 10.75 14.25 10.75H5.75ZM3.75 7C3.5375 7 3.35938 6.92854 3.21563 6.78563C3.07188 6.64271 3 6.46563 3 6.25438C3 6.04313 3.07188 5.86458 3.21563 5.71875C3.35938 5.57292 3.5375 5.5 3.75 5.5H16.25C16.4625 5.5 16.6406 5.57146 16.7844 5.71437C16.9281 5.85729 17 6.03437 17 6.24562C17 6.45687 16.9281 6.63542 16.7844 6.78125C16.6406 6.92708 16.4625 7 16.25 7H3.75Z"
+			fill="currentColor"
+		/>
+		<circle cx="15.5" cy="4.5" r="4" fill="#004CFF" stroke="white" />
+	</svg>
+);

package/src/components/ds-icon/custom-icons/special-general-details.tsx

@@ -0,0 +1,18 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special General Details icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4863:3674
+ */
+export const SpecialGeneralDetails: FC<SVGProps<SVGSVGElement>> = (props) => (
+	<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" {...props}>
+		<path
+			d="M3.93941 11.9487H16.0606C16.3861 11.9346 16.6527 11.6644 16.6667 11.3333V8.8718C16.6527 8.54134 16.3867 8.27057 16.0606 8.25642H3.93941C3.92184 8.25704 3.90426 8.25827 3.88669 8.25888C3.58184 8.2995 3.34669 8.55796 3.33335 8.8718V11.3333C3.34729 11.6638 3.61335 11.934 3.93941 11.9487ZM4.54548 9.48719H15.4546V10.718H4.54548V9.48719ZM3.93941 7.02565H16.0606C16.3861 7.0115 16.6527 6.74134 16.6667 6.41027V3.94873C16.6527 3.61827 16.3867 3.3475 16.0606 3.33334H6.36366C6.34608 3.33396 6.32851 3.33519 6.31093 3.33581C6.26426 3.34196 6.25214 3.34196 6.20669 3.35427C5.82063 3.4595 5.6182 4.00411 5.89941 4.34442C5.99032 4.45396 6.11941 4.52965 6.2582 4.55488C6.30487 4.56288 6.31699 4.56227 6.36366 4.56411H15.4546V5.79488H4.54548V3.94873L4.54305 3.89519C4.52063 3.72165 4.49154 3.67611 4.43578 3.5955C4.23638 3.30627 3.76911 3.25088 3.51093 3.51365C3.42366 3.60227 3.36426 3.71796 3.34244 3.84165C3.33457 3.88904 3.33517 3.90134 3.33335 3.94873V6.41027C3.34729 6.74073 3.61335 7.01088 3.93941 7.02565Z"
+			fill="currentColor"
+		/>
+		<path
+			d="M16.0606 12.9744H3.93941C3.61396 12.9885 3.34729 13.2587 3.33335 13.5898V16.0513C3.34729 16.3818 3.61335 16.6525 3.93941 16.6667H13.6364C13.654 16.6661 13.6715 16.6648 13.6891 16.6642C13.7358 16.6581 13.7479 16.6581 13.7934 16.6458C14.1794 16.5405 14.3818 15.9959 14.1006 15.6556C14.0097 15.5461 13.8806 15.4704 13.7418 15.4451C13.6952 15.4371 13.6831 15.4378 13.6364 15.4359H4.54548V14.2051H15.4546V16.0513L15.457 16.1048C15.4794 16.2784 15.5085 16.3239 15.5643 16.4045C15.7637 16.6938 16.2309 16.7491 16.4891 16.4864C16.5764 16.3978 16.6358 16.2821 16.6576 16.1584C16.6655 16.111 16.6649 16.0987 16.6667 16.0513V13.5898C16.6527 13.2593 16.3867 12.9891 16.0606 12.9744Z"
+			fill="currentColor"
+		/>
+	</svg>
+);

package/src/components/ds-icon/custom-icons/special-gnmi.tsx

@@ -0,0 +1,34 @@
+import { useId, type FC, type SVGProps } from 'react';
+
+/**
+ * Special gNMI icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4863:3477
+ */
+export const SpecialGnmi: FC<SVGProps<SVGSVGElement>> = (props) => {
+	const clipId = useId();
+
+	return (
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			width="20"
+			height="20"
+			viewBox="0 0 20 20"
+			fill="currentColor"
+			{...props}
+		>
+			<g clipPath={`url(#${clipId})`}>
+				<path
+					fillRule="evenodd"
+					clipRule="evenodd"
+					d="M17.3597 12.2031L18.6262 11.9477C18.7966 11.9131 18.9497 11.8207 19.0599 11.6863C19.17 11.5518 19.2304 11.3834 19.2308 11.2096V8.78961C19.2308 8.43269 18.9766 8.12192 18.627 8.05192L17.3743 7.80538C17.2271 7.29853 17.0212 6.81061 16.7608 6.35153L17.4758 5.27807C17.5721 5.13317 17.6153 4.95946 17.5982 4.78635C17.5811 4.61323 17.5047 4.45134 17.382 4.32807L15.672 2.61807C15.4239 2.37076 15.0127 2.32961 14.7224 2.52423L13.6647 3.23576C13.2026 2.98078 12.7122 2.78095 12.2035 2.64038L11.9481 1.37346C11.9134 1.20319 11.8211 1.0501 11.6866 0.940022C11.5521 0.829946 11.3838 0.769621 11.2101 0.769226H8.7939C8.43659 0.769226 8.12621 1.02346 8.05544 1.37346L7.80967 2.62538C7.30198 2.77384 6.80583 2.97923 6.35198 3.23961L5.27775 2.52423C5.1321 2.43034 4.95894 2.38854 4.7865 2.40566C4.61406 2.42277 4.45249 2.49778 4.32813 2.61846L2.61852 4.32807C2.49577 4.45117 2.41934 4.6129 2.40217 4.78589C2.385 4.95887 2.42814 5.13248 2.52429 5.2773L3.23583 6.335C2.98105 6.79729 2.78123 7.2878 2.64044 7.79653L1.3739 8.05192C1.20356 8.08654 1.05038 8.17888 0.940232 8.31335C0.83008 8.44781 0.7697 8.61617 0.769287 8.79V11.21C0.769287 11.5665 1.02313 11.8769 1.3739 11.9485L2.62621 12.1942C2.77506 12.7008 2.98006 13.1954 3.23967 13.6481L2.52429 14.7219C2.42822 14.8669 2.38514 15.0406 2.40231 15.2137C2.41947 15.3868 2.49584 15.5486 2.61852 15.6719L4.32813 17.3811C4.57544 17.6292 4.98621 17.67 5.27813 17.4754L6.33582 16.7638C6.79901 17.0194 7.29075 17.2194 7.80083 17.3596L8.05583 18.6262C8.12621 18.9761 8.43659 19.2308 8.7939 19.2308H11.2104C11.5674 19.2308 11.8777 18.9765 11.9481 18.6262L12.1943 17.3738C12.7013 17.2268 13.1892 17.0208 13.6481 16.76L14.7224 17.4754C15.0135 17.6692 15.4239 17.6292 15.672 17.3811L17.3816 15.6715C17.6343 15.4188 17.6739 15.0196 17.4758 14.7223L16.7643 13.6646C17.0191 13.2023 17.2189 12.7118 17.3597 12.2031ZM16.5304 15.1085L15.5939 13.7164L15.8885 13.1819C16.1056 12.788 16.2759 12.3699 16.3959 11.9364L16.5597 11.3442L18.2308 11.0073V8.99313L16.5838 8.66898L16.414 8.08426C16.2885 7.65219 16.113 7.23625 15.891 6.8449L15.5873 6.30948L16.5316 4.89186L15.109 3.46933L13.7162 4.40634L13.1815 4.1113C12.788 3.89415 12.3704 3.72397 11.9372 3.60425L11.3447 3.44053L11.0078 1.76923H8.99683L8.67383 3.41456L8.09034 3.58518C7.65112 3.71362 7.22879 3.88945 6.84962 4.10699L6.31281 4.41498L4.89201 3.4688L3.4697 4.8911L4.40619 6.28318L4.11163 6.81766C3.8945 7.21165 3.7242 7.62969 3.60421 8.06325L3.44035 8.65537L1.76929 8.99232V11.007L3.41449 11.3299L3.58565 11.9123C3.71455 12.351 3.89016 12.7722 4.10714 13.1506L4.41503 13.6874L3.46874 15.1079L4.89145 16.5303L6.28427 15.5933L6.8189 15.8883C7.21317 16.1058 7.63175 16.276 8.06594 16.3954L8.65963 16.5586L8.99629 18.2308H11.0067L11.3306 16.5831L11.9158 16.4134C12.3476 16.2882 12.7632 16.1127 13.154 15.8906L13.6896 15.5862L15.1081 16.5308L16.5304 15.1085Z"
+				/>
+				<path d="M7.21842 6.67422C7.89595 6.10401 8.73309 5.75703 9.61535 5.68076V9.07191L7.21842 6.67422ZM10.3846 5.68076C12.4461 5.86383 14.1315 7.49691 14.3192 9.61576H10.3846V5.68076ZM9.99996 14.3384C7.60765 14.3384 5.6615 12.3923 5.6615 9.99999C5.6615 8.94191 6.04304 7.97191 6.67458 7.21806L9.72804 10.2719C9.80015 10.344 9.89796 10.3846 9.99996 10.3846H14.3192C14.1238 12.5969 12.2627 14.3384 9.99996 14.3384Z" />
+			</g>
+			<defs>
+				<clipPath id={clipId}>
+					<rect width="20" height="20" fill="white" />
+				</clipPath>
+			</defs>
+		</svg>
+	);
+};

package/src/components/ds-icon/custom-icons/special-grouped-devices.tsx

@@ -0,0 +1,22 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Grouped Devices icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=9113:52031
+ */
+export const SpecialGroupedDevices: FC<SVGProps<SVGSVGElement>> = (props) => (
+	<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+		<path
+			d="M3.62101 10.1899H12.7945C13.1549 10.1899 13.4634 10.0563 13.7201 9.78895C13.9767 9.52164 14.105 9.2003 14.105 8.82493V4.72997C14.105 4.3546 13.9767 4.03326 13.7201 3.76595C13.4634 3.49864 13.1549 3.36499 12.7945 3.36499H3.62101C3.26062 3.36499 2.9521 3.49864 2.69546 3.76595C2.43882 4.03326 2.3105 4.3546 2.3105 4.72997V8.82493C2.3105 9.2003 2.43882 9.52164 2.69546 9.78895C2.9521 10.0563 3.26062 10.1899 3.62101 10.1899ZM3.62101 11.5549C2.90023 11.5549 2.2832 11.2876 1.76992 10.753C1.25664 10.2184 1 9.57567 1 8.82493V4.72997C1 3.97923 1.25664 3.33655 1.76992 2.80193C2.2832 2.26731 2.90023 2 3.62101 2H12.7945C13.5153 2 14.1323 2.26731 14.6456 2.80193C15.1589 3.33655 15.4155 3.97923 15.4155 4.72997V8.82493C15.4155 9.57567 15.1589 10.2184 14.6456 10.753C14.1323 11.2876 13.5153 11.5549 12.7945 11.5549L10.8026 11.5976H5.61297L3.62101 11.5549ZM7.22489 7.45995C7.41054 7.45995 7.56617 7.39454 7.69176 7.26373C7.81735 7.13292 7.88014 6.97083 7.88014 6.77745C7.88014 6.58408 7.81735 6.42199 7.69176 6.29118C7.56617 6.16036 7.41054 6.09496 7.22489 6.09496C7.03923 6.09496 6.88361 6.16036 6.75802 6.29118C6.63243 6.42199 6.56964 6.58408 6.56964 6.77745C6.56964 6.97083 6.63243 7.13292 6.75802 7.26373C6.88361 7.39454 7.03923 7.45995 7.22489 7.45995ZM5.25913 7.45995C5.44479 7.45995 5.60041 7.39454 5.726 7.26373C5.85159 7.13292 5.91439 6.97083 5.91439 6.77745C5.91439 6.58408 5.85159 6.42199 5.726 6.29118C5.60041 6.16036 5.44479 6.09496 5.25913 6.09496C5.07348 6.09496 4.91786 6.16036 4.79227 6.29118C4.66668 6.42199 4.60388 6.58408 4.60388 6.77745C4.60388 6.97083 4.66668 7.13292 4.79227 7.26373C4.91786 7.39454 5.07348 7.45995 5.25913 7.45995ZM9.19064 7.45995C9.3763 7.45995 9.53192 7.39454 9.65751 7.26373C9.7831 7.13292 9.84589 6.97083 9.84589 6.77745C9.84589 6.58408 9.7831 6.42199 9.65751 6.29118C9.53192 6.16036 9.3763 6.09496 9.19064 6.09496C9.00499 6.09496 8.84937 6.16036 8.72378 6.29118C8.59819 6.42199 8.53539 6.58408 8.53539 6.77745C8.53539 6.97083 8.59819 7.13292 8.72378 7.26373C8.84937 7.39454 9.00499 7.45995 9.19064 7.45995ZM11.1564 7.45995C11.3421 7.45995 11.4977 7.39454 11.6233 7.26373C11.7489 7.13292 11.8116 6.97083 11.8116 6.77745C11.8116 6.58408 11.7489 6.42199 11.6233 6.29118C11.4977 6.16036 11.3421 6.09496 11.1564 6.09496C10.9707 6.09496 10.8151 6.16036 10.6895 6.29118C10.5639 6.42199 10.5011 6.58408 10.5011 6.77745C10.5011 6.97083 10.5639 7.13292 10.6895 7.26373C10.8151 7.39454 10.9707 7.45995 11.1564 7.45995Z"
+			fill="currentColor"
+		/>
+		<path
+			d="M3.18417 12.3748C3.29742 12.5738 3.43838 12.7611 3.60706 12.9368C4.12034 13.4715 4.73737 13.7388 5.45815 13.7388L7.45011 13.7814H12.6397L14.6317 13.7388C15.3524 13.7388 15.9695 13.4715 16.4828 12.9368C16.996 12.4022 17.2527 11.7595 17.2527 11.0088V6.91384C17.2527 6.16309 16.996 5.52041 16.4828 4.98579C16.3115 4.80743 16.1287 4.65881 15.9344 4.53996V6.75676C15.9396 6.80802 15.9422 6.86038 15.9422 6.91384V11.0088C15.9422 11.3842 15.8138 11.7055 15.5572 11.9728C15.3006 12.2401 14.9921 12.3738 14.6317 12.3738H14.2428C14.2243 12.3744 14.2057 12.3748 14.187 12.3748H3.18417Z"
+			fill="currentColor"
+		/>
+		<path
+			d="M4.93151 14.3137C5.04475 14.5127 5.18571 14.7001 5.35439 14.8757C5.86767 15.4104 6.4847 15.6777 7.20547 15.6777V17H9.19744V15.7203H14.387V17H16.379V15.6777C17.0998 15.6777 17.7168 15.4104 18.2301 14.8757C18.7434 14.3411 19 13.6984 19 12.9477V8.85274C19 8.102 18.7434 7.45931 18.2301 6.9247C18.0588 6.74633 17.876 6.59771 17.6817 6.47886V8.69566C17.6869 8.74692 17.6895 8.79928 17.6895 8.85274V12.9477C17.6895 13.3231 17.5612 13.6444 17.3045 13.9117C17.0479 14.179 16.7394 14.3127 16.379 14.3127H15.9905C15.9719 14.3133 15.9531 14.3137 15.9344 14.3137H4.93151Z"
+			fill="currentColor"
+		/>
+	</svg>
+);

package/src/components/ds-icon/custom-icons/special-hardware.tsx

@@ -0,0 +1,18 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Hardware icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4863:3524
+ */
+export const SpecialHardware: FC<SVGProps<SVGSVGElement>> = (props) => (
+	<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" {...props}>
+		<path
+			d="M17.5 12.025C17.5021 12.0112 17.5021 11.9971 17.5 11.9833L17.0833 10.3667V3.33332C17.0833 2.8913 16.9078 2.46737 16.5952 2.15481C16.2826 1.84225 15.8587 1.66666 15.4167 1.66666H4.58335C4.14132 1.66666 3.7174 1.84225 3.40484 2.15481C3.09228 2.46737 2.91668 2.8913 2.91668 3.33332V10.3667L2.50001 11.9833C2.49796 11.9971 2.49796 12.0112 2.50001 12.025C2.49807 12.0444 2.49807 12.0639 2.50001 12.0833V15.4167C2.50001 15.9692 2.71951 16.4991 3.11021 16.8898C3.50091 17.2805 4.03081 17.5 4.58335 17.5H15.4167C15.9692 17.5 16.4991 17.2805 16.8898 16.8898C17.2805 16.4991 17.5 15.9692 17.5 15.4167V12.0833C17.502 12.0639 17.502 12.0444 17.5 12.025ZM3.65835 10.8333H16.3417L16.55 11.6667H3.45001L3.65835 10.8333ZM3.75001 3.33332C3.75001 3.11231 3.83781 2.90035 3.99409 2.74407C4.15037 2.58779 4.36233 2.49999 4.58335 2.49999H15.4167C15.6377 2.49999 15.8497 2.58779 16.0059 2.74407C16.1622 2.90035 16.25 3.11231 16.25 3.33332V9.99999H3.75001V3.33332ZM16.6667 15.4167C16.6667 15.7482 16.535 16.0661 16.3006 16.3005C16.0661 16.535 15.7482 16.6667 15.4167 16.6667H4.58335C4.25183 16.6667 3.93388 16.535 3.69946 16.3005C3.46504 16.0661 3.33335 15.7482 3.33335 15.4167V12.5H16.6667V15.4167Z"
+			fill="currentColor"
+		/>
+		<path
+			d="M4.99998 15.8333H15C15.1105 15.8333 15.2165 15.7894 15.2946 15.7113C15.3727 15.6332 15.4166 15.5272 15.4166 15.4167V13.75C15.4166 13.6395 15.3727 13.5335 15.2946 13.4554C15.2165 13.3772 15.1105 13.3333 15 13.3333H4.99998C4.88947 13.3333 4.78349 13.3772 4.70535 13.4554C4.62721 13.5335 4.58331 13.6395 4.58331 13.75V15.4167C4.58331 15.5272 4.62721 15.6332 4.70535 15.7113C4.78349 15.7894 4.88947 15.8333 4.99998 15.8333ZM5.41665 14.1667H14.5833V15H5.41665V14.1667ZM8.74998 3.33334C8.17312 3.33334 7.60921 3.5044 7.12957 3.82489C6.64992 4.14538 6.27609 4.6009 6.05533 5.13385C5.83458 5.6668 5.77682 6.25325 5.88936 6.81902C6.0019 7.3848 6.27968 7.9045 6.68758 8.3124C7.09549 8.72031 7.61519 8.99809 8.18097 9.11063C8.74674 9.22317 9.33319 9.16541 9.86614 8.94466C10.3991 8.7239 10.8546 8.35007 11.1751 7.87042C11.4956 7.39078 11.6666 6.82687 11.6666 6.25001C11.6666 5.47646 11.3594 4.7346 10.8124 4.18762C10.2654 3.64063 9.52353 3.33334 8.74998 3.33334ZM8.74998 8.33334C8.33794 8.33334 7.93514 8.21116 7.59254 7.98224C7.24994 7.75332 6.98291 7.42795 6.82523 7.04727C6.66755 6.66659 6.62629 6.2477 6.70668 5.84357C6.78706 5.43945 6.98548 5.06823 7.27684 4.77687C7.5682 4.48551 7.93941 4.28709 8.34354 4.20671C8.74767 4.12632 9.16656 4.16758 9.54724 4.32526C9.92792 4.48294 10.2533 4.74997 10.4822 5.09257C10.7111 5.43517 10.8333 5.83797 10.8333 6.25001C10.8333 6.80254 10.6138 7.33245 10.2231 7.72315C9.83242 8.11385 9.30251 8.33334 8.74998 8.33334ZM15 3.33334H13.3333C13.2228 3.33334 13.1168 3.37724 13.0387 3.45538C12.9605 3.53352 12.9166 3.6395 12.9166 3.75001V5.41668C12.9166 5.52718 12.9605 5.63316 13.0387 5.7113C13.1168 5.78944 13.2228 5.83334 13.3333 5.83334H15C15.1105 5.83334 15.2165 5.78944 15.2946 5.7113C15.3727 5.63316 15.4166 5.52718 15.4166 5.41668V3.75001C15.4166 3.6395 15.3727 3.53352 15.2946 3.45538C15.2165 3.37724 15.1105 3.33334 15 3.33334ZM14.5833 5.00001H13.75V4.16668H14.5833V5.00001Z"
+			fill="currentColor"
+		/>
+	</svg>
+);

package/src/components/ds-icon/custom-icons/special-home.tsx

@@ -0,0 +1,14 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Home icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=8871:4151
+ */
+export const SpecialHome: FC<SVGProps<SVGSVGElement>> = (props) => (
+	<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" {...props}>
+		<path
+			d="M10.65 1.9725L16.885 8.745H4.41626L10.65 1.9725ZM5.01001 2.495H6.28501V4.87L5.01001 6.255V2.495ZM5.01001 9.995H16.2913V18.75H13.7838V12.495H7.53376V18.75H5.00876L5.01001 9.995ZM8.78501 13.745H12.535V18.75H8.78501V13.745Z"
+			fill="currentColor"
+		/>
+	</svg>
+);

package/src/components/ds-icon/custom-icons/special-lego.tsx

@@ -0,0 +1,26 @@
+import { useId, type FC, type SVGProps } from 'react';
+
+/**
+ * Special Lego icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=8897:25225
+ */
+export const SpecialLego: FC<SVGProps<SVGSVGElement>> = (props) => {
+	const clipId = useId();
+
+	return (
+		<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+			<g clipPath={`url(#${clipId})`}>
+				<path d="M17.5 11.875H2.5V5H17.5V11.875ZM3.75 10.625H16.25V6.25H3.75V10.625Z" fill="currentColor" />
+				<path
+					d="M8.75 6.25H3.75V2.5H8.75V6.25ZM5 5H7.5V3.75H5V5ZM16.25 6.25H11.25V2.5H16.25V6.25ZM12.5 5H15V3.75H12.5V5ZM17.5 17.5H2.5V10.625H17.5V17.5ZM3.75 16.25H16.25V11.875H3.75V16.25Z"
+					fill="currentColor"
+				/>
+			</g>
+			<defs>
+				<clipPath id={clipId}>
+					<rect width="15" height="15" fill="white" transform="translate(2.5 2.5)" />
+				</clipPath>
+			</defs>
+		</svg>
+	);
+};

package/src/components/ds-icon/custom-icons/special-map-view.tsx

@@ -0,0 +1,81 @@
+import { useId, type FC, type SVGProps } from 'react';
+
+/**
+ * Special Map View icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=8866:37825
+ */
+export const SpecialMapView: FC<SVGProps<SVGSVGElement>> = (props) => {
+	const clipId = useId();
+
+	return (
+		<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" {...props}>
+			<g clipPath={`url(#${clipId})`}>
+				<path
+					d="M2.38489 5.88632C3.41798 5.88632 4.2559 6.72337 4.25598 7.75644C4.25598 8.78958 3.41803 9.62753 2.38489 9.62753C1.35182 9.62745 0.514771 8.78953 0.514771 7.75644C0.514855 6.72342 1.35187 5.88641 2.38489 5.88632Z"
+					stroke="currentColor"
+					strokeWidth="1.2"
+					strokeMiterlimit="10"
+					strokeLinecap="round"
+					strokeLinejoin="round"
+				/>
+				<path
+					d="M2.38501 9.58334V12.4862"
+					stroke="currentColor"
+					strokeWidth="1.2"
+					strokeMiterlimit="10"
+					strokeLinecap="round"
+					strokeLinejoin="round"
+				/>
+				<path
+					d="M9.73291 1.87137C10.766 1.87137 11.6039 2.70842 11.604 3.74149C11.604 4.77463 10.766 5.61258 9.73291 5.61258C8.69984 5.61249 7.86279 4.77457 7.86279 3.74149C7.86288 2.70847 8.6999 1.87145 9.73291 1.87137Z"
+					stroke="currentColor"
+					strokeWidth="1.2"
+					strokeMiterlimit="10"
+					strokeLinecap="round"
+					strokeLinejoin="round"
+				/>
+				<path
+					d="M9.73303 5.83334V8.47126"
+					stroke="currentColor"
+					strokeWidth="1.2"
+					strokeMiterlimit="10"
+					strokeLinecap="round"
+					strokeLinejoin="round"
+				/>
+				<path
+					d="M17.4658 9.82733C18.4989 9.82733 19.3368 10.6644 19.3369 11.6974C19.3369 12.7306 18.499 13.5685 17.4658 13.5685C16.4328 13.5685 15.5957 12.7305 15.5957 11.6974C15.5958 10.6644 16.4328 9.82742 17.4658 9.82733Z"
+					stroke="currentColor"
+					strokeWidth="1.2"
+					strokeMiterlimit="10"
+					strokeLinecap="round"
+					strokeLinejoin="round"
+				/>
+				<path
+					d="M17.4659 13.75V17.2605"
+					stroke="currentColor"
+					strokeWidth="1.2"
+					strokeMiterlimit="10"
+					strokeLinecap="round"
+					strokeLinejoin="round"
+				/>
+				<path
+					d="M17.3111 18.0695C17.6256 18.1738 17.9651 18.0034 18.0694 17.6889C18.1738 17.3744 18.0034 17.0348 17.6889 16.9305L17.5 17.5L17.3111 18.0695ZM17.5 17.5L17.6889 16.9305L2.57391 11.9167L2.38501 12.4862L2.19611 13.0557L17.3111 18.0695L17.5 17.5Z"
+					fill="currentColor"
+				/>
+				<path
+					d="M17.0162 17.6577C17.2355 17.9061 17.6147 17.9296 17.8631 17.7103C18.1115 17.491 18.135 17.1118 17.9157 16.8634L17.4659 17.2605L17.0162 17.6577ZM9.58337 8.33331L9.13361 8.73044L17.0162 17.6577L17.4659 17.2605L17.9157 16.8634L10.0331 7.93618L9.58337 8.33331Z"
+					fill="currentColor"
+				/>
+				<path
+					d="M10.0105 9.0612C10.3043 8.90799 10.4183 8.5456 10.2651 8.25177C10.1119 7.95794 9.74948 7.84395 9.45566 7.99715L9.73306 8.52917L10.0105 9.0612ZM2.91675 12.0833L3.19415 12.6153L10.0105 9.0612L9.73306 8.52917L9.45566 7.99715L2.63934 11.5513L2.91675 12.0833Z"
+					fill="currentColor"
+				/>
+			</g>
+			<defs>
+				<clipPath id={clipId}>
+					<rect width="20" height="20" fill="white" />
+				</clipPath>
+			</defs>
+		</svg>
+	);
+};

package/src/components/ds-icon/custom-icons/special-market.tsx

@@ -0,0 +1,18 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Market icon - represents a market/city location
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=10884:32727
+ */
+export const SpecialMarket: FC<SVGProps<SVGSVGElement>> = (props) => (
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width="20"
+		height="20"
+		viewBox="0 0 20 20"
+		fill="currentColor"
+		{...props}
+	>
+		<path d="M2.5 17.5V5.83332H7.5V4.16666L10 1.66666L12.5 4.16666V9.16666H17.5V17.5H2.5ZM4.16667 15.8333H5.83333V14.1667H4.16667V15.8333ZM4.16667 12.5H5.83333V10.8333H4.16667V12.5ZM4.16667 9.16666H5.83333V7.49999H4.16667V9.16666ZM9.16667 15.8333H10.8333V14.1667H9.16667V15.8333ZM9.16667 12.5H10.8333V10.8333H9.16667V12.5ZM9.16667 9.16666H10.8333V7.49999H9.16667V9.16666ZM9.16667 5.83332H10.8333V4.16666H9.16667V5.83332ZM14.1667 15.8333H15.8333V14.1667H14.1667V15.8333ZM14.1667 12.5H15.8333V10.8333H14.1667V12.5Z" />
+	</svg>
+);

package/src/components/ds-icon/custom-icons/special-modules.tsx

@@ -0,0 +1,25 @@
+import { useId, type FC, type SVGProps } from 'react';
+
+/**
+ * Special Modules icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4863:3532
+ */
+export const SpecialModules: FC<SVGProps<SVGSVGElement>> = (props) => {
+	const clipId = useId();
+
+	return (
+		<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" {...props}>
+			<g clipPath={`url(#${clipId})`}>
+				<path
+					d="M19.9448 10.9472C19.9448 10.9472 19.9345 10.9257 19.931 10.915C19.9172 10.8864 19.9 10.8614 19.8828 10.84C19.8759 10.8328 19.869 10.8221 19.8621 10.815C19.8345 10.7864 19.8 10.7614 19.7655 10.7471L15.1483 8.69647V2.4981C15.1483 2.45523 15.1379 2.41236 15.1241 2.37306C15.1207 2.36234 15.1138 2.35163 15.1103 2.34091C15.0966 2.31233 15.0793 2.28732 15.0621 2.26589C15.0552 2.25874 15.0483 2.24802 15.0414 2.24088C15.0138 2.2123 14.9793 2.18729 14.9448 2.173L10.1207 0.0294735C10.0345 -0.0098245 9.93448 -0.0098245 9.84828 0.0294735L5.02414 2.173C4.98621 2.19086 4.95517 2.21587 4.92759 2.24088C4.92069 2.24802 4.91379 2.25874 4.9069 2.26589C4.88621 2.28732 4.87241 2.31233 4.85862 2.34091C4.85172 2.35163 4.84828 2.36234 4.84483 2.37306C4.83103 2.41236 4.82069 2.45523 4.82069 2.4981V8.69289L0.203448 10.7435C0.165517 10.7614 0.134483 10.7864 0.106897 10.8114C0.1 10.8186 0.0931034 10.8293 0.0862069 10.8364C0.0655172 10.8579 0.0517242 10.8829 0.0379311 10.9114C0.0310345 10.9222 0.0275863 10.9329 0.024138 10.9436C0.0103449 10.9829 0 11.0258 0 11.0686V17.4992C0 17.6421 0.0827587 17.7707 0.210345 17.8279L5.03793 19.9714C5.07931 19.9893 5.12414 20 5.17241 20C5.22069 20 5.26552 19.9893 5.3069 19.9714L10 17.8886L14.6931 19.9714C14.7345 19.9893 14.7793 20 14.8276 20C14.8759 20 14.9207 19.9893 14.9621 19.9714L19.7897 17.8279C19.9172 17.7707 20 17.6421 20 17.4992V11.0686C20 11.0258 19.9897 10.9829 19.9759 10.9436L19.9448 10.9472ZM4.79655 19.1033L0.658621 17.267V11.6152L4.79655 13.4515V19.1033ZM5.14138 12.8263L1.18966 11.0722L5.14138 9.31809L9.0931 11.0722L5.14138 12.8263ZM9.62414 17.267L5.48621 19.1033V13.4515L9.62414 11.6152V17.267ZM9.62414 10.5292L7.72759 9.68606L5.48621 8.68932V3.03756L9.62414 4.87384V10.5256V10.5292ZM6.01724 2.4981L9.96897 0.743982L13.9207 2.4981L9.96897 4.25222L6.01724 2.4981ZM14.4517 3.04113V8.69289L12.2103 9.68963L10.3138 10.5328V4.88099L14.4517 3.0447V3.04113ZM14.4517 19.1033L10.3138 17.267V11.6152L14.4517 13.4515V19.1033ZM14.7966 12.8263L10.8448 11.0722L14.7966 9.31809L18.7483 11.0722L14.7966 12.8263ZM19.2793 17.267L15.1414 19.1033V13.4515L19.2793 11.6152V17.267Z"
+					fill="currentColor"
+				/>
+			</g>
+			<defs>
+				<clipPath id={clipId}>
+					<rect width="20" height="20" fill="white" />
+				</clipPath>
+			</defs>
+		</svg>
+	);
+};

package/src/components/ds-icon/custom-icons/special-ne-health.tsx

@@ -0,0 +1,18 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special NE Health icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4863:3513
+ */
+export const SpecialNeHealth: FC<SVGProps<SVGSVGElement>> = (props) => (
+	<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" {...props}>
+		<path
+			d="M15 9.375C16.7259 9.375 18.125 7.97589 18.125 6.25C18.125 4.52411 16.7259 3.125 15 3.125C13.2741 3.125 11.875 4.52411 11.875 6.25C11.875 7.97589 13.2741 9.375 15 9.375Z"
+			fill="currentColor"
+		/>
+		<path
+			d="M18.125 6.25C18.1249 5.65873 17.957 5.07963 17.6409 4.57995C17.3248 4.08027 16.8734 3.68053 16.3392 3.42714C15.805 3.17375 15.2098 3.07712 14.6229 3.14847C14.0359 3.21982 13.4813 3.45623 13.0233 3.83022C12.5654 4.20422 12.2229 4.70047 12.0357 5.26133C11.8485 5.82218 11.8243 6.42464 11.9659 6.99871C12.1074 7.57279 12.4089 8.09493 12.8353 8.5045C13.2618 8.91407 13.7957 9.19425 14.375 9.3125V16.875C14.375 17.0408 14.3092 17.1997 14.1919 17.3169C14.0747 17.4342 13.9158 17.5 13.75 17.5H7.5C7.33424 17.5 7.17527 17.4342 7.05806 17.3169C6.94085 17.1997 6.875 17.0408 6.875 16.875V13.75C7.86921 13.7488 8.82236 13.3534 9.52537 12.6504C10.2284 11.9474 10.6238 10.9942 10.625 10V2.5C10.625 2.33424 10.5592 2.17527 10.4419 2.05806C10.3247 1.94085 10.1658 1.875 10 1.875H8.75C8.75 1.70924 8.68415 1.55027 8.56694 1.43306C8.44973 1.31585 8.29076 1.25 8.125 1.25C7.95924 1.25 7.80027 1.31585 7.68306 1.43306C7.56585 1.55027 7.5 1.70924 7.5 1.875V3.125C7.5 3.29076 7.56585 3.44973 7.68306 3.56694C7.80027 3.68415 7.95924 3.75 8.125 3.75C8.29076 3.75 8.44973 3.68415 8.56694 3.56694C8.68415 3.44973 8.75 3.29076 8.75 3.125H9.375V10C9.375 10.663 9.11161 11.2989 8.64277 11.7678C8.17393 12.2366 7.53804 12.5 6.875 12.5H5.625C4.96196 12.5 4.32607 12.2366 3.85723 11.7678C3.38839 11.2989 3.125 10.663 3.125 10V3.125H3.75C3.75 3.29076 3.81585 3.44973 3.93306 3.56694C4.05027 3.68415 4.20924 3.75 4.375 3.75C4.54076 3.75 4.69973 3.68415 4.81694 3.56694C4.93415 3.44973 5 3.29076 5 3.125V1.875C5 1.70924 4.93415 1.55027 4.81694 1.43306C4.69973 1.31585 4.54076 1.25 4.375 1.25C4.20924 1.25 4.05027 1.31585 3.93306 1.43306C3.81585 1.55027 3.75 1.70924 3.75 1.875H2.5C2.33424 1.875 2.17527 1.94085 2.05806 2.05806C1.94085 2.17527 1.875 2.33424 1.875 2.5V10C1.87616 10.9942 2.27162 11.9474 2.97463 12.6504C3.67764 13.3534 4.63079 13.7488 5.625 13.75V16.875C5.625 17.3723 5.82254 17.8492 6.17417 18.2008C6.52581 18.5525 7.00272 18.75 7.5 18.75H13.75C14.2473 18.75 14.7242 18.5525 15.0758 18.2008C15.4275 17.8492 15.625 17.3723 15.625 16.875V9.3125C16.3304 9.16755 16.9643 8.78378 17.4197 8.2259C17.8751 7.66802 18.1242 6.97016 18.125 6.25ZM15 8.125C14.6292 8.125 14.2666 8.01503 13.9583 7.80901C13.65 7.60298 13.4096 7.31014 13.2677 6.96753C13.1258 6.62492 13.0887 6.24792 13.161 5.88421C13.2334 5.52049 13.412 5.1864 13.6742 4.92417C13.9364 4.66195 14.2705 4.48338 14.6342 4.41103C14.9979 4.33868 15.3749 4.37581 15.7175 4.51773C16.0601 4.65964 16.353 4.89996 16.559 5.20831C16.765 5.51665 16.875 5.87916 16.875 6.25C16.875 6.74728 16.6775 7.22419 16.3258 7.57583C15.9742 7.92746 15.4973 8.125 15 8.125ZM15.9375 6.25C15.9375 6.43542 15.8825 6.61668 15.7795 6.77085C15.6765 6.92502 15.5301 7.04518 15.3588 7.11614C15.1875 7.18709 14.999 7.20566 14.8171 7.16949C14.6352 7.13331 14.4682 7.04402 14.3371 6.91291C14.206 6.7818 14.1167 6.61475 14.0805 6.4329C14.0443 6.25104 14.0629 6.06254 14.1339 5.89123C14.2048 5.71993 14.325 5.57351 14.4792 5.4705C14.6333 5.36748 14.8146 5.3125 15 5.3125C15.2486 5.3125 15.4871 5.41127 15.6629 5.58709C15.8387 5.7629 15.9375 6.00136 15.9375 6.25Z"
+			fill="currentColor"
+		/>
+	</svg>
+);

package/src/components/ds-icon/custom-icons/special-ne-nav-360-dashboard.tsx

@@ -0,0 +1,34 @@
+import { useId, type FC, type SVGProps } from 'react';
+
+/**
+ * Special NE Nav 360 Dashboard icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4849:50951
+ */
+export const SpecialNeNav360Dashboard: FC<SVGProps<SVGSVGElement>> = (props) => {
+	const clipId = useId();
+
+	return (
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			width="20"
+			height="20"
+			viewBox="0 0 20 20"
+			fill="currentColor"
+			{...props}
+		>
+			<g clipPath={`url(#${clipId})`}>
+				<path d="M3.125 10C2.95924 10 2.80027 10.0658 2.68306 10.1831C2.56585 10.3003 2.5 10.4592 2.5 10.625C2.5 10.7908 2.56585 10.9497 2.68306 11.0669C2.80027 11.1842 2.95924 11.25 3.125 11.25H5.625C5.79076 11.25 5.94973 11.1842 6.06694 11.0669C6.18415 10.9497 6.25 10.7908 6.25 10.625V5.625C6.25 5.45924 6.18415 5.30027 6.06694 5.18306C5.94973 5.06585 5.79076 5 5.625 5H3.125C2.95924 5 2.80027 5.06585 2.68306 5.18306C2.56585 5.30027 2.5 5.45924 2.5 5.625C2.5 5.79076 2.56585 5.94973 2.68306 6.06694C2.80027 6.18415 2.95924 6.25 3.125 6.25H5V7.5H3.125C2.95924 7.5 2.80027 7.56585 2.68306 7.68306C2.56585 7.80027 2.5 7.95924 2.5 8.125C2.5 8.29076 2.56585 8.44973 2.68306 8.56694C2.80027 8.68415 2.95924 8.75 3.125 8.75H5V10H3.125Z" />
+				<path d="M10.625 6.25C10.7908 6.25 10.9497 6.18415 11.0669 6.06694C11.1842 5.94973 11.25 5.79076 11.25 5.625C11.25 5.45924 11.1842 5.30027 11.0669 5.18306C10.9497 5.06585 10.7908 5 10.625 5H8.75C8.41848 5 8.10054 5.1317 7.86612 5.36612C7.6317 5.60054 7.5 5.91848 7.5 6.25V10C7.5 10.3315 7.6317 10.6495 7.86612 10.8839C8.10054 11.1183 8.41848 11.25 8.75 11.25H10C10.3315 11.25 10.6495 11.1183 10.8839 10.8839C11.1183 10.6495 11.25 10.3315 11.25 10V8.75C11.25 8.41848 11.1183 8.10054 10.8839 7.86612C10.6495 7.6317 10.3315 7.5 10 7.5H8.75V6.25H10.625ZM10 8.75V10H8.75V8.75H10Z" />
+				<path d="M13.75 11.25H15C15.3315 11.25 15.6495 11.1183 15.8839 10.8839C16.1183 10.6495 16.25 10.3315 16.25 10V6.25C16.25 5.91848 16.1183 5.60054 15.8839 5.36612C15.6495 5.1317 15.3315 5 15 5H13.75C13.4185 5 13.1005 5.1317 12.8661 5.36612C12.6317 5.60054 12.5 5.91848 12.5 6.25V10C12.5 10.3315 12.6317 10.6495 12.8661 10.8839C13.1005 11.1183 13.4185 11.25 13.75 11.25ZM13.75 6.25H15V10H13.75V6.25Z" />
+				<path d="M18.5104 8.59499C18.3793 8.49866 18.2159 8.45721 18.0548 8.47944C17.8937 8.50167 17.7476 8.58583 17.6475 8.71404C17.5474 8.84225 17.5013 9.00442 17.5189 9.16611C17.5364 9.3278 17.6163 9.47627 17.7416 9.57999C18.0228 9.76638 18.2592 10.0129 18.4336 10.3016C18.6081 10.5904 18.7163 10.9143 18.7504 11.25C18.7504 12.9575 15.7691 14.5337 11.8154 14.915C11.6496 14.9228 11.4937 14.9961 11.382 15.1188C11.2703 15.2415 11.212 15.4036 11.2197 15.5694C11.2275 15.7351 11.3009 15.891 11.4236 16.0027C11.5463 16.1144 11.7084 16.1728 11.8741 16.165H11.9354C16.6841 15.7012 20.0004 13.6812 20.0004 11.25C19.9753 10.7221 19.8277 10.2073 19.569 9.74647C19.3104 9.28561 18.9479 8.89136 18.5104 8.59499Z" />
+				<path d="M10.5775 15.3862C10.546 15.31 10.4997 15.2407 10.4412 15.1825L8.56625 13.3075C8.44837 13.1936 8.2905 13.1306 8.12662 13.1321C7.96275 13.1335 7.80599 13.1992 7.69011 13.3151C7.57423 13.431 7.5085 13.5877 7.50708 13.7516C7.50565 13.9155 7.56865 14.0734 7.6825 14.1912L8.4225 14.9312C4.125 14.58 1.25 12.8362 1.25 11.25C1.28417 10.9142 1.3925 10.5902 1.56717 10.3014C1.74184 10.0126 1.97848 9.76618 2.26 9.57999C2.38528 9.47627 2.46519 9.3278 2.48276 9.16611C2.50034 9.00442 2.45419 8.84225 2.35413 8.71404C2.25406 8.58583 2.10796 8.50167 1.94684 8.47944C1.78573 8.45721 1.6223 8.49866 1.49125 8.59499C1.0534 8.89115 0.69064 9.28533 0.431774 9.74621C0.172908 10.2071 0.0250699 10.722 0 11.25C0 13.8062 3.655 15.8512 8.5475 16.1937L7.68375 17.0575C7.62406 17.1151 7.57644 17.1841 7.54369 17.2604C7.51093 17.3366 7.49369 17.4186 7.49297 17.5016C7.49225 17.5846 7.50806 17.6669 7.53949 17.7437C7.57091 17.8205 7.61732 17.8903 7.676 17.949C7.73469 18.0077 7.80447 18.0541 7.88128 18.0855C7.95809 18.1169 8.04039 18.1327 8.12338 18.132C8.20636 18.1313 8.28838 18.1141 8.36463 18.0813C8.44088 18.0485 8.50985 18.0009 8.5675 17.9412L10.4425 16.0662C10.5301 15.9789 10.5897 15.8676 10.614 15.7463C10.6383 15.625 10.626 15.4993 10.5788 15.385L10.5775 15.3862Z" />
+				<path d="M18.125 5C18.4958 5 18.8584 4.89003 19.1667 4.68401C19.475 4.47798 19.7154 4.18514 19.8573 3.84253C19.9992 3.49992 20.0363 3.12292 19.964 2.75921C19.8916 2.39549 19.713 2.0614 19.4508 1.79918C19.1886 1.53695 18.8545 1.35838 18.4908 1.28603C18.1271 1.21368 17.7501 1.25081 17.4075 1.39273C17.0649 1.53464 16.772 1.77496 16.566 2.08331C16.36 2.39165 16.25 2.75416 16.25 3.125C16.25 3.62228 16.4475 4.0992 16.7992 4.45083C17.1508 4.80246 17.6277 5 18.125 5ZM18.125 2.5C18.2486 2.5 18.3695 2.53666 18.4722 2.60533C18.575 2.67401 18.6551 2.77162 18.7024 2.88582C18.7497 3.00003 18.7621 3.12569 18.738 3.24693C18.7139 3.36817 18.6544 3.47953 18.5669 3.56694C18.4795 3.65435 18.3682 3.71388 18.2469 3.73799C18.1257 3.76211 18 3.74973 17.8858 3.70243C17.7716 3.65512 17.674 3.57501 17.6053 3.47223C17.5367 3.36945 17.5 3.24861 17.5 3.125C17.5 2.95924 17.5658 2.80027 17.6831 2.68306C17.8003 2.56585 17.9592 2.5 18.125 2.5Z" />
+			</g>
+			<defs>
+				<clipPath id={clipId}>
+					<rect width="20" height="20" fill="white" />
+				</clipPath>
+			</defs>
+		</svg>
+	);
+};

package/src/components/ds-icon/custom-icons/special-ne-nav-components.tsx

@@ -0,0 +1,18 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special NE Nav Components icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4849:50962
+ */
+export const SpecialNeNavComponents: FC<SVGProps<SVGSVGElement>> = (props) => (
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width="20"
+		height="20"
+		viewBox="0 0 20 20"
+		fill="currentColor"
+		{...props}
+	>
+		<path d="M10 8.74999C9.91071 8.75005 9.82246 8.73086 9.74125 8.69374L2.86625 5.56874C2.75713 5.51902 2.66462 5.43896 2.59975 5.33812C2.53487 5.23727 2.50038 5.11989 2.50038 4.99999C2.50038 4.88008 2.53487 4.7627 2.59975 4.66185C2.66462 4.56101 2.75713 4.48095 2.86625 4.43124L9.74125 1.30624C9.82244 1.26904 9.9107 1.24979 10 1.24979C10.0893 1.24979 10.1776 1.26904 10.2587 1.30624L17.1337 4.43124C17.2429 4.48095 17.3354 4.56101 17.4003 4.66185C17.4651 4.7627 17.4996 4.88008 17.4996 4.99999C17.4996 5.11989 17.4651 5.23727 17.4003 5.33812C17.3354 5.43896 17.2429 5.51902 17.1337 5.56874L10.2587 8.69374C10.1775 8.73086 10.0893 8.75005 10 8.74999ZM4.63562 4.99999L10 7.43811L15.3644 4.99999L10 2.56186L4.63562 4.99999ZM8.75 18.75C8.66072 18.75 8.57247 18.7308 8.49125 18.6937L1.61625 15.5687C1.50706 15.5191 1.41447 15.439 1.34953 15.3382C1.28458 15.2373 1.25003 15.1199 1.25 15V7.49999C1.25003 7.39541 1.2763 7.29252 1.3264 7.20073C1.3765 7.10894 1.44883 7.03118 1.53676 6.97459C1.6247 6.918 1.72543 6.88438 1.82973 6.8768C1.93403 6.86923 2.03856 6.88794 2.13375 6.93124L9.00875 10.0562C9.11794 10.1059 9.21053 10.1859 9.27547 10.2868C9.34042 10.3876 9.37497 10.505 9.375 10.625V18.125C9.375 18.2907 9.30915 18.4497 9.19194 18.5669C9.07473 18.6841 8.91576 18.75 8.75 18.75ZM2.5 14.5975L8.125 17.1537V11.0275L2.5 8.47124V14.5975ZM11.25 18.75C11.0843 18.7497 10.9256 18.6837 10.8084 18.5666C10.6913 18.4494 10.6253 18.2906 10.625 18.125V10.625C10.625 10.505 10.6596 10.3876 10.7245 10.2868C10.7895 10.1859 10.8821 10.1059 10.9913 10.0562L17.8663 6.93124C17.9614 6.88777 18.066 6.86892 18.1704 6.87642C18.2747 6.88391 18.3755 6.91752 18.4635 6.97414C18.5515 7.03077 18.6239 7.1086 18.6739 7.20048C18.724 7.29236 18.7501 7.39535 18.75 7.49999V15C18.75 15.1199 18.7154 15.2373 18.6505 15.3382C18.5855 15.439 18.4929 15.5191 18.3837 15.5687L11.5087 18.6937C11.4275 18.7308 11.3393 18.75 11.25 18.75ZM11.875 11.0275V17.1544L17.5 14.5975V8.47061L11.875 11.0275Z" />
+	</svg>
+);