fix

src/components/icons/AutoAwesomeIcon.tsx

@@ -0,0 +1,13 @@
+import styled from "@emotion/styled";
+
+import { IconBase } from "./IconBase";
+
+import icon from "@/content/icons/AutoAwesomeIcon.svg";
+import whiteIcon from "@/content/icons/AutoAwesomeWhiteIcon.svg";
+
+export const AutoAwesomeIcon = styled(IconBase)(({ theme }) => ({
+  content: `url(${icon})`,
+  [theme.getColorSchemeSelector("dark")]: {
+    content: `url(${whiteIcon})`,
+  },
+}));

src/components/icons/BicstoneIcon.tsx

@@ -0,0 +1,9 @@
+import styled from "@emotion/styled";
+
+import { IconBase } from "./IconBase";
+
+import icon from "@/content/icons/BicstoneIcon.svg";
+
+export const BicstoneIcon = styled(IconBase)({
+  content: `url(${icon})`,
+});

src/components/icons/BlogIcon.tsx

@@ -0,0 +1,13 @@
+import styled from "@emotion/styled";
+
+import { IconBase } from "./IconBase";
+
+import icon from "@/content/icons/DescriptionIcon.svg";
+import whiteIcon from "@/content/icons/DescriptionWhiteIcon.svg";
+
+export const BlogIcon = styled(IconBase)(({ theme }) => ({
+  content: `url(${icon})`,
+  [theme.getColorSchemeSelector("dark")]: {
+    content: `url(${whiteIcon})`,
+  },
+}));

src/components/icons/ConnpassIcon.tsx

@@ -0,0 +1,9 @@
+import styled from "@emotion/styled";
+
+import { IconBase } from "./IconBase";
+
+import icon from "@/content/icons/ConnpassIcon.svg";
+
+export const ConnpassIcon = styled(IconBase)({
+  content: `url(${icon})`,
+});

src/components/icons/CorpIcon.tsx

@@ -0,0 +1,13 @@
+import styled from "@emotion/styled";
+
+import { IconBase } from "./IconBase";
+
+import icon from "@/content/icons/CorpIcon.svg";
+import whiteIcon from "@/content/icons/CorpWhiteIcon.svg";
+
+export const CorpIcon = styled(IconBase)(({ theme }) => ({
+  content: `url(${icon})`,
+  [theme.getColorSchemeSelector("dark")]: {
+    content: `url(${whiteIcon})`,
+  },
+}));

src/components/icons/CsmIcon.tsx

@@ -0,0 +1,11 @@
+import styled from "@emotion/styled";
+
+import { IconBase } from "./IconBase";
+
+import icon from "@/content/icons/CsmIcon.png";
+
+export const CsmIcon = styled(IconBase)(({ theme }) => ({
+  content: `url(${icon})`,
+  width: theme.spacing(12),
+  height: theme.spacing(12),
+}));

src/components/icons/FeedIcon.tsx

@@ -0,0 +1,9 @@
+import styled from "@emotion/styled";
+
+import { IconBase } from "./IconBase";
+
+import icon from "@/content/icons/FeedIcon.svg";
+
+export const FeedIcon = styled(IconBase)({
+  content: `url(${icon})`,
+});

src/components/icons/FindyIcon.tsx

@@ -0,0 +1,9 @@
+import styled from "@emotion/styled";
+
+import { IconBase } from "./IconBase";
+
+import icon from "@/content/icons/FindyIcon.svg";
+
+export const FindyIcon = styled(IconBase)({
+  content: `url(${icon})`,
+});

src/components/icons/GitHubIcon.tsx

@@ -0,0 +1,13 @@
+import styled from "@emotion/styled";
+
+import { IconBase } from "./IconBase";
+
+import icon from "@/content/icons/GitHubIcon.svg";
+import whiteIcon from "@/content/icons/GitHubWhiteIcon.svg";
+
+export const GitHubIcon = styled(IconBase)(({ theme }) => ({
+  content: `url(${icon})`,
+  [theme.getColorSchemeSelector("dark")]: {
+    content: `url(${whiteIcon})`,
+  },
+}));

src/components/logos/LogoBase.tsx → src/components/icons/IconBase.tsx

@@ -6,7 +6,7 @@ import styled from "@emotion/styled";
  * 固定のSVGやPNGを埋め込む場合はStyledのコンポーネントを定義して使用
  */
 
-export const LogoBase = styled("div")(({ theme }) => ({
+export const IconBase = styled("div")(({ theme }) => ({
   display: "inline-block",
   width: theme.spacing(4),
   height: theme.spacing(4),

src/components/icons/LaprasIcon.tsx

@@ -0,0 +1,9 @@
+import styled from "@emotion/styled";
+
+import { IconBase } from "./IconBase";
+
+import icon from "@/content/icons/LaprasIcon.svg";
+
+export const LaprasIcon = styled(IconBase)({
+  content: `url(${icon})`,
+});

src/components/icons/LinkedInIcon.tsx

@@ -0,0 +1,9 @@
+import styled from "@emotion/styled";
+
+import { IconBase } from "./IconBase";
+
+import icon from "@/content/icons/LinkedInIcon.png";
+
+export const LinkedInIcon = styled(IconBase)({
+  content: `url(${icon})`,
+});

src/components/icons/PaycareerIcon.tsx

@@ -0,0 +1,9 @@
+import styled from "@emotion/styled";
+
+import { IconBase } from "./IconBase";
+
+import icon from "@/content/icons/PaycareerIcon.svg";
+
+export const PaycareerIcon = styled(IconBase)({
+  content: `url(${icon})`,
+});

src/components/icons/RissIcon.tsx

@@ -0,0 +1,11 @@
+import styled from "@emotion/styled";
+
+import { IconBase } from "./IconBase";
+
+import icon from "@/content/icons/RissIcon.png";
+
+export const RissIcon = styled(IconBase)(({ theme }) => ({
+  content: `url(${icon})`,
+  width: theme.spacing(12),
+  height: theme.spacing(12),
+}));

src/components/icons/SpeakerDeckIcon.tsx

@@ -0,0 +1,9 @@
+import styled from "@emotion/styled";
+
+import { IconBase } from "./IconBase";
+
+import icon from "@/content/icons/SpeakerDeckIcon.png";
+
+export const SpeakerDeckIcon = styled(IconBase)({
+  content: `url(${icon})`,
+});

src/components/icons/TwitterIcon.tsx

@@ -0,0 +1,9 @@
+import styled from "@emotion/styled";
+
+import { IconBase } from "./IconBase";
+
+import icon from "@/content/icons/TwitterIcon.svg";
+
+export const TwitterIcon = styled(IconBase)({
+  content: `url(${icon})`,
+});

src/components/icons/VerifiedIcon.tsx

@@ -0,0 +1,13 @@
+import styled from "@emotion/styled";
+
+import { IconBase } from "./IconBase";
+
+import icon from "@/content/icons/VerifiedIcon.svg";
+import whiteIcon from "@/content/icons/VerifiedWhiteIcon.svg";
+
+export const VerifiedIcon = styled(IconBase)(({ theme }) => ({
+  content: `url(${icon})`,
+  [theme.getColorSchemeSelector("dark")]: {
+    content: `url(${whiteIcon})`,
+  },
+}));

src/components/icons/YoutrustIcon.tsx

@@ -0,0 +1,9 @@
+import styled from "@emotion/styled";
+
+import { IconBase } from "./IconBase";
+
+import icon from "@/content/icons/YoutrustIcon.svg";
+
+export const YoutrustIcon = styled(IconBase)({
+  content: `url(${icon})`,
+});

src/components/icons/ZennIcon.tsx

@@ -0,0 +1,9 @@
+import styled from "@emotion/styled";
+
+import { IconBase } from "./IconBase";
+
+import icon from "@/content/icons/ZennIcon.svg";
+
+export const ZennIcon = styled(IconBase)({
+  content: `url(${icon})`,
+});

src/components/logos/index.d.ts → src/components/icons/index.d.ts

@@ -1,9 +1,9 @@
-declare module "@/content/logos/*.svg" {
+declare module "@/content/icons/*.svg" {
   const svg: string;
   export default svg;
 }
 
-declare module "@/content/logos/*.png" {
+declare module "@/content/icons/*.png" {
   const png: string;
   export default png;
 }