Feat: NoResultIcon 컴포넌트 구현

src/components/NoResultIcon/index.tsx

@@ -0,0 +1,10 @@
+import * as S from './styles';
+
+export const NoResultIcon = () => {
+  return (
+    <S.NoResultIcon>
+      <S.Icon src="src/assets/imgs/noResultIcon.svg" alt="noResultLogo" />
+      <S.Message>검색 결과가 존재하지 않습니다.</S.Message>
+    </S.NoResultIcon>
+  );
+};

src/components/NoResultIcon/styles.ts

@@ -0,0 +1,19 @@
+import { H32 } from '@/components/Text';
+import styled from 'styled-components';
+
+export const NoResultIcon = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+`;
+
+export const Icon = styled.img`
+  width: 200px;
+  height: 200px;
+`;
+
+export const Message = styled(H32)`
+  margin-top: 2rem;
+  color: ${({ theme }) => theme.colors.black};
+`;