From 4838df315931bb883f704ec3e1abe2685f296cdf Mon Sep 17 00:00:00 2001 From: HsiangNianian Date: Sat, 22 Apr 2023 19:52:26 +0800 Subject: 😀 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/components/Icons.tsx | 165 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 165 insertions(+) create mode 100644 docs/components/Icons.tsx (limited to 'docs/components/Icons.tsx') diff --git a/docs/components/Icons.tsx b/docs/components/Icons.tsx new file mode 100644 index 0000000..c203b3d --- /dev/null +++ b/docs/components/Icons.tsx @@ -0,0 +1,165 @@ +import React, { ComponentProps } from "react"; + +export type IconType = ((props: ComponentProps<"svg">) => JSX.Element) & { + requiresFill?: boolean; +}; + +export const TailwindIcon: IconType = (props) => { + return ( + + ); +}; + +export const GitHubIcon: IconType = ({ height = 28, ...props }) => { + return ( + + ); +}; + +export const DockerIcon: IconType = ({ height = 28, ...props }) => { + return ( + + + + + + ); +}; + +export const RectangleGroupIcon: IconType = (props) => { + return ( + + + + ); +}; + +export const FaceSmileIcon: IconType = (props) => { + return ( + + + + ); +}; + +export const RectangleStackIcon: IconType = (props) => { + return ( + + + + ); +}; + +export const JSIcon: IconType = (props) => { + return ( + + + + ); +}; + +JSIcon.requiresFill = true; + +export const TSIcon: IconType = (props) => { + return ( + + + + ); +}; + +TSIcon.requiresFill = true; + +export const CSSIcon: IconType = (props) => { + return ( + + + + ); +}; + +CSSIcon.requiresFill = true; -- cgit v1.2.3-70-g09d2