101 lines
3.0 KiB
TypeScript
101 lines
3.0 KiB
TypeScript
import * as React from "react";
|
|
|
|
import { IconSvgProps } from "./types";
|
|
|
|
export const MoonFilledIcon = ({
|
|
size = 24,
|
|
width,
|
|
height,
|
|
...props
|
|
}: IconSvgProps) => (
|
|
<svg
|
|
aria-hidden="true"
|
|
focusable="false"
|
|
height={size || height}
|
|
role="presentation"
|
|
viewBox="0 0 24 24"
|
|
width={size || width}
|
|
{...props}
|
|
>
|
|
<path
|
|
d="M21.53 15.93c-.16-.27-.61-.69-1.73-.49a8.46 8.46 0 01-1.88.13 8.409 8.409 0 01-5.91-2.82 8.068 8.068 0 01-1.44-8.66c.44-1.01.13-1.54-.09-1.76s-.77-.55-1.83-.11a10.318 10.318 0 00-6.32 10.21 10.475 10.475 0 007.04 8.99 10 10 0 002.89.55c.16.01.32.02.48.02a10.5 10.5 0 008.47-4.27c.67-.93.49-1.519.32-1.79z"
|
|
fill="currentColor"
|
|
/>
|
|
</svg>
|
|
);
|
|
|
|
export const SunFilledIcon = ({
|
|
size = 24,
|
|
width,
|
|
height,
|
|
...props
|
|
}: IconSvgProps) => (
|
|
<svg
|
|
aria-hidden="true"
|
|
focusable="false"
|
|
height={size || height}
|
|
role="presentation"
|
|
viewBox="0 0 24 24"
|
|
width={size || width}
|
|
{...props}
|
|
>
|
|
<g fill="currentColor">
|
|
<path d="M19 12a7 7 0 11-7-7 7 7 0 017 7z" />
|
|
<path d="M12 22.96a.969.969 0 01-1-.96v-.08a1 1 0 012 0 1.038 1.038 0 01-1 1.04zm7.14-2.82a1.024 1.024 0 01-.71-.29l-.13-.13a1 1 0 011.41-1.41l.13.13a1 1 0 010 1.41.984.984 0 01-.7.29zm-14.28 0a1.024 1.024 0 01-.71-.29 1 1 0 010-1.41l.13-.13a1 1 0 011.41 1.41l-.13.13a1 1 0 01-.7.29zM22 13h-.08a1 1 0 010-2 1.038 1.038 0 011.04 1 .969.969 0 01-.96 1zM2.08 13H2a1 1 0 010-2 1.038 1.038 0 011.04 1 .969.969 0 01-.96 1zm16.93-7.01a1.024 1.024 0 01-.71-.29 1 1 0 010-1.41l.13-.13a1 1 0 011.41 1.41l-.13.13a.984.984 0 01-.7.29zm-14.02 0a1.024 1.024 0 01-.71-.29l-.13-.14a1 1 0 011.41-1.41l.13.13a1 1 0 010 1.41.97.97 0 01-.7.3zM12 3.04a.969.969 0 01-1-.96V2a1 1 0 012 0 1.038 1.038 0 01-1 1.04z" />
|
|
</g>
|
|
</svg>
|
|
);
|
|
|
|
export const HeartFilledIcon = ({
|
|
size = 24,
|
|
width,
|
|
height,
|
|
...props
|
|
}: IconSvgProps) => (
|
|
<svg
|
|
aria-hidden="true"
|
|
focusable="false"
|
|
height={size || height}
|
|
role="presentation"
|
|
viewBox="0 0 24 24"
|
|
width={size || width}
|
|
{...props}
|
|
>
|
|
<path
|
|
d="M12.62 20.81c-.34.12-.9.12-1.24 0C8.48 19.82 2 15.69 2 8.69 2 5.6 4.49 3.1 7.56 3.1c1.82 0 3.43.88 4.44 2.24a5.53 5.53 0 0 1 4.44-2.24C19.51 3.1 22 5.6 22 8.69c0 7-6.48 11.13-9.38 12.12Z"
|
|
fill="currentColor"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
strokeWidth={1.5}
|
|
/>
|
|
</svg>
|
|
);
|
|
|
|
export const SearchIcon = (props: IconSvgProps) => (
|
|
<svg
|
|
aria-hidden="true"
|
|
fill="none"
|
|
focusable="false"
|
|
height="1em"
|
|
role="presentation"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
{...props}
|
|
>
|
|
<path
|
|
d="M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z"
|
|
stroke="currentColor"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
strokeWidth="2"
|
|
/>
|
|
<path
|
|
d="M22 22L20 20"
|
|
stroke="currentColor"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
strokeWidth="2"
|
|
/>
|
|
</svg>
|
|
);
|