feat(dashboard-v2): add upload-rellated icons
This commit is contained in:
Michał Leszczyk
parent
6063510056
commit
44331e93d6
|
|
@ -0,0 +1,18 @@
|
|||
import { withIconProps } from "../withIconProps";
|
||||
|
||||
export const CircledArrowUpIcon = withIconProps(({ size, ...props }) => (
|
||||
<svg
|
||||
width={size}
|
||||
height={size}
|
||||
viewBox="0 0 32 32"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
shapeRendering="geometricPrecision"
|
||||
{...props}
|
||||
>
|
||||
<circle cx="16" cy="16" r="15" fill="transparent" stroke="currentColor" strokeWidth="2" />
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M16.21,10.51a1,1,0,0,1,1.32.09l4.95,5L21.06,17l-3.29-3.32V23h-2V13.75L12.48,17,11.07,15.6l5-5Z"
|
||||
/>
|
||||
</svg>
|
||||
));
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
import { withIconProps } from "../withIconProps";
|
||||
|
||||
export const CircledCheckmarkIcon = withIconProps(({ size, ...props }) => (
|
||||
<svg
|
||||
width={size}
|
||||
height={size}
|
||||
viewBox="0 0 32 32"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
shapeRendering="geometricPrecision"
|
||||
{...props}
|
||||
>
|
||||
<circle cx="16" cy="16" r="15" fill="transparent" stroke="currentColor" strokeWidth="2" />
|
||||
<polygon
|
||||
fill="currentColor"
|
||||
points="22.45 11.19 23.86 12.61 14.44 22.03 9.69 17.28 11.1 15.86 14.44 19.2 22.45 11.19"
|
||||
/>
|
||||
</svg>
|
||||
));
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
import { withIconProps } from "../withIconProps";
|
||||
|
||||
export const CircledErrorIcon = withIconProps(({ size, ...props }) => (
|
||||
<svg
|
||||
width={size}
|
||||
height={size}
|
||||
viewBox="0 0 32 32"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
shapeRendering="geometricPrecision"
|
||||
{...props}
|
||||
>
|
||||
<circle cx="16" cy="16" r="15" fill="transparent" stroke="currentColor" strokeWidth="2" />
|
||||
<polygon
|
||||
fill="currentColor"
|
||||
fillRule="evenodd"
|
||||
points="21.72 10.25 23.14 11.66 18.19 16.61 23.14 21.56 21.72 22.98 16.77 18.02 11.82 22.98 10.41 21.56 15.36 16.61 10.41 11.66 11.82 10.25 16.77 15.2 21.72 10.25"
|
||||
/>
|
||||
</svg>
|
||||
));
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
import { withIconProps } from "../withIconProps";
|
||||
|
||||
export const CircledProgressIcon = withIconProps(({ size, ...props }) => (
|
||||
<svg
|
||||
width={size}
|
||||
height={size}
|
||||
viewBox="0 0 32 32"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
shapeRendering="geometricPrecision"
|
||||
{...props}
|
||||
>
|
||||
<circle cx="16" cy="16" r="15" fill="transparent" stroke="currentColor" strokeWidth="2" />
|
||||
<rect fill="currentColor" x="15" y="22" width="2" height="4" />
|
||||
<rect fill="currentColor" x="8.34" y="20.66" width="4" height="2" transform="translate(-12.28 13.66) rotate(-45)" />
|
||||
<rect fill="currentColor" x="20.66" y="19.66" width="2" height="4" transform="translate(-8.97 21.66) rotate(-45)" />
|
||||
<rect fill="currentColor" x="6" y="15" width="4" height="2" />
|
||||
<rect fill="currentColor" x="22" y="15" width="4" height="2" />
|
||||
<rect fill="currentColor" x="9.34" y="8.34" width="2" height="4" transform="translate(-4.28 10.34) rotate(-45)" />
|
||||
<rect fill="currentColor" x="19.66" y="9.34" width="4" height="2" transform="translate(-0.97 18.34) rotate(-45)" />
|
||||
<rect fill="currentColor" x="15" y="6" width="2" height="4" />
|
||||
</svg>
|
||||
));
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
import { withIconProps } from "../withIconProps";
|
||||
|
||||
export const FolderUploadIcon = withIconProps((props) => (
|
||||
<svg width="64" height="56" viewBox="0 0 64 56" xmlns="http://www.w3.org/2000/svg" {...props}>
|
||||
<g id="Layer_2" data-name="Layer 2">
|
||||
<g id="Layer_1-2" data-name="Layer 1">
|
||||
<path fill="#00c65e" fillRule="evenodd" d="M26.1,48.27V34H20.35L31,23,41.34,34H36V52Z" />
|
||||
<path
|
||||
fill="none"
|
||||
stroke="#222829"
|
||||
strokeWidth="2"
|
||||
strokeLinejoin="round"
|
||||
d="M27,56V34H21L32,23,43,34H37V56M32,33v2m0,2v2m0,2v2m0,2v2m0,2v2m0,2v2"
|
||||
/>
|
||||
<path
|
||||
fill="none"
|
||||
stroke="#222829"
|
||||
strokeWidth="2"
|
||||
d="M58,17H40m18,4H40M12,17h2m2,0h2m2,0h2M20,51H4M59,8V5H23L19,1H1V48a3,3,0,0,0,6,0V11H63V51H43.8"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
));
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
import { withIconProps } from "../withIconProps";
|
||||
|
||||
export const PlusIcon = withIconProps(({ size, ...props }) => (
|
||||
<svg
|
||||
width={size}
|
||||
height={size}
|
||||
viewBox="0 0 32 32"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
shapeRendering="geometricPrecision"
|
||||
{...props}
|
||||
>
|
||||
<path d="M18.67,0V13.33H32v5.34H18.67V32H13.33V18.67H0V13.33H13.33V0Z" fill="currentColor" />
|
||||
</svg>
|
||||
));
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
import { withIconProps } from "../withIconProps";
|
||||
|
||||
export const UploadIcon = withIconProps((props) => (
|
||||
<svg
|
||||
width="64"
|
||||
height="55"
|
||||
viewBox="0 0 64 55"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
x="0px"
|
||||
y="0px"
|
||||
shapeRendering="geometricPrecision"
|
||||
{...props}
|
||||
>
|
||||
<g>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenOdd"
|
||||
fill="#00C65E"
|
||||
d="M26.1,47.3V33h-5.7L31,22l10.3,11H36v18L26.1,47.3z"
|
||||
/>
|
||||
<g>
|
||||
<path
|
||||
fill="none"
|
||||
stroke="#0D0D0D"
|
||||
strokeWidth="2"
|
||||
d="M42,41h9c6.6,0,12-5.4,12-12c0-5.9-4-11-10-11c0-5-3-9-9-9h-1c-2.7-4.9-8-8-14-8c-8.8,0-16,7.2-16,16
|
||||
C6.4,17,1,22.4,1,29c0,6.6,5.4,12,12,12h9"
|
||||
/>
|
||||
<path fill="none" stroke="#0D0D0D" strokeWidth="2" d="M19,18c0-6.1,5-11,10-11" />
|
||||
<path
|
||||
fill="none"
|
||||
stroke="#0D0D0D"
|
||||
strokeWidth="2"
|
||||
strokeLinejoin="round"
|
||||
d="M26,55V33h-6l11-11l11,11h-6v22 M31,32v2 M31,36v2 M31,40v2 M31,44v2 M31,48v2 M31,52v2"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
));
|
||||
|
|
@ -4,3 +4,8 @@ export * from "./icons/LockClosedIcon";
|
|||
export * from "./icons/SkynetLogoIcon";
|
||||
export * from "./icons/ArrowRightIcon";
|
||||
export * from "./icons/InfoIcon";
|
||||
export * from "./icons/CircledCheckmarkIcon";
|
||||
export * from "./icons/CircledErrorIcon";
|
||||
export * from "./icons/CircledProgressIcon";
|
||||
export * from "./icons/CircledArrowUpIcon";
|
||||
export * from "./icons/PlusIcon";
|
||||
|
|
|
|||
Reference in New Issue