@drivenets/design-system 0.4.0 → 0.5.0

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

@@ -0,0 +1,27 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special NE Nav Installation Log icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4863:3439
+ */
+export const SpecialNeNavInstallLog: 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
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M3.125 2.49999C3.125 1.69499 3.77833 1.04166 4.58333 1.04166H12.0833C12.2491 1.04166 12.4081 1.1075 12.5253 1.22471C12.6425 1.34192 12.7083 1.5009 12.7083 1.66666C12.7083 1.83242 12.6425 1.99139 12.5253 2.1086C12.4081 2.22581 12.2491 2.29166 12.0833 2.29166H4.58333C4.52808 2.29166 4.47509 2.31361 4.43602 2.35268C4.39695 2.39175 4.375 2.44474 4.375 2.49999V9.99999C4.375 10.1657 4.30915 10.3247 4.19194 10.4419C4.07473 10.5591 3.91576 10.625 3.75 10.625C3.58424 10.625 3.42527 10.5591 3.30806 10.4419C3.19085 10.3247 3.125 10.1657 3.125 9.99999V2.49999ZM17.0833 6.04166C17.2491 6.04166 17.4081 6.1075 17.5253 6.22471C17.6425 6.34192 17.7083 6.5009 17.7083 6.66666V17.5C17.7083 17.8868 17.5547 18.2577 17.2812 18.5312C17.0077 18.8047 16.6368 18.9583 16.25 18.9583H5.41667C5.25091 18.9583 5.09194 18.8925 4.97472 18.7753C4.85751 18.6581 4.79167 18.4991 4.79167 18.3333C4.79167 18.1676 4.85751 18.0086 4.97472 17.8914C5.09194 17.7742 5.25091 17.7083 5.41667 17.7083H16.25C16.3053 17.7083 16.3582 17.6864 16.3973 17.6473C16.4364 17.6082 16.4583 17.5552 16.4583 17.5V6.66666C16.4583 6.5009 16.5242 6.34192 16.6414 6.22471C16.7586 6.1075 16.9176 6.04166 17.0833 6.04166Z"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M11.8442 1.08917C11.9584 1.04197 12.084 1.02968 12.2052 1.05386C12.3264 1.07804 12.4377 1.13759 12.525 1.225L17.525 6.225C17.6123 6.31241 17.6717 6.42372 17.6958 6.54489C17.7199 6.66605 17.7075 6.79163 17.6602 6.90577C17.613 7.01991 17.533 7.11748 17.4303 7.18616C17.3276 7.25484 17.2069 7.29156 17.0833 7.29167H12.9167C12.5299 7.29167 12.159 7.13802 11.8855 6.86453C11.612 6.59104 11.4583 6.22011 11.4583 5.83333V1.66667C11.4583 1.54304 11.495 1.42219 11.5636 1.31939C11.6323 1.21659 11.7299 1.13648 11.8442 1.08917ZM12.7083 3.17583V5.83333C12.7083 5.94833 12.8017 6.04167 12.9167 6.04167H15.575L12.7083 3.175V3.17583ZM11.5917 13.125C11.625 13.0583 11.6608 12.9983 11.7 12.9467C11.8367 12.7633 11.9792 12.7083 12.0833 12.7083C12.2491 12.7083 12.4081 12.6425 12.5253 12.5253C12.6425 12.4081 12.7083 12.2491 12.7083 12.0833C12.7083 11.9176 12.6425 11.7586 12.5253 11.6414C12.4081 11.5242 12.2491 11.4583 12.0833 11.4583C11.4975 11.4583 11.0142 11.7767 10.7 12.1967C10.3842 12.6167 10.2083 13.1675 10.2083 13.75C10.2083 14.3325 10.3842 14.8833 10.7 15.3033C11.0142 15.7233 11.4975 16.0417 12.0833 16.0417H12.9167C13.0824 16.0417 13.2414 15.9758 13.3586 15.8586C13.4758 15.7414 13.5417 15.5824 13.5417 15.4167V13.75C13.5417 13.5842 13.4758 13.4253 13.3586 13.3081C13.2414 13.1908 13.0824 13.125 12.9167 13.125H11.5917ZM11.5917 14.375C11.625 14.4417 11.6608 14.5017 11.7 14.5533C11.8367 14.7367 11.9792 14.7917 12.0833 14.7917H12.2917V14.375H11.5917ZM2.5 11.4583C2.33424 11.4583 2.17527 11.5242 2.05806 11.6414C1.94085 11.7586 1.875 11.9176 1.875 12.0833V14.5833C1.875 15.3883 2.52833 16.0417 3.33333 16.0417H4.58333C4.74909 16.0417 4.90807 15.9758 5.02528 15.8586C5.14249 15.7414 5.20833 15.5824 5.20833 15.4167C5.20833 15.2509 5.14249 15.0919 5.02528 14.9747C4.90807 14.8575 4.74909 14.7917 4.58333 14.7917H3.33333C3.27808 14.7917 3.22509 14.7697 3.18602 14.7306C3.14695 14.6916 3.125 14.6386 3.125 14.5833V12.0833C3.125 11.9176 3.05915 11.7586 2.94194 11.6414C2.82473 11.5242 2.66576 11.4583 2.5 11.4583ZM7.11667 12.9467C6.97833 13.13 6.875 13.4117 6.875 13.75C6.875 14.0883 6.97833 14.37 7.11667 14.5533C7.25333 14.7367 7.39583 14.7917 7.5 14.7917C7.60417 14.7917 7.74667 14.7367 7.88333 14.5533C8.02167 14.37 8.125 14.0883 8.125 13.75C8.125 13.4117 8.02167 13.13 7.88333 12.9467C7.74667 12.7633 7.60417 12.7083 7.5 12.7083C7.39583 12.7083 7.25333 12.7633 7.11667 12.9467ZM6.11667 12.1967C6.43083 11.7767 6.91417 11.4583 7.5 11.4583C8.08583 11.4583 8.56917 11.7767 8.88333 12.1967C9.19917 12.6167 9.375 13.1675 9.375 13.75C9.375 14.3325 9.19917 14.8833 8.88333 15.3033C8.56917 15.7233 8.08583 16.0417 7.5 16.0417C6.91417 16.0417 6.43083 15.7233 6.11667 15.3033C5.80167 14.8833 5.625 14.3325 5.625 13.75C5.625 13.1675 5.80167 12.6167 6.11667 12.1967Z"
+		/>
+	</svg>
+);

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

@@ -0,0 +1,20 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special NE Nav Logging icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4849:51001
+ */
+export const SpecialNeNavLogging: 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="M16.3568 1.66666H5.22122C4.68516 1.66666 4.21178 1.98845 4.01523 2.48642C3.04127 4.95416 3.11276 7.7204 4.21653 10.2755C4.64289 11.2626 4.89942 12.2913 4.97901 13.3333L6.127 13.2461C6.03773 12.0773 5.75073 10.925 5.27389 9.82127C4.29119 7.54633 4.22466 5.0908 5.08655 2.907C5.09704 2.87988 5.11552 2.85657 5.13956 2.84013C5.1636 2.82369 5.19207 2.81491 5.22122 2.81493H5.90889C6.19039 2.94848 6.38134 3.27121 6.38134 3.62963C6.38134 4.03518 6.13621 4.40186 5.81121 4.48252C5.52899 4.55256 5.34348 4.82157 5.37884 5.10949C5.41425 5.39741 5.65938 5.61378 5.95023 5.61378H16.3568C17.4467 5.61371 18.3334 4.72839 18.3334 3.64018C18.3334 2.55198 17.4467 1.66666 16.3568 1.66666ZM16.3568 4.46548H7.36282C7.58323 3.9463 7.58772 3.33683 7.37372 2.81489H16.3568C16.8118 2.81489 17.182 3.18509 17.182 3.64018C17.182 4.09528 16.8118 4.46548 16.3568 4.46548Z" />
+		<path d="M15.0305 6.66666L13.8855 6.76453C13.9823 7.90562 14.2663 9.03176 14.7297 10.1116C15.7111 12.3984 15.7772 14.8757 14.9155 17.0869C14.8936 17.1433 14.8408 17.1798 14.781 17.1798H14.115C13.8061 17.062 13.5955 16.7268 13.5955 16.3401C13.5955 15.947 13.8181 15.5984 14.1369 15.4923C14.2665 15.4492 14.3765 15.3611 14.4473 15.244C14.5181 15.1268 14.545 14.9882 14.5233 14.8529C14.5015 14.7176 14.4325 14.5945 14.3286 14.5057C14.2246 14.4169 14.0926 14.3681 13.9561 14.3681H3.63939C2.55162 14.3681 1.66663 15.2575 1.66663 16.3507C1.66663 17.4439 2.55162 18.3333 3.63939 18.3333H14.781C15.3173 18.3333 15.7902 18.009 15.9857 17.507C16.9582 15.0113 16.8869 12.2227 15.785 9.65517C15.3706 8.68948 15.1167 7.684 15.0305 6.66666ZM3.63939 17.1798C3.18524 17.1798 2.81573 16.8079 2.81573 16.3507C2.81573 15.8935 3.18524 15.5216 3.63939 15.5216H12.6039C12.3919 16.0453 12.3953 16.6592 12.6151 17.1798H3.63939Z" />
+		<path d="M7.5 6.66666H12.5V7.9365H7.5V6.66666ZM7.5 9.36507H12.5V10.6349H7.5V9.36507ZM7.5 12.0635H12.5V13.3333H7.5V12.0635Z" />
+	</svg>
+);

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

@@ -0,0 +1,31 @@
+import { useId, type FC, type SVGProps } from 'react';
+
+/**
+ * Special NE Nav Message Support icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4849:50991
+ */
+export const SpecialNeNavMessageSupport: 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="M4.5113 15.2416L5.54766 15.2437V18.6427C5.54768 18.7423 5.57603 18.8397 5.62939 18.9237C5.68275 19.0077 5.75892 19.0748 5.84898 19.1171C5.93904 19.1593 6.03927 19.1751 6.13794 19.1624C6.23662 19.1498 6.32966 19.1093 6.40618 19.0457L10.9754 15.2445L15.4932 15.2416C17.5188 15.2416 19.1667 13.593 19.1667 11.5665V4.50852C19.1667 2.48201 17.5188 0.833344 15.4932 0.833344H4.51235C2.48992 0.833344 0.839398 2.48123 0.833374 4.50852V11.568C0.839398 13.5935 2.48992 15.2416 4.5113 15.2416ZM1.88099 4.51009C1.88571 3.06057 3.06585 1.88145 4.51235 1.88145H15.4932C16.941 1.88145 18.1191 3.05978 18.1191 4.50852V11.5665C18.1191 13.0149 16.941 14.1935 15.493 14.1935L10.7855 14.1967C10.6633 14.1968 10.545 14.2396 10.451 14.3177L6.59528 17.5255V14.7207C6.59528 14.5819 6.54024 14.4488 6.44223 14.3505C6.34422 14.2523 6.21126 14.197 6.07252 14.1967L4.51235 14.1935C3.06585 14.1935 1.88545 13.0144 1.88099 11.5665V4.51009Z" />
+				<path d="M7.08225 10.531L6.1031 11.5074L6.82487 12.2315L7.80504 11.2541C8.29775 11.6264 8.87727 11.867 9.48883 11.9531V13.3333H10.5112V11.9531C11.1228 11.867 11.7023 11.6263 12.195 11.2538L13.1751 12.2312L13.8969 11.5074L12.9178 10.5307C13.2904 10.0372 13.531 9.45675 13.6165 8.84428H15V7.82189H13.6152C13.5286 7.21175 13.2881 6.63368 12.9165 6.14211L13.8979 5.15805L13.1741 4.43599L12.1934 5.41928C11.701 5.04766 11.1221 4.80761 10.5112 4.72175V3.33334H9.48883V4.72149C8.87789 4.8075 8.29894 5.04774 7.80657 5.41953L6.8259 4.43625L6.10208 5.15831L7.08353 6.14236C6.71185 6.63393 6.47138 7.212 6.38476 7.82215H5V8.84454H6.38348C6.46905 9.457 6.70957 10.0375 7.08225 10.531ZM10 5.70376C11.4522 5.70376 12.6335 6.88513 12.6335 8.33718C12.6335 9.78923 11.4522 10.9706 10 10.9706C8.54777 10.9706 7.36646 9.78923 7.36646 8.33718C7.36646 6.88513 8.54777 5.70376 10 5.70376Z" />
+				<path d="M10 9.99999C10.9189 9.99999 11.6667 9.25243 11.6667 8.33332C11.6667 7.41422 10.9189 6.66666 10 6.66666C9.08118 6.66666 8.33337 7.41446 8.33337 8.33332C8.33337 9.25218 9.08118 9.99999 10 9.99999ZM10 7.64132C10.3814 7.64132 10.692 7.95174 10.692 8.33332C10.692 8.7149 10.3814 9.02533 10 9.02533C9.61871 9.02533 9.30803 8.7149 9.30803 8.33332C9.30803 7.95174 9.61871 7.64132 10 7.64132Z" />
+			</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-settings.tsx

@@ -0,0 +1,27 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special NE Nav Settings icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4849:50982
+ */
+export const SpecialNeNavSettings: 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
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M8.44934 8.57144H14.2858C14.6801 8.57144 15.0001 8.25144 15.0001 7.85715C15.0001 7.46287 14.6801 7.14287 14.2858 7.14287H8.44934C8.15505 6.31072 7.36077 5.71429 6.42862 5.71429C5.24577 5.71429 4.28577 6.67429 4.28577 7.85715C4.28577 9.04001 5.24577 10 6.42862 10C7.36077 10 8.15505 9.40358 8.44934 8.57144ZM6.42862 7.14287C6.82291 7.14287 7.14291 7.46287 7.14291 7.85715C7.14291 8.25144 6.82291 8.57144 6.42862 8.57144C6.03434 8.57144 5.71434 8.25144 5.71434 7.85715C5.71434 7.46287 6.03434 7.14287 6.42862 7.14287ZM10.8365 11.4286H5.00005C4.60577 11.4286 4.28577 11.7486 4.28577 12.1429C4.28577 12.5372 4.60577 12.8572 5.00005 12.8572H10.8365C11.1308 13.6893 11.9251 14.2857 12.8572 14.2857C14.0401 14.2857 15.0001 13.3257 15.0001 12.1429C15.0001 10.96 14.0401 10 12.8572 10C11.9251 10 11.1308 10.5964 10.8365 11.4286ZM12.8572 11.4286C13.2515 11.4286 13.5715 11.7486 13.5715 12.1429C13.5715 12.5372 13.2515 12.8572 12.8572 12.8572C12.4629 12.8572 12.1429 12.5372 12.1429 12.1429C12.1429 11.7486 12.4629 11.4286 12.8572 11.4286Z"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M18.5714 3.57087C18.5714 3.17639 18.2514 2.85672 17.8572 2.85672H2.14287C1.74859 2.85672 1.42859 3.17639 1.42859 3.57087V16.428C1.42859 16.8225 1.74859 17.1421 2.14287 17.1421H17.8572C18.2514 17.1421 18.5714 16.8225 18.5714 16.428V3.57087ZM17.1429 4.28503V15.7138H2.85716V4.28503H17.1429Z"
+		/>
+	</svg>
+);

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

@@ -0,0 +1,18 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special NE Nav Stacks icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4849:50974
+ */
+export const SpecialNeNavStacks: 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="M15.8333 4.58332C15.8333 2.66303 12.9 1.66666 9.99996 1.66666C7.09996 1.66666 4.16663 2.66303 4.16663 4.58332V15.5072C4.16663 17.3551 7.09996 18.3333 9.99996 18.3333C12.9 18.3333 15.8333 17.3551 15.8333 15.4891V4.58332ZM14.5 10.0725C14.5 10.471 12.9166 11.4674 9.99996 11.4674C7.08329 11.4674 5.49996 10.4891 5.49996 10.0725V6.50361C6.63329 7.15579 8.31663 7.49999 9.99996 7.49999C11.6833 7.49999 13.3666 7.15579 14.5 6.50361V10.0725ZM9.99996 3.11593C12.9666 3.11593 14.5 4.14854 14.5 4.58332C14.5 5.01811 12.9666 6.05071 9.99996 6.05071C7.03329 6.05071 5.49996 5.01811 5.49996 4.58332C5.49996 4.14854 7.03329 3.11593 9.99996 3.11593ZM9.99996 16.884C7.08329 16.884 5.49996 15.9058 5.49996 15.4891V11.9384C6.63329 12.5725 8.31663 12.8985 9.99996 12.8985C11.6833 12.8985 13.3666 12.5725 14.5 11.9384V15.4891C14.5 15.9058 12.9166 16.884 9.99996 16.884ZM12.8333 9.4384V8.55071C12.8333 8.20651 13.1 7.91666 13.4166 7.91666C13.7333 7.91666 14 8.20651 14 8.55071V9.4384C14 9.7826 13.7333 10.0725 13.4166 10.0725C13.1 10.0725 12.8333 9.80071 12.8333 9.4384Z" />
+	</svg>
+);

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

@@ -0,0 +1,22 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special NE Nav Terminal icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4849:51009
+ */
+export const SpecialNeNavTerminal: 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
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M1.25 5.625C1.25 3.89911 2.64911 2.5 4.375 2.5H15.625C17.3509 2.5 18.75 3.89911 18.75 5.625V14.375C18.75 16.1009 17.3509 17.5 15.625 17.5H4.375C2.64911 17.5 1.25 16.1009 1.25 14.375V5.625ZM4.375 3.75C3.33947 3.75 2.5 4.58947 2.5 5.625V14.375C2.5 15.4106 3.33947 16.25 4.375 16.25H15.625C16.6606 16.25 17.5 15.4106 17.5 14.375V5.625C17.5 4.58947 16.6606 3.75 15.625 3.75H4.375ZM5.16437 7.75238C4.92029 7.99644 4.92029 8.39219 5.16437 8.63625L7.15312 10.625L5.16437 12.6137C4.92029 12.8578 4.92029 13.2536 5.16437 13.4976C5.40844 13.7417 5.80418 13.7417 6.04825 13.4976L8.47894 11.0669C8.723 10.8229 8.723 10.4271 8.47894 10.1831L6.04825 7.75238C5.80418 7.50831 5.40844 7.50831 5.16437 7.75238ZM9.375 12.5C9.02981 12.5 8.75 12.7798 8.75 13.125C8.75 13.4702 9.02981 13.75 9.375 13.75H13.125C13.4702 13.75 13.75 13.4702 13.75 13.125C13.75 12.7798 13.4702 12.5 13.125 12.5H9.375Z"
+		/>
+	</svg>
+);

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

@@ -0,0 +1,18 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special NE Nav Topology icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4849:50968
+ */
+export const SpecialNeNavTopology: 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="M17.64 14.68C16.76 14.68 16.04 15.28 15.88 16.12H14.28V11.92C15.08 11.72 15.72 11 15.72 10.16C15.72 9.16001 14.92 8.32001 13.88 8.32001C13 8.32001 12.28 8.92001 12.12 9.76001H10.52V5.24001C11.28 5.04001 11.88 4.32001 11.88 3.48001C11.88 2.48001 11.08 1.64001 10.04 1.64001C8.99998 1.64001 8.19998 2.44001 8.19998 3.48001C8.19998 4.36001 8.83998 5.12001 9.71998 5.28001V9.76001H7.95998C7.75998 8.96001 7.03998 8.32001 6.19998 8.32001C5.19998 8.32001 4.35998 9.12001 4.35998 10.16C4.35998 11.04 4.95998 11.76 5.79998 11.92V16.08H4.19998C3.99998 15.28 3.27998 14.64 2.43998 14.64C1.43998 14.64 0.599976 15.44 0.599976 16.48C0.599976 17.52 1.39998 18.32 2.43998 18.32C3.31998 18.32 4.03998 17.72 4.19998 16.88H8.35998C8.55998 17.68 9.27998 18.32 10.12 18.32C11.12 18.32 11.96 17.52 11.96 16.48C11.96 15.44 11.16 14.64 10.12 14.64C9.23997 14.64 8.51998 15.24 8.35998 16.08H6.59998V11.92C7.27998 11.76 7.83998 11.24 7.99998 10.52H12.16C12.32 11.2 12.84 11.76 13.56 11.92V16.48C13.56 16.68 13.72 16.88 13.96 16.88H15.96C16.16 17.68 16.88 18.32 17.72 18.32C18.72 18.32 19.56 17.52 19.56 16.48C19.56 15.44 18.64 14.68 17.64 14.68Z" />
+	</svg>
+);

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

@@ -0,0 +1,24 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special NetGen-S icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=10635:3838
+ */
+export const SpecialNetgenS: 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="M7.56476 8.13832C8.01998 8.14264 8.39799 8.51853 8.39668 8.96585C8.39509 9.41677 8.01975 9.78122 7.55804 9.78076L7.47259 9.77656C7.05194 9.73444 6.72908 9.38707 6.72978 8.95864C6.73056 8.50853 7.11191 8.13408 7.56476 8.13832Z"
+			fill="currentColor"
+		/>
+		<path
+			d="M13.3198 8.96345C13.3195 9.41704 12.9491 9.78005 12.4855 9.77956C12.0271 9.77901 11.6607 9.41752 11.6603 8.96525C11.6599 8.50903 12.0295 8.14044 12.4885 8.13952C12.9431 8.1386 13.32 8.51236 13.3198 8.96345Z"
+			fill="currentColor"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M7.67523 4.17072C9.24392 4.17293 10.8128 4.15684 12.3811 4.17673C13.979 4.197 15.3027 4.82511 16.3411 6.0211C16.8519 6.60937 17.1916 7.28847 17.3696 8.04216C17.532 8.73013 17.5468 9.42435 17.3909 10.1149C17.056 11.6004 16.1922 12.7036 14.8549 13.4491C14.0571 13.8938 13.1912 14.0952 12.2755 14.0939C12.0416 14.0935 11.8073 14.0899 11.5736 14.0963C11.5127 14.098 11.3935 14.1522 11.3935 14.1522L8.63636 17.5V14.0945H8.29545C7.79029 14.0941 8.05227 14.1065 7.54767 14.0903C6.16756 14.0461 4.97626 13.5511 3.98988 12.5969C3.30876 11.9381 2.85259 11.1479 2.63549 10.2321C2.42833 9.35872 2.45242 8.48648 2.75146 7.63651C3.33439 5.97863 4.50694 4.91176 6.19206 4.38166C6.67198 4.23081 7.16986 4.16999 7.67523 4.17072ZM10.0269 6.69659C9.21291 6.69659 8.39893 6.69329 7.5849 6.699C7.41501 6.70029 7.24163 6.71943 7.07586 6.75609C5.90293 7.01637 5.10082 8.16098 5.32412 9.3721C5.51575 10.4113 6.45386 11.2228 7.51959 11.2291C9.16906 11.2389 10.8187 11.2356 12.4684 11.2321C12.6444 11.2317 12.825 11.2124 12.9957 11.1714C14.3506 10.8458 15.1098 9.43655 14.6199 8.16776C14.2759 7.27754 13.4173 6.69479 12.4501 6.69479C11.6424 6.69479 10.8348 6.69479 10.0269 6.69479V6.69659Z"
+			fill="currentColor"
+		/>
+	</svg>
+);

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

@@ -0,0 +1,24 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special NetGen icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=9899:43504
+ */
+export const SpecialNetgen: 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="M7.02363 7.34046C7.58002 7.34573 8.04202 7.80385 8.04042 8.34902C8.03849 8.89858 7.57974 9.34275 7.01543 9.34219L6.91099 9.33707C6.39685 9.28573 6.00225 8.86238 6.00311 8.34023C6.00406 7.79165 6.47015 7.3353 7.02363 7.34046Z"
+			fill="currentColor"
+		/>
+		<path
+			d="M14.0576 8.34609C14.0572 8.8989 13.6045 9.34132 13.0378 9.34073C12.4775 9.34005 12.0298 8.89949 12.0293 8.34828C12.0288 7.79227 12.4805 7.34305 13.0416 7.34193C13.5972 7.3408 14.0578 7.79633 14.0576 8.34609Z"
+			fill="currentColor"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M7.15866 2.50496C9.07594 2.50765 10.9935 2.48803 12.9103 2.51228C14.8633 2.53698 16.4811 3.30249 17.7503 4.76011C18.3746 5.47705 18.7898 6.30471 19.0073 7.22327C19.2058 8.06174 19.2239 8.90781 19.0334 9.74942C18.624 11.5598 17.5682 12.9044 15.9338 13.8129C14.9587 14.3549 13.9004 14.6004 12.7812 14.5988C12.4953 14.5984 12.209 14.5939 11.9233 14.6018C11.8489 14.6038 11.7033 14.6699 11.7033 14.6699L8.33337 18.75V14.5996H7.91671C7.29928 14.5991 7.61948 14.6142 7.00274 14.5944C5.31595 14.5406 3.85991 13.9373 2.65433 12.7744C1.82186 11.9714 1.26431 11.0084 0.99897 9.89225C0.745777 8.82783 0.775215 7.76478 1.14071 6.72888C1.85319 4.70835 3.2863 3.40809 5.34589 2.76204C5.93246 2.57819 6.54099 2.50406 7.15866 2.50496ZM10.033 5.58336C9.03804 5.58336 8.04318 5.57933 7.04825 5.58629C6.8406 5.58787 6.6287 5.61119 6.42609 5.65587C4.99251 5.97309 4.01215 7.36808 4.28508 8.84414C4.51929 10.1107 5.66587 11.0997 6.96843 11.1073C8.98445 11.1192 11.0007 11.1153 13.017 11.111C13.2321 11.1106 13.4528 11.0871 13.6615 11.037C15.3174 10.6402 16.2454 8.92268 15.6466 7.37635C15.2262 6.29138 14.1768 5.58116 12.9946 5.58116C12.0075 5.58116 11.0203 5.58116 10.033 5.58116V5.58336Z"
+			fill="currentColor"
+		/>
+	</svg>
+);

package/src/components/ds-icon/custom-icons/special-old-base-os.tsx

@@ -0,0 +1,36 @@
+import { useId, type FC, type SVGProps } from 'react';
+
+/**
+ * Special Old BaseOS icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4863:3659
+ */
+export const SpecialOldBaseOs: 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="M12.705 18.556C12.8335 18.9994 13.2531 19.3091 13.7254 19.3091C14.3101 19.3091 14.7858 18.8456 14.7857 18.276C14.7857 18.2027 14.7777 18.1291 14.7619 18.0572L14.1808 14.98L15.0461 14.9687C15.15 14.9674 15.2454 14.9107 15.2961 14.8201C15.3469 14.7294 15.3455 14.6186 15.2924 14.5292C15.2755 14.5007 13.6797 11.7603 13.6656 7.18936L13.6933 7.21762C13.7989 7.32525 13.8761 7.4574 13.9167 7.59973L14.7223 10.4317C14.8327 10.8195 15.1974 11.0903 15.6094 11.0903C16.1175 11.0903 16.5308 10.6874 16.5308 10.1922C16.5308 10.1443 16.5269 10.0964 16.5194 10.0516L15.9841 6.7118C15.9474 6.48089 15.8453 6.26485 15.6889 6.08696C15.6814 6.07849 15.6734 6.07045 15.6651 6.06289C15.6651 6.06289 14.5 4.76731 13.9167 4.46699C13.3333 4.16667 11.6667 3.75 11.6667 3.75C11.6667 3.75 11.25 5 9.58333 4.58333C9.23304 4.86529 10 5.83334 7.73447 7.50423C5.46894 9.17513 5.36985 9.31391 5.36985 9.31391C5.06076 9.54682 4.93 9.93405 5.03661 10.2998C5.07992 10.4496 5.16163 10.5871 5.27294 10.6976C5.52581 10.9486 6.02863 11.0327 6.34952 10.8873C6.83807 10.6658 8.27636 9.9362 9.2824 8.63431C9.11276 9.48325 8.63763 10.989 8.2085 12.3489L8.20781 12.3511C8.00065 13.0077 7.78645 13.6865 7.60949 14.2806C7.58323 14.3686 7.60014 14.4639 7.65505 14.5375C7.70996 14.6112 7.79643 14.6546 7.88829 14.6546H8.72985V18.2747C8.72985 18.8451 9.20556 19.3091 9.79025 19.3091H9.90083C10.4856 19.3091 10.9612 18.8451 10.9612 18.2747V14.9687H11.82L12.702 18.5447L12.705 18.556Z"
+					stroke="currentColor"
+					strokeWidth="1.1"
+					strokeLinejoin="round"
+				/>
+				<path
+					d="M5.39416 20C5.15159 20 4.95492 19.7856 4.95492 19.5211V12.5219C4.95492 12.119 4.60134 11.7912 4.16672 11.7912C3.7321 11.7912 3.37846 12.119 3.37846 12.5219V12.8982C3.37846 13.1627 3.1818 13.3772 2.93923 13.3772C2.69667 13.3772 2.5 13.1627 2.5 12.8982V12.5219C2.5 11.5908 3.24768 10.8333 4.16667 10.8333C5.08565 10.8333 5.83333 11.5908 5.83333 12.5219V19.5211C5.83339 19.7856 5.63672 20 5.39416 20Z"
+					fill="currentColor"
+				/>
+				<path
+					d="M10 0.549805C11.0748 0.549805 11.9502 1.42526 11.9502 2.5C11.9502 3.57474 11.0748 4.4502 10 4.4502C8.92522 4.4502 8.0498 3.57474 8.0498 2.5C8.0498 1.42526 8.92522 0.549805 10 0.549805Z"
+					stroke="currentColor"
+					strokeWidth="1.1"
+				/>
+			</g>
+			<defs>
+				<clipPath id={clipId}>
+					<rect width="20" height="20" fill="white" />
+				</clipPath>
+			</defs>
+		</svg>
+	);
+};

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

@@ -0,0 +1,22 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Packages icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4863:3469
+ */
+export const SpecialPackages: 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
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M10.6075 17.1183H17.1182V10.6075H14.4704V14.2492C14.4704 14.5847 14.1984 14.8567 13.8629 14.8567C13.5273 14.8567 13.2553 14.5847 13.2553 14.2492V10.6075H10.6075V17.1183ZM6.73869 10.6075V14.2492C6.73869 14.5847 6.46668 14.8567 6.13116 14.8567C5.79563 14.8567 5.52363 14.5847 5.52363 14.2492V10.6075H2.88168V17.1183H9.39243V10.6075H6.73869ZM5.972 9.39246H14.0279V2.88171H10.6075V6.52338C10.6075 6.85891 10.3355 7.13091 9.99996 7.13091C9.66443 7.13091 9.39243 6.85891 9.39243 6.52338V2.88171H5.972V9.39246ZM2.66045 18.3333C2.11157 18.3333 1.66663 17.8884 1.66663 17.3395V10.3863C1.66663 9.83741 2.11157 9.39246 2.66045 9.39246H4.75695V2.66048C4.75695 2.1116 5.20189 1.66666 5.75076 1.66666H14.2492C14.798 1.66666 15.243 2.1116 15.243 2.66048V9.39246H17.3395C17.8883 9.39246 18.3333 9.83741 18.3333 10.3863V17.3395C18.3333 17.8884 17.8883 18.3333 17.3395 18.3333H2.66045Z"
+		/>
+	</svg>
+);

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

@@ -0,0 +1,25 @@
+import { useId, type FC, type SVGProps } from 'react';
+
+/**
+ * Special Resources icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4863:3553
+ */
+export const SpecialResources: 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="M11.1817 1.66699C11.3504 1.66699 11.5126 1.72392 11.6319 1.82617C11.7512 1.92842 11.8184 2.06733 11.8184 2.21191C11.8184 2.35652 11.7512 2.49537 11.6319 2.59766C11.5126 2.69995 11.3505 2.75781 11.1817 2.75781H9.09088V4.39355H12.4005C12.5041 4.3941 12.6061 4.41936 12.6993 4.46582C12.7926 4.51234 12.8742 4.57976 12.9385 4.66309L15.4952 7.92969H15.8546V6.51465C15.8547 6.32748 15.9275 6.14807 16.0567 6.01562C16.1863 5.88302 16.3627 5.80762 16.546 5.80762H17.9278C18.4774 5.80773 19.004 6.03199 19.3926 6.42969C19.7814 6.82749 20.0001 7.36711 20.0001 7.92969V13.5859C20 14.1485 19.7813 14.6882 19.3926 15.0859C19.0041 15.4835 18.4772 15.7069 17.9278 15.707H16.546C16.4446 15.707 16.3451 15.6844 16.2549 15.6416C16.1822 15.607 16.1145 15.5592 16.0567 15.5C15.9272 15.3674 15.8546 15.1875 15.8546 15V13.5859H15.1641V16.4141C15.1641 16.6016 15.0906 16.7815 14.961 16.9141C14.8314 17.0466 14.6559 17.1211 14.4727 17.1211H7.56354C7.45645 17.1211 7.35075 17.0958 7.25494 17.0469C7.15901 16.9978 7.07516 16.9257 7.0108 16.8379L5.14557 14.293H3.41803C3.23491 14.2929 3.05926 14.2184 2.92975 14.0859C2.8002 13.9534 2.72762 13.7734 2.7276 13.5859V10.7578H1.09088V12.8486C1.09085 13.0174 1.03299 13.1795 0.930725 13.2988C0.828576 13.4178 0.690284 13.4852 0.545959 13.4854C0.401458 13.4854 0.262477 13.4179 0.160217 13.2988C0.0579502 13.1795 8.96849e-05 13.0174 6.10352e-05 12.8486V7.75781C6.10352e-05 7.58904 0.0579247 7.42696 0.160217 7.30762C0.262493 7.1884 0.401378 7.12109 0.545959 7.12109C0.690363 7.12123 0.828559 7.18855 0.930725 7.30762C1.03302 7.42696 1.09088 7.58904 1.09088 7.75781V9.84863H2.7276V7.22266C2.7276 7.03523 2.8003 6.85524 2.92975 6.72266C3.05926 6.59011 3.23488 6.51471 3.41803 6.51465H4.79987V5.10059C4.79997 4.91321 4.87254 4.73309 5.00201 4.60059C5.13158 4.46799 5.30803 4.39355 5.49127 4.39355H8.1817V2.75781H6.09088C5.92212 2.75781 5.76002 2.69994 5.64069 2.59766C5.52148 2.49538 5.45416 2.35649 5.45416 2.21191C5.45423 2.06733 5.52141 1.92841 5.64069 1.82617C5.76002 1.72388 5.92212 1.667 6.09088 1.66699H11.1817ZM5.89069 7.60645H3.81842V13.2021H5.6983L7.77155 16.0303H14.0733V12.4951H16.9454V14.6162H17.9278C18.1797 14.6161 18.4263 14.5136 18.6124 14.3232C18.7994 14.1319 18.9092 13.8672 18.9092 13.5859V7.92969C18.9092 7.6484 18.7994 7.38279 18.6124 7.19141C18.4263 7.00123 18.1796 6.89953 17.9278 6.89941H16.9454V9.02051H14.9639L12.1973 5.48438H5.89069V7.60645Z"
+					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-scheme.tsx

@@ -0,0 +1,28 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Scheme icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=8938:1438
+ */
+export const SpecialScheme: FC<SVGProps<SVGSVGElement>> = (props) => (
+	<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M12.6041 9.16666C12.6041 7.26973 11.0636 5.72916 9.16663 5.72916C7.2697 5.72916 5.72913 7.26973 5.72913 9.16666C5.72913 11.0636 7.2697 12.6042 9.16663 12.6042C11.0636 12.6042 12.6041 11.0636 12.6041 9.16666ZM11.4583 9.16666C11.4583 10.4317 10.4316 11.4583 9.16663 11.4583C7.90163 11.4583 6.87496 10.4317 6.87496 9.16666C6.87496 7.90166 7.90163 6.87499 9.16663 6.87499C10.4316 6.87499 11.4583 7.90166 11.4583 9.16666Z"
+			fill="currentColor"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M4.01046 12.9582V14.3229C4.01046 14.4749 3.9501 14.6206 3.84265 14.728C3.73521 14.8355 3.58949 14.8958 3.43754 14.8958C3.28559 14.8958 3.13987 14.8355 3.03243 14.728C2.92498 14.6206 2.86462 14.4749 2.86462 14.3229V12.6042C2.86462 12.387 2.98723 12.1888 3.18145 12.092L6.61895 10.3732C6.68648 10.3368 6.76064 10.3143 6.83703 10.3071C6.91341 10.2999 6.99047 10.3081 7.06363 10.3312C7.13678 10.3544 7.20455 10.392 7.2629 10.4418C7.32125 10.4916 7.369 10.5527 7.40331 10.6213C7.43762 10.6899 7.4578 10.7647 7.46265 10.8413C7.4675 10.9179 7.45691 10.9946 7.43153 11.067C7.40614 11.1395 7.36647 11.206 7.31487 11.2628C7.26327 11.3196 7.20079 11.3654 7.13113 11.3976L4.01046 12.9582ZM14.323 12.9582L11.2023 11.3976C11.1326 11.3654 11.0701 11.3196 11.0185 11.2628C10.9669 11.206 10.9273 11.1395 10.9019 11.067C10.8765 10.9946 10.8659 10.9179 10.8708 10.8413C10.8756 10.7647 10.8958 10.6899 10.9301 10.6213C10.9644 10.5527 11.0122 10.4916 11.0705 10.4418C11.1289 10.392 11.1966 10.3544 11.2698 10.3312C11.3429 10.3081 11.42 10.2999 11.4964 10.3071C11.5728 10.3143 11.6469 10.3368 11.7145 10.3732L15.152 12.092C15.2472 12.1394 15.3273 12.2125 15.3833 12.303C15.4393 12.3935 15.4689 12.4978 15.4688 12.6042V14.3229C15.4688 14.4749 15.4084 14.6206 15.301 14.728C15.1935 14.8355 15.0478 14.8958 14.8959 14.8958C14.7439 14.8958 14.5982 14.8355 14.4908 14.728C14.3833 14.6206 14.323 14.4749 14.323 14.3229V12.9582ZM4.01046 5.3751L7.13113 6.93573C7.20079 6.96791 7.26327 7.01374 7.31487 7.07053C7.36647 7.12731 7.40614 7.19388 7.43153 7.26628C7.45691 7.33869 7.4675 7.41546 7.46265 7.49203C7.4578 7.5686 7.43762 7.64342 7.40331 7.71205C7.369 7.78068 7.32125 7.84171 7.2629 7.89153C7.20455 7.94136 7.13678 7.97895 7.06363 8.00209C6.99047 8.02522 6.91341 8.03343 6.83703 8.02622C6.76064 8.019 6.68648 7.99652 6.61895 7.9601L3.18145 6.24135C3.08621 6.19391 3.0061 6.12084 2.95013 6.03036C2.89416 5.93987 2.86455 5.83556 2.86462 5.72917V4.01042C2.86462 3.85847 2.92498 3.71275 3.03243 3.6053C3.13987 3.49786 3.28559 3.4375 3.43754 3.4375C3.58949 3.4375 3.73521 3.49786 3.84265 3.6053C3.9501 3.71275 4.01046 3.85847 4.01046 4.01042V5.3751ZM14.323 5.3751V4.01042C14.323 3.85847 14.3833 3.71275 14.4908 3.6053C14.5982 3.49786 14.7439 3.4375 14.8959 3.4375C15.0478 3.4375 15.1935 3.49786 15.301 3.6053C15.4084 3.71275 15.4688 3.85847 15.4688 4.01042V5.72917C15.4689 5.83556 15.4393 5.93987 15.3833 6.03036C15.3273 6.12084 15.2472 6.19391 15.152 6.24135L11.7145 7.9601C11.6469 7.99652 11.5728 8.019 11.4964 8.02622C11.42 8.03343 11.3429 8.02522 11.2698 8.00209C11.1966 7.97895 11.1289 7.94136 11.0705 7.89153C11.0122 7.84171 10.9644 7.78068 10.9301 7.71205C10.8958 7.64342 10.8756 7.5686 10.8708 7.49203C10.8659 7.41546 10.8765 7.33869 10.9019 7.26628C10.9273 7.19388 10.9669 7.12731 11.0185 7.07053C11.0701 7.01374 11.1326 6.96791 11.2023 6.93573L14.323 5.3751ZM9.73962 14.3229V12.0312C9.73962 11.8793 9.67926 11.7336 9.57182 11.6261C9.46438 11.5187 9.31865 11.4583 9.16671 11.4583C9.01476 11.4583 8.86904 11.5187 8.76159 11.6261C8.65415 11.7336 8.59379 11.8793 8.59379 12.0312V14.3229C8.59379 14.4749 8.65415 14.6206 8.76159 14.728C8.86904 14.8355 9.01476 14.8958 9.16671 14.8958C9.31865 14.8958 9.46438 14.8355 9.57182 14.728C9.67926 14.6206 9.73962 14.4749 9.73962 14.3229ZM8.59379 4.01042V6.30208C8.59379 6.45403 8.65415 6.59975 8.76159 6.7072C8.86904 6.81464 9.01476 6.875 9.16671 6.875C9.31865 6.875 9.46438 6.81464 9.57182 6.7072C9.67926 6.59975 9.73962 6.45403 9.73962 6.30208V4.01042C9.73962 3.85847 9.67926 3.71275 9.57182 3.6053C9.46438 3.49786 9.31865 3.4375 9.16671 3.4375C9.01476 3.4375 8.86904 3.49786 8.76159 3.6053C8.65415 3.71275 8.59379 3.85847 8.59379 4.01042Z"
+			fill="currentColor"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M5.15625 15.4687C5.14468 15.0206 4.95852 14.5947 4.63745 14.2818C4.31638 13.9689 3.88581 13.7938 3.4375 13.7938C2.98919 13.7938 2.55862 13.9689 2.23755 14.2818C1.91648 14.5947 1.73032 15.0206 1.71875 15.4687C1.73032 15.9169 1.91648 16.3428 2.23755 16.6557C2.55862 16.9686 2.98919 17.1437 3.4375 17.1437C3.88581 17.1437 4.31638 16.9686 4.63745 16.6557C4.95852 16.3428 5.14468 15.9169 5.15625 15.4687ZM4.01042 15.4687C4.01042 15.6207 3.95006 15.7664 3.84261 15.8739C3.73517 15.9813 3.58945 16.0417 3.4375 16.0417C3.28555 16.0417 3.13983 15.9813 3.03239 15.8739C2.92494 15.7664 2.86458 15.6207 2.86458 15.4687C2.86458 15.3168 2.92494 15.1711 3.03239 15.0636C3.13983 14.9562 3.28555 14.8958 3.4375 14.8958C3.58945 14.8958 3.73517 14.9562 3.84261 15.0636C3.95006 15.1711 4.01042 15.3168 4.01042 15.4687ZM13.1771 15.4687C13.1887 15.9169 13.3748 16.3428 13.6959 16.6557C14.0169 16.9686 14.4475 17.1437 14.8958 17.1437C15.3441 17.1437 15.7747 16.9686 16.0958 16.6557C16.4169 16.3428 16.603 15.9169 16.6146 15.4687C16.603 15.0206 16.4169 14.5947 16.0958 14.2818C15.7747 13.9689 15.3441 13.7938 14.8958 13.7938C14.4475 13.7938 14.0169 13.9689 13.6959 14.2818C13.3748 14.5947 13.1887 15.0206 13.1771 15.4687ZM14.3229 15.4687C14.3229 15.3168 14.3833 15.1711 14.4907 15.0636C14.5982 14.9562 14.7439 14.8958 14.8958 14.8958C15.0478 14.8958 15.1935 14.9562 15.3009 15.0636C15.4084 15.1711 15.4688 15.3168 15.4688 15.4687C15.4688 15.6207 15.4084 15.7664 15.3009 15.8739C15.1935 15.9813 15.0478 16.0417 14.8958 16.0417C14.7439 16.0417 14.5982 15.9813 14.4907 15.8739C14.3833 15.7664 14.3229 15.6207 14.3229 15.4687ZM5.15625 2.86458C5.14468 2.41642 4.95852 1.99051 4.63745 1.67762C4.31638 1.36474 3.88581 1.18964 3.4375 1.18964C2.98919 1.18964 2.55862 1.36474 2.23755 1.67762C1.91648 1.99051 1.73032 2.41642 1.71875 2.86458C1.73032 3.31274 1.91648 3.73865 2.23755 4.05153C2.55862 4.36442 2.98919 4.53952 3.4375 4.53952C3.88581 4.53952 4.31638 4.36442 4.63745 4.05153C4.95852 3.73865 5.14468 3.31274 5.15625 2.86458ZM4.01042 2.86458C4.01042 3.01652 3.95006 3.16225 3.84261 3.26969C3.73517 3.37713 3.58945 3.43749 3.4375 3.43749C3.28555 3.43749 3.13983 3.37713 3.03239 3.26969C2.92494 3.16225 2.86458 3.01652 2.86458 2.86458C2.86458 2.71263 2.92494 2.56691 3.03239 2.45946C3.13983 2.35202 3.28555 2.29166 3.4375 2.29166C3.58945 2.29166 3.73517 2.35202 3.84261 2.45946C3.95006 2.56691 4.01042 2.71263 4.01042 2.86458ZM7.44792 2.86458C7.45949 3.31274 7.64565 3.73865 7.96672 4.05153C8.28778 4.36442 8.71836 4.53952 9.16667 4.53952C9.61497 4.53952 10.0456 4.36442 10.3666 4.05153C10.6877 3.73865 10.8738 3.31274 10.8854 2.86458C10.8738 2.41642 10.6877 1.99051 10.3666 1.67762C10.0456 1.36474 9.61497 1.18964 9.16667 1.18964C8.71836 1.18964 8.28778 1.36474 7.96672 1.67762C7.64565 1.99051 7.45949 2.41642 7.44792 2.86458ZM8.59375 2.86458C8.59375 2.71263 8.65411 2.56691 8.76155 2.45946C8.869 2.35202 9.01472 2.29166 9.16667 2.29166C9.31861 2.29166 9.46434 2.35202 9.57178 2.45946C9.67922 2.56691 9.73958 2.71263 9.73958 2.86458C9.73958 3.01652 9.67922 3.16225 9.57178 3.26969C9.46434 3.37713 9.31861 3.43749 9.16667 3.43749C9.01472 3.43749 8.869 3.37713 8.76155 3.26969C8.65411 3.16225 8.59375 3.01652 8.59375 2.86458ZM10.9146 15.4687C10.9031 15.0206 10.7169 14.5947 10.3958 14.2818C10.0748 13.9689 9.64419 13.7938 9.19589 13.7938C8.74758 13.7938 8.317 13.9689 7.99593 14.2818C7.67487 14.5947 7.48871 15.0206 7.47714 15.4687C7.48871 15.9169 7.67487 16.3428 7.99593 16.6557C8.317 16.9686 8.74758 17.1437 9.19589 17.1437C9.64419 17.1437 10.0748 16.9686 10.3958 16.6557C10.7169 16.3428 10.9031 15.9169 10.9146 15.4687ZM9.7688 15.4687C9.7688 15.6207 9.70844 15.7664 9.601 15.8739C9.49356 15.9813 9.34783 16.0417 9.19589 16.0417C9.04394 16.0417 8.89821 15.9813 8.79077 15.8739C8.68333 15.7664 8.62297 15.6207 8.62297 15.4687C8.62297 15.3168 8.68333 15.1711 8.79077 15.0636C8.89821 14.9562 9.04394 14.8958 9.19589 14.8958C9.34783 14.8958 9.49356 14.9562 9.601 15.0636C9.70844 15.1711 9.7688 15.3168 9.7688 15.4687ZM16.6146 2.86458C16.603 2.41642 16.4169 1.99051 16.0958 1.67762C15.7747 1.36474 15.3441 1.18964 14.8958 1.18964C14.4475 1.18964 14.0169 1.36474 13.6959 1.67762C13.3748 1.99051 13.1887 2.41642 13.1771 2.86458C13.1887 3.31274 13.3748 3.73865 13.6959 4.05153C14.0169 4.36442 14.4475 4.53952 14.8958 4.53952C15.3441 4.53952 15.7747 4.36442 16.0958 4.05153C16.4169 3.73865 16.603 3.31274 16.6146 2.86458ZM15.4688 2.86458C15.4688 3.01652 15.4084 3.16225 15.3009 3.26969C15.1935 3.37713 15.0478 3.43749 14.8958 3.43749C14.7439 3.43749 14.5982 3.37713 14.4907 3.26969C14.3833 3.16225 14.3229 3.01652 14.3229 2.86458C14.3229 2.71263 14.3833 2.56691 14.4907 2.45946C14.5982 2.35202 14.7439 2.29166 14.8958 2.29166C15.0478 2.29166 15.1935 2.35202 15.3009 2.45946C15.4084 2.56691 15.4688 2.71263 15.4688 2.86458Z"
+			fill="currentColor"
+		/>
+	</svg>
+);

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

@@ -0,0 +1,22 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Site Generic icon - represents a generic site
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=10886:32782
+ */
+export const SpecialSiteGeneric: 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="M16.3636 4.47727V16.75H14.5454V5.84091L9.99999 4.02273L5.45453 5.84091V14.9318H15.9091V16.75H3.63635L3.63635 4.47727L9.99999 1.75L16.3636 4.47727Z" />
+		<path d="M9.0909 13.1136H7.27272V11.2955H9.0909V13.1136Z" />
+		<path d="M9.0909 9.47727H7.27272V7.65909H9.0909V9.47727Z" />
+		<path d="M12.7273 9.47727H10.9091V7.65909H12.7273V9.47727Z" />
+		<path d="M12.7273 13.1136H10.9091V11.2955H12.7273V13.1136Z" />
+	</svg>
+);

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

@@ -0,0 +1,18 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Site T1 icon - represents a Tier 1 site
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=10886:32739
+ */
+export const SpecialSiteT1: 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="M14.1663 5.83301H19.1663V17.5H0.833313V5.83301H5.83331V2.5H14.1663V5.83301ZM2.50031 7.5V15.833H5.83331V7.5H2.50031ZM14.1663 15.833H17.5003V7.5H14.1663V15.833ZM10.8333 15.833H12.5003V14.167H10.8333V15.833ZM7.50031 15.833H9.16632V14.167H7.50031V15.833ZM5.00031 12.5V14.167H3.33331V12.5H5.00031ZM16.6663 14.167H15.0003V12.5H16.6663V14.167ZM10.8333 12.5H12.5003V10.833H10.8333V12.5ZM7.50031 12.5H9.16632V10.833H7.50031V12.5ZM5.00031 9.16699V10.833H3.33331V9.16699H5.00031ZM16.6663 10.833H15.0003V9.16699H16.6663V10.833ZM10.8333 9.16699H12.5003V7.5H10.8333V9.16699ZM7.50031 9.16699H9.16632V7.5H7.50031V9.16699ZM10.8333 5.83301H12.5003V4.16699H10.8333V5.83301ZM7.50031 5.83301H9.16632V4.16699H7.50031V5.83301Z" />
+	</svg>
+);

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

