implement icon-set-component

src/components/c-icon-set/index.tsx

@@ -0,0 +1,18 @@
+import { IconType } from 'react-icons';
+import * as S from './page.styled';
+
+interface Props {
+    icons: IconType[];
+}
+
+export default function CIConSet({ icons }: Props) {
+    return (
+        <S.Container>
+            {icons.map((IconComponent, index) => (
+                <S.Icon key={index}>
+                    <IconComponent />
+                </S.Icon>
+            ))}
+        </S.Container>
+    );
+}

src/components/c-icon-set/page.styled.ts

@@ -0,0 +1,11 @@
+import styled from 'styled-components';
+
+export const Container = styled.div`
+    display: flex;
+    gap: 10px;
+`;
+
+export const Icon = styled.div`
+    font-size: 26px;
+    color: #000;
+`;

src/components/tech-icons/index.ts

@@ -15,6 +15,8 @@ import {
     SiReact as ReactIcon,
     SiTestinglibrary as TestingLibraryIcon,
     SiTypescript as TypeScriptIcon,
+    SiNestjs as NestJsIcon,
+    SiGo as GoIcon,
 } from 'react-icons/si';
 
 const icons: { [key: string]: IconType } = {
@@ -33,6 +35,8 @@ const icons: { [key: string]: IconType } = {
     aws: AwsIcon,
     docker: DockerIcon,
     okta: OktaIcon,
+    nest: NestJsIcon,
+    go: GoIcon,
 };
 
 export default icons;