replace svg icon with Lucide icon

This commit is contained in:
Takeshi Kimata
2024-02-21 22:26:51 +09:00
parent 9a82627149
commit a835e2f836
5 changed files with 13 additions and 113 deletions

View File

@@ -184,103 +184,3 @@ export const SearchIcon = (props: IconSvgProps) => (
/>
</svg>
);
export const HomeIcon: React.FC<IconSvgProps> = ({
size = 24,
width,
height,
...props
}) => {
return (
<svg
viewBox="0 0 21 21"
fill="currentColor"
height={size || height}
width={size || height}
{...props}
>
<g
fill="none"
fillRule="evenodd"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
>
<path d="M1.5 10.5l9-9 9 9" />
<path d="M3.5 8.5v7a2 2 0 002 2h10a2 2 0 002-2v-7" />
</g>
</svg>
);
};
export const PagesIcon: React.FC<IconSvgProps> = ({
size = 24,
width,
height,
...props
}) => {
return (
<svg
viewBox="0 0 21 21"
fill="currentColor"
height={size || height}
width={size || height}
{...props}
>
<g
fill="none"
fillRule="evenodd"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
>
<path d="M15.5 3.5h-7a2 2 0 00-2 2v9a2 2 0 002 2h7a2 2 0 002-2v-9a2 2 0 00-2-2z" />
<path d="M6.5 5.5a2 2 0 00-2 2v8a3 3 0 003 3h6a2 2 0 002-2" />
</g>
</svg>
);
};
export const PlayIcon: React.FC<IconSvgProps> = ({
size = 24,
width,
height,
...props
}) => {
return (
<svg
viewBox="0 0 512 512"
fill="currentColor"
height={size || height}
width={size || height}
{...props}
>
<path
fill="none"
stroke="currentColor"
strokeMiterlimit={10}
strokeWidth={32}
d="M112 111v290c0 17.44 17 28.52 31 20.16l247.9-148.37c12.12-7.25 12.12-26.33 0-33.58L143 90.84c-14-8.36-31 2.72-31 20.16z"
/>
</svg>
);
};
export const DotsIcon: React.FC<IconSvgProps> = ({
size = 24,
width,
height,
...props
}) => {
return (
<svg
viewBox="0 0 24 24"
fill="currentColor"
height={size || height}
width={size || height}
{...props}
>
<path d="M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 12c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" />
</svg>
);
};