@@ -0,0 +1,18 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Site T2 icon - represents a Tier 2 site
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=10886:32783
+ */
+export const SpecialSiteT2: 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="M3.33331 17.5V2.5H9.16665V5.83333H17.5V17.5H3.33331ZM4.99998 15.8333H7.49998V14.1667H4.99998V15.8333ZM4.99998 12.5H7.49998V10.8333H4.99998V12.5ZM4.99998 9.16667H7.49998V7.5H4.99998V9.16667ZM4.99998 5.83333H7.49998V4.16667H4.99998V5.83333ZM9.16665 15.8333H15.8333V7.5H9.16665V9.16667H10.8333V10.8333H9.16665V12.5H10.8333V14.1667H9.16665V15.8333ZM12.5 10.8333V9.16667H14.1666V10.8333H12.5ZM12.5 14.1667V12.5H14.1666V14.1667H12.5Z" />
+	</svg>
+);

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

@@ -0,0 +1,18 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Site T3 icon - represents a Tier 3 site
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=10886:32784
+ */
+export const SpecialSiteT3: 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.75V5.25H10.8333V8.58333H17.5V17.75H2.5ZM4.16667 16.0833H9.16667V14H4.16667V16.0833ZM4.16667 12.3333H9.16667V10.25H4.16667V12.3333ZM4.16667 8.58333H9.16667V6.91667H4.16667V8.58333ZM10.8333 16.0833H15.8333V10.25H10.8333V16.0833ZM12.5 14.4167V11.9167H14.1667V14.4167H12.5Z" />
+	</svg>
+);

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

@@ -0,0 +1,18 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Site T4 icon - represents a Tier 4 site
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=10884:32697
+ */
+export const SpecialSiteT4: 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="M4.16669 17.5833V3.41666H15.8334V17.5833H10.8334V15.0833H9.16669V17.5833H4.16669ZM5.83335 15.9167H7.50002V13.4167H12.5V15.9167H14.1667V5.08332H5.83335V15.9167ZM7.50002 11.75H9.16669V10.0833H7.50002V11.75ZM7.50002 8.41666H9.16669V6.74999H7.50002V8.41666ZM10.8334 11.75H12.5V10.0833H10.8334V11.75ZM10.8334 8.41666H12.5V6.74999H10.8334V8.41666Z" />
+	</svg>
+);

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

@@ -0,0 +1,26 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Site Unknown icon - represents an unknown site type
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=10884:32698
+ */
+export const SpecialSiteUnknown: 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
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M14.0263 9.32896C15.264 9.32896 16.3187 9.76549 17.1911 10.6379C18.0635 11.5102 18.5 12.5649 18.5 13.8026C18.5 15.0404 18.0635 16.0951 17.1911 16.9674C16.3187 17.8398 15.264 18.2763 14.0263 18.2763C12.7886 18.2763 11.7339 17.8398 10.8615 16.9674C9.98917 16.0951 9.55263 15.0404 9.55263 13.8026C9.55263 12.5649 9.98917 11.5102 10.8615 10.6379C11.7339 9.76549 12.7886 9.32896 14.0263 9.32896ZM14.0263 15.3239C13.8623 15.3239 13.724 15.3798 13.6122 15.4916C13.5006 15.6033 13.4445 15.7412 13.4444 15.9049C13.4444 16.0689 13.5004 16.2073 13.6122 16.3191C13.724 16.4309 13.8623 16.4869 14.0263 16.4869C14.1904 16.4869 14.3286 16.4309 14.4405 16.3191C14.5522 16.2073 14.6082 16.0689 14.6082 15.9049C14.6082 15.7412 14.5521 15.6033 14.4405 15.4916C14.3286 15.3798 14.1904 15.3239 14.0263 15.3239ZM14.0263 11.1184C13.6834 11.1184 13.3742 11.2195 13.0984 11.4208C12.8225 11.6221 12.6244 11.8939 12.5051 12.2369L13.2207 12.5497C13.2654 12.3709 13.3589 12.2145 13.5003 12.0804C13.642 11.9462 13.8175 11.8786 14.0263 11.8786C14.25 11.8786 14.4256 11.9345 14.5523 12.0464C14.679 12.1582 14.7419 12.3262 14.7419 12.5497C14.7419 12.7136 14.6976 12.852 14.6082 12.9638C14.5188 13.0757 14.4139 13.1914 14.2946 13.3107C14.2051 13.4001 14.1118 13.4895 14.015 13.579C13.9182 13.6683 13.8326 13.7726 13.7581 13.8918C13.7133 13.9812 13.68 14.0714 13.6576 14.1609C13.6353 14.2503 13.6235 14.3545 13.6235 14.4737V14.7865H14.4291V14.5628C14.4292 14.3989 14.4734 14.2535 14.5628 14.1268C14.6523 14.0001 14.7572 13.8774 14.8765 13.7581C15.0853 13.5791 15.2491 13.4075 15.3684 13.2434C15.4877 13.0794 15.5475 12.8479 15.5475 12.5497C15.5475 12.1174 15.4053 11.7708 15.122 11.5099C14.8387 11.249 14.4736 11.1184 14.0263 11.1184Z"
+		/>
+		<path d="M14.0263 4.4079V7.89773H12.2368V5.75001L7.76316 3.96054L3.28947 5.75001V14.6974H8.65789V16.4869H1.5V4.4079L7.76316 1.72369L14.0263 4.4079Z" />
+		<path d="M6.86842 12.9079H5.07895V11.1184H6.86842V12.9079Z" />
+		<path d="M6.86842 9.32896H5.07895V7.53948H6.86842V9.32896Z" />
+		<path d="M10.4474 9.32896H8.65789V7.53948H10.4474V9.32896Z" />
+	</svg>
+);

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

@@ -0,0 +1,14 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Software icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4863:3603
+ */
+export const SpecialSoftware: 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="M18.125 2.91699C18.2908 2.91699 18.4502 2.9824 18.5674 3.09961C18.6845 3.2168 18.75 3.37631 18.75 3.54199V13.958C18.75 14.1237 18.6845 14.2832 18.5674 14.4004C18.4502 14.5176 18.2908 14.583 18.125 14.583H10.625V16.458C10.625 16.53 10.6106 16.6004 10.5869 16.667H11.875C12.0406 16.667 12.1993 16.7326 12.3164 16.8496C12.4336 16.9668 12.5 17.1262 12.5 17.292C12.4999 17.4576 12.4335 17.6163 12.3164 17.7334C12.1992 17.8505 12.0407 17.917 11.875 17.917H8.125C7.95924 17.917 7.79983 17.8506 7.68262 17.7334C7.56564 17.6163 7.5001 17.4575 7.5 17.292C7.5 17.1263 7.56548 16.9668 7.68262 16.8496C7.79983 16.7324 7.95924 16.667 8.125 16.667H9.41309C9.38941 16.6004 9.375 16.53 9.375 16.458V14.583H1.875C1.70924 14.583 1.54983 14.5176 1.43262 14.4004C1.31551 14.2832 1.25 14.1237 1.25 13.958V3.54199C1.25 3.37631 1.31551 3.2168 1.43262 3.09961C1.54983 2.9824 1.70924 2.91699 1.875 2.91699H18.125ZM2.5 13.333H17.5V4.16699H2.5V13.333ZM7.50195 6.24219C7.58494 6.24147 7.66733 6.25764 7.74414 6.28906C7.82094 6.32049 7.89054 6.36711 7.94922 6.42578C8.00786 6.48445 8.05453 6.55409 8.08594 6.63086C8.11731 6.70761 8.13353 6.79013 8.13281 6.87305C8.13205 6.95592 8.11474 7.03811 8.08203 7.11426C8.04928 7.19043 8.00104 7.2588 7.94141 7.31641L6.50879 8.75L7.94141 10.1826C8.02874 10.27 8.08817 10.3818 8.1123 10.5029C8.13641 10.6242 8.12444 10.7501 8.07715 10.8643C8.02985 10.9784 7.9494 11.0759 7.84668 11.1445C7.74401 11.2131 7.62346 11.2499 7.5 11.25C7.41792 11.2501 7.33657 11.2336 7.26074 11.2021C7.18493 11.1707 7.11557 11.1245 7.05762 11.0664L5.18262 9.19141C5.06571 9.07425 5.00001 8.91552 5 8.75C5 8.58427 5.06545 8.42482 5.18262 8.30762L7.05762 6.43262C7.11524 6.37297 7.18455 6.32571 7.26074 6.29297C7.33695 6.26023 7.41902 6.24293 7.50195 6.24219ZM10.3486 6.33105C10.4949 6.26109 10.6626 6.25042 10.8164 6.30176C10.97 6.3531 11.098 6.46186 11.1729 6.60547C11.2477 6.7492 11.2638 6.91692 11.2178 7.07227L9.96777 10.8223C9.92635 10.9466 9.84653 11.0551 9.74023 11.1318C9.63394 11.2085 9.50607 11.2499 9.375 11.25C9.27595 11.25 9.17799 11.2258 9.08984 11.1807C9.00193 11.1355 8.92593 11.0704 8.86816 10.9902C8.8103 10.9098 8.7717 10.8167 8.75684 10.7188C8.74198 10.6208 8.75083 10.5207 8.78223 10.4268L10.0322 6.67676C10.0887 6.52478 10.2024 6.40105 10.3486 6.33105ZM12.498 6.24219C12.5809 6.24296 12.6631 6.26027 12.7393 6.29297C12.8152 6.32565 12.8839 6.37319 12.9414 6.43262L14.8164 8.30762C14.9336 8.42482 15 8.58427 15 8.75C15 8.91569 14.9335 9.07422 14.8164 9.19141L12.9414 11.0664C12.8835 11.1245 12.815 11.1707 12.7393 11.2021C12.6635 11.2336 12.582 11.2501 12.5 11.25C12.3764 11.25 12.2551 11.2132 12.1523 11.1445C12.0498 11.0759 11.9701 10.9782 11.9229 10.8643C11.8756 10.7501 11.8626 10.6242 11.8867 10.5029C11.9108 10.3817 11.9703 10.27 12.0576 10.1826L13.4912 8.75L12.0576 7.31641C11.9982 7.2589 11.9506 7.19023 11.918 7.11426C11.8853 7.03811 11.868 6.95592 11.8672 6.87305C11.8665 6.7901 11.8827 6.70764 11.9141 6.63086C11.9454 6.55424 11.9913 6.48437 12.0498 6.42578C12.1085 6.3671 12.179 6.32049 12.2559 6.28906C12.3326 6.25769 12.4151 6.24147 12.498 6.24219Z"
+			fill="currentColor"
+		/>
+	</svg>
+);

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

@@ -0,0 +1,22 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Stacks icon
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4863:3463
+ */
+export const SpecialStacks: 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
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M10.0004 2.5L18.3333 7.90804L15.8333 9.58333L14.5833 8.75L15.77 7.87443L10.0004 4.13017L4.18005 7.90734L10.0004 11.6852L11.5376 10.6874L12.7464 11.4173L10.0004 13.3162L1.66745 7.90807L10.0004 2.5ZM10.0032 6.68614L18.3326 12.0919L9.99965 17.5L1.66663 12.0919L4.16663 10.4167L5.41663 11.25L4.23023 12.1257L9.99965 15.8698L15.82 12.0927L9.99965 8.31481L8.33329 9.58333L7.08329 8.75L10.0032 6.68614Z"
+		/>
+	</svg>
+);

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

@@ -0,0 +1,18 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Standalone icon - represents a standalone network element
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4849:50932
+ */
+export const SpecialStandalone: 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 5C19.1046 5 20 5.89543 20 7V12.4121L19.9893 12.6162C19.8868 13.6247 19.0355 14.4121 18 14.4121H2L1.7959 14.4014C0.854444 14.3059 0.106347 13.5576 0.0107422 12.6162L0 12.4121V7C0 5.89543 0.895431 5 2 5H18ZM2 6C1.44771 6 1 6.44772 1 7V12.4121C1.00019 12.9642 1.44783 13.4121 2 13.4121H18C18.5522 13.4121 18.9998 12.9642 19 12.4121V7C19 6.44771 18.5523 6 18 6H2ZM5.88184 10.3828C6.15798 10.3828 6.38184 10.6067 6.38184 10.8828C6.38162 11.1588 6.15785 11.3828 5.88184 11.3828H3.5293C3.25336 11.3827 3.02951 11.1587 3.0293 10.8828C3.0293 10.6067 3.25323 10.3829 3.5293 10.3828H5.88184ZM9.99902 10.3828C10.2752 10.3828 10.499 10.6067 10.499 10.8828C10.4988 11.1588 10.275 11.3828 9.99902 11.3828H7.64648C7.37047 11.3828 7.1467 11.1588 7.14648 10.8828C7.14648 10.6067 7.37034 10.3828 7.64648 10.3828H9.99902ZM14.1172 10.3828C14.3933 10.3828 14.6182 10.6067 14.6182 10.8828C14.618 11.1586 14.394 11.3825 14.1182 11.3828H11.7656C11.4896 11.3828 11.2658 11.1588 11.2656 10.8828C11.2656 10.6068 11.4887 10.3831 11.7646 10.3828H14.1172ZM5.88184 8.61719C6.15785 8.61719 6.38162 8.84123 6.38184 9.11719C6.38184 9.39333 6.15798 9.61719 5.88184 9.61719H3.5293C3.25323 9.6171 3.0293 9.39328 3.0293 9.11719C3.02951 8.84128 3.25336 8.61728 3.5293 8.61719H5.88184ZM9.99902 8.61719C10.275 8.61719 10.4988 8.84123 10.499 9.11719C10.499 9.39333 10.2752 9.61719 9.99902 9.61719H7.64648C7.37034 9.61719 7.14648 9.39333 7.14648 9.11719C7.1467 8.84123 7.37047 8.61719 7.64648 8.61719H9.99902ZM14.1172 8.61719C14.3932 8.61719 14.618 8.84123 14.6182 9.11719C14.6182 9.39317 14.3941 9.61692 14.1182 9.61719H11.7656C11.4895 9.61719 11.2656 9.39333 11.2656 9.11719C11.2658 8.84139 11.4889 8.61745 11.7646 8.61719H14.1172ZM16.7646 7.35254C17.2519 7.35261 17.6465 7.74809 17.6465 8.23535C17.6464 8.72257 17.2519 9.11712 16.7646 9.11719C16.2774 9.11719 15.8819 8.72262 15.8818 8.23535C15.8818 7.74804 16.2773 7.35254 16.7646 7.35254Z" />
+	</svg>
+);

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

@@ -0,0 +1,18 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Special Upgrading icon - represents an upgrading state
+ * @figma https://www.figma.com/design/nha3m67y7S57cHCSuQO2gp?node-id=4849:50884
+ */
+export const SpecialUpgrading: 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="M7.57324 4.58301C7.80336 4.58301 7.99023 4.76988 7.99023 5C7.99023 5.23012 7.80336 5.41699 7.57324 5.41699H3.33301C2.18256 5.41717 1.25 6.34952 1.25 7.5V7.95996C1.77935 7.41944 2.51671 7.0831 3.33301 7.08301H7.57324C7.80336 7.08301 7.99023 7.26988 7.99023 7.5C7.99023 7.73012 7.80336 7.91699 7.57324 7.91699H3.33301C2.18256 7.91717 1.25 8.84952 1.25 10V10.46C1.77935 9.91944 2.51671 9.5831 3.33301 9.58301H7.57324C7.80336 9.58301 7.99023 9.76988 7.99023 10C7.99023 10.2301 7.80336 10.417 7.57324 10.417H3.33301C2.18256 10.4172 1.25 11.3495 1.25 12.5V14.167C1.25018 15.3173 2.18267 16.2498 3.33301 16.25H16.667C17.8173 16.2498 18.7498 15.3173 18.75 14.167V12.5C18.75 11.3495 17.8174 10.4172 16.667 10.417H12.292C12.0619 10.417 11.875 10.2301 11.875 10C11.875 9.76988 12.0619 9.58301 12.292 9.58301H16.667C17.4833 9.5831 18.2206 9.91944 18.75 10.46V10C18.75 8.84952 17.8174 7.91717 16.667 7.91699H12.292C12.0619 7.91699 11.875 7.73012 11.875 7.5C11.875 7.26988 12.0619 7.08301 12.292 7.08301H16.667C17.4833 7.0831 18.2206 7.41944 18.75 7.95996V7.5C18.75 6.34952 17.8174 5.41717 16.667 5.41699H12.292C12.0619 5.41699 11.875 5.23012 11.875 5C11.875 4.76988 12.0619 4.58301 12.292 4.58301H16.667C18.2777 4.58318 19.583 5.88928 19.583 7.5V14.167C19.5828 15.7776 18.2776 17.0828 16.667 17.083H3.33301C1.72244 17.0828 0.417168 15.7776 0.416992 14.167V7.5C0.416992 5.88928 1.72233 4.58318 3.33301 4.58301H7.57324ZM10 1.25C10.2301 1.25 10.417 1.43687 10.417 1.66699V13.1611L11.7295 11.9111C11.8922 11.7484 12.1566 11.7484 12.3193 11.9111C12.4817 12.0738 12.4818 12.3374 12.3193 12.5L10.2949 14.4609C10.1322 14.6236 9.86878 14.6236 9.70605 14.4609L7.5 12.5C7.33734 12.3373 7.33746 12.0739 7.5 11.9111C7.66272 11.7484 7.92615 11.7484 8.08887 11.9111L9.58398 13.1611V1.66699C9.58398 1.43695 9.76998 1.25012 10 1.25Z" />
+	</svg>
+);