Created Card Sections

This commit is contained in:
aftabrehan
2024-02-02 10:05:16 +05:00
parent 71eb0dfed7
commit 637072301a
40 changed files with 2730 additions and 27 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View File

@@ -22,8 +22,10 @@ export default function RootLayout({
<html lang="en">
<body className={inter.className}>
<Header />
<main className="w-full min-h-[calc(100vh-144px)] mt-36">
<div className="w-full max-w-7xl mx-auto h-full">{children}</div>
<main className="w-full min-h-[calc(100vh-144px)] mt-36 bg-slate-50">
<div className="w-full max-w-[1432px] sm:max-w-[1464px] mx-auto h-full px-4 sm:px-8 py-8 sm:py-16">
{children}
</div>
</main>
<div
id="modal"

View File

@@ -1,6 +1,55 @@
import { SectionWrapper } from '@/components/section-wrapper'
import { Card } from '@/components/card'
import {
Carousel,
CarouselContent,
CarouselItem,
CarouselNext,
CarouselPrevious,
} from '@/components/carousel'
import {
BOOKMARK_CARDS,
CONVERT_FROM_PDF_CARDS,
CONVERT_TO_PDF_CARDS,
} from '@/constants/feature-list'
const Home = () => (
<div className="w-full h-full">
<p>Home Page</p>
<div className="w-full h-full flex flex-col items-center justify-center gap-8">
<SectionWrapper
title="Your Bookmarks"
childrenClass="grid grid-cols-1 xs:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3 sm:gap-6 px-4 pb-4 sm:pb-6"
>
{BOOKMARK_CARDS.map((item, i) => (
<Card key={i} {...item} />
))}
</SectionWrapper>
<SectionWrapper title="Covert from PDF" showAllButton>
<Carousel className="w-full">
<CarouselContent className="w-full mb-12 xs:mb-16 sm:mb-0 px-4 pb-4 sm:pb-6">
{CONVERT_FROM_PDF_CARDS.map((item, i) => (
<CarouselItem
key={i}
className="basis-1/1 xs:basis-1/2 md:basis-1/3 lg:basis-1/4 xl:basis-1/5"
>
<Card {...item} />
</CarouselItem>
))}
</CarouselContent>
<CarouselPrevious />
<CarouselNext />
</Carousel>
</SectionWrapper>
<SectionWrapper
title="Covert to PDF"
childrenClass="grid grid-cols-1 xs:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3 sm:gap-6 px-4 pb-4 sm:pb-6"
>
{CONVERT_TO_PDF_CARDS.map((item, i) => (
<Card key={i} {...item} />
))}
</SectionWrapper>
</div>
)

View File

@@ -1,30 +1,48 @@
import clsx from 'clsx'
interface buttonProps {
label: string
label?: string
onClick?: () => void
variant?: 'primary' | 'secondary'
variant?: 'primary' | 'secondary' | 'ghost' | 'outline'
icon?: React.ReactNode
className?: string
disabled?: boolean
ref?: React.ForwardedRef<HTMLButtonElement>
}
export const Button = ({
label,
onClick,
variant = 'primary',
icon,
className,
disabled,
ref,
...props
}: buttonProps) => {
const cls = {
primary: 'bg-primary text-white',
secondary: 'text-black hover:bg-zinc-100',
const variantCls = {
primary: 'text-white bg-primary hover:opacity-75',
secondary: 'text-black bg-zinc-100 hover:opacity-75',
ghost: 'text-black hover:bg-zinc-100 hover:opacity-75',
outline:
'text-black bg-white border-2 border-zinc-400 disabled:hover:border-zinc-400 sm:hover:border-primary',
}[variant]
return (
<button
ref={ref}
onClick={onClick}
disabled={disabled}
className={clsx(
'h-12 px-5 flex items-center justify-center text-base font-medium text-nowrap rounded-full hover:opacity-75 transition-all duration-200',
cls
'h-12 px-5 flex items-center justify-center gap-2 text-base font-medium text-nowrap rounded-full transition-all duration-200 disabled:opacity-50',
!disabled && 'group',
variantCls,
className
)}
{...props}
>
{label}
{icon}
</button>
)
}

33
components/card.tsx Normal file
View File

@@ -0,0 +1,33 @@
import Link from 'next/link'
import Image from 'next/image'
interface cardProps {
link: string
imageUrl: string
title: string
description: string
}
export const Card = ({ link, imageUrl, title, description }: cardProps) => (
<Link
href={link}
className="w-full sm:max-w-[300px] h-[156px] xs:h-[168px] sm:h-[200px] flex flex-col justify-start items-start gap-3 sm:gap-4 p-4 sm:p-6 bg-white rounded-xl border border-gray-200 hover:shadow-card transition-all duration-200"
>
<Image
alt={title}
src={imageUrl}
width={64}
height={64}
className="w-10 xs:w-12 sm:w-16 h-10 xs:h-12 sm:h-16"
/>
<div className="flex flex-col justify-start items-start gap-2 sm:gap-3">
<h2 className="text-black text-md xs:text-lg sm:text-xl font-bold">
{title}
</h2>
<p className="text-zinc-700 text-opacity-60 text-sm font-medium line-clamp-2">
{description}
</p>
</div>
</Link>
)

282
components/carousel.tsx Normal file
View File

@@ -0,0 +1,282 @@
'use client'
import * as React from 'react'
import clsx from 'clsx'
import useEmblaCarousel, {
type UseEmblaCarouselType,
} from 'embla-carousel-react'
import { Button } from '@/components/button'
import ArrowLeftIcon from '@/public/arrow-left.svg'
import ArrowRightIcon from '@/public/arrow-right.svg'
type CarouselApi = UseEmblaCarouselType[1]
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>
type CarouselOptions = UseCarouselParameters[0]
type CarouselPlugin = UseCarouselParameters[1]
type CarouselProps = {
opts?: CarouselOptions
plugins?: CarouselPlugin
orientation?: 'horizontal' | 'vertical'
setApi?: (api: CarouselApi) => void
}
type CarouselContextProps = {
carouselRef: ReturnType<typeof useEmblaCarousel>[0]
api: ReturnType<typeof useEmblaCarousel>[1]
scrollPrev: () => void
scrollNext: () => void
canScrollPrev: boolean
canScrollNext: boolean
} & CarouselProps
const CarouselContext = React.createContext<CarouselContextProps | null>(null)
const useCarousel = () => {
const context = React.useContext(CarouselContext)
if (!context) {
throw new Error('useCarousel must be used within a <Carousel />')
}
return context
}
const Carousel = React.forwardRef<
HTMLDivElement,
React.HTMLAttributes<HTMLDivElement> & CarouselProps
>(
(
{
orientation = 'horizontal',
opts,
setApi,
plugins,
className,
children,
...props
},
ref
) => {
const [carouselRef, api] = useEmblaCarousel(
{
...opts,
axis: orientation === 'horizontal' ? 'x' : 'y',
},
plugins
)
const [canScrollPrev, setCanScrollPrev] = React.useState(false)
const [canScrollNext, setCanScrollNext] = React.useState(false)
const onSelect = React.useCallback((api: CarouselApi) => {
if (!api) {
return
}
setCanScrollPrev(api.canScrollPrev())
setCanScrollNext(api.canScrollNext())
}, [])
const scrollPrev = React.useCallback(() => {
api?.scrollPrev()
}, [api])
const scrollNext = React.useCallback(() => {
api?.scrollNext()
}, [api])
const handleKeyDown = React.useCallback(
(event: React.KeyboardEvent<HTMLDivElement>) => {
if (event.key === 'ArrowLeft') {
event.preventDefault()
scrollPrev()
} else if (event.key === 'ArrowRight') {
event.preventDefault()
scrollNext()
}
},
[scrollPrev, scrollNext]
)
React.useEffect(() => {
if (!api || !setApi) {
return
}
setApi(api)
}, [api, setApi])
React.useEffect(() => {
if (!api) {
return
}
onSelect(api)
api.on('reInit', onSelect)
api.on('select', onSelect)
return () => {
api?.off('select', onSelect)
}
}, [api, onSelect])
return (
<CarouselContext.Provider
value={{
carouselRef,
api: api,
opts,
orientation:
orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),
scrollPrev,
scrollNext,
canScrollPrev,
canScrollNext,
}}
>
<div
ref={ref}
onKeyDownCapture={handleKeyDown}
className={clsx('relative', className)}
role="region"
aria-roledescription="carousel"
{...props}
>
{children}
</div>
</CarouselContext.Provider>
)
}
)
Carousel.displayName = 'Carousel'
const CarouselContent = React.forwardRef<
HTMLDivElement,
React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => {
const { carouselRef, orientation } = useCarousel()
return (
<div ref={carouselRef} className="overflow-hidden">
<div
ref={ref}
className={clsx(
'flex',
orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',
className
)}
{...props}
/>
</div>
)
})
CarouselContent.displayName = 'CarouselContent'
const CarouselItem = React.forwardRef<
HTMLDivElement,
React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => {
const { orientation } = useCarousel()
return (
<div
ref={ref}
role="group"
aria-roledescription="slide"
className={clsx(
'min-w-0 shrink-0 grow-0 basis-full',
orientation === 'horizontal' ? 'pl-4' : 'pt-4',
className
)}
{...props}
/>
)
})
CarouselItem.displayName = 'CarouselItem'
const CarouselPrevious = React.forwardRef<
HTMLButtonElement,
React.ComponentProps<typeof Button>
>(
(
{
className,
variant = 'outline',
icon = (
<ArrowLeftIcon className="stroke-zinc-400 sm:group-hover:stroke-primary" />
),
...props
},
ref
) => {
const { orientation, scrollPrev, canScrollPrev } = useCarousel()
return (
<Button
ref={ref}
variant={variant}
className={clsx(
'absolute w-9 sm:w-11 h-9 sm:h-11 !p-0 rounded-full',
orientation === 'horizontal'
? 'left-4 xs:hover:left-3 sm:-left-2 sm:hover:-left-3 md:-left-3 md:hover:-left-4 top-[90%] sm:top-[43%] -translate-y-[90%] sm:-translate-y-[43%]'
: '-top-12 left-1/2 -translate-x-1/2 rotate-90',
className
)}
disabled={!canScrollPrev}
onClick={scrollPrev}
icon={icon}
{...props}
/>
)
}
)
CarouselPrevious.displayName = 'CarouselPrevious'
const CarouselNext = React.forwardRef<
HTMLButtonElement,
React.ComponentProps<typeof Button>
>(
(
{
className,
variant = 'outline',
icon = (
<ArrowRightIcon className="stroke-zinc-400 sm:group-hover:stroke-primary" />
),
...props
},
ref
) => {
const { orientation, scrollNext, canScrollNext } = useCarousel()
return (
<Button
ref={ref}
variant={variant}
className={clsx(
'absolute w-9 sm:w-11 h-9 sm:h-11 !p-0 rounded-full',
orientation === 'horizontal'
? 'right-4 xs:hover:right-3 sm:-right-2 sm:hover:-right-3 md:-right-3 md:hover:-right-4 top-[90%] sm:top-[43%] -translate-y-[90%] sm:-translate-y-[43%]'
: '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',
className
)}
disabled={!canScrollNext}
onClick={scrollNext}
icon={icon}
{...props}
/>
)
}
)
CarouselNext.displayName = 'CarouselNext'
export {
type CarouselApi,
Carousel,
CarouselContent,
CarouselItem,
CarouselPrevious,
CarouselNext,
}

View File

@@ -1,6 +1,6 @@
export const Footer = () => (
// TODO: remove dummy height min-h-[600px]
<footer className="w-full min-h-[600px] bg-gray-100">
<div className="w-full max-w-7xl mx-auto">Footer</div>
<div className="w-full max-w-[1400px] mx-auto">Footer</div>
</footer>
)

View File

@@ -4,11 +4,11 @@ import Image from 'next/image'
import { Searchbar } from '@/components/search-bar'
import { Button } from '@/components/button'
import { Navbar } from '@/components/navbar'
import { MobileNav } from '@/components/MobileNav'
import { MobileNav } from '@/components/mobile-nav'
export const Header = () => (
<header className="w-full h-36 fixed top-0 shadow-header px-4 pt-4 sm:pt-6 bg-white">
<div className="w-full max-w-7xl mx-auto flex flex-col items-center justify-center gap-4 sm:gap-4 md:gap-6">
<header className="w-full h-36 fixed top-0 shadow-header px-4 sm:px-6 pt-4 sm:pt-6 bg-white z-10">
<div className="w-full max-w-[1400px] mx-auto flex flex-col items-center justify-center gap-4 sm:gap-4 md:gap-6">
<div className="w-full flex items-center justify-between">
<Link href="/" className="overflow-hidden">
<Image
@@ -23,7 +23,7 @@ export const Header = () => (
<Searchbar className="hidden sm:flex" />
<div className="flex items-center justify-center gap-2">
<Button label="Login" variant="secondary" />
<Button label="Login" variant="ghost" />
<Button label="Sign up" />
</div>
</div>

View File

@@ -0,0 +1,32 @@
import { Button } from '@/components/button'
import AngleRightIcon from '@/public/angle-right.svg'
interface sectionWraperProps {
title: string
showAllButton?: boolean
children: React.ReactNode
childrenClass?: string
}
export const SectionWrapper = ({
title,
showAllButton,
children,
childrenClass,
}: sectionWraperProps) => (
<section className="w-full flex flex-col px-0 xs:px-2 sm:px-4 md:px-6 py-0 sm:py-2 md:py-4 bg-white rounded-3xl">
<div className="flex items-center justify-between px-4 py-4 sm:py-6 gap-2">
<h1 className={'text-black text-xl sm:text-3xl font-bold'}>{title}</h1>
{showAllButton && (
<Button
label="All"
variant="secondary"
icon={<AngleRightIcon />}
className="hidden sm:flex"
/>
)}
</div>
<div className={childrenClass}>{children}</div>
</section>
)

View File

@@ -0,0 +1,143 @@
export const BOOKMARK_CARDS = [
{
link: '/',
imageUrl: '/feature/edit-pdf.svg',
title: 'Edit PDF',
description: 'Use the best online tool to edit PDFs in your browser.',
},
{
link: '/',
imageUrl: '/feature/crop-pdf.svg',
title: 'Crop PDF',
description:
'Crop PDF online to a selected area, adjust margin size swiftly.',
},
{
link: '/',
imageUrl: '/feature/replace-text-pdf.svg',
title: 'Replace Text',
description: 'The easiest way to replace text online.',
},
{
link: '/',
imageUrl: '/feature/rotate-pdf.svg',
title: 'Rotate PDF',
description: 'Rotate and save your PDF pages online for free.',
},
]
export const CONVERT_FROM_PDF_CARDS = [
{
link: '/',
imageUrl: '/feature/pdf-word.svg',
title: 'PDF to Word',
description: 'Easily convert PDF to Word document.',
},
{
link: '/',
imageUrl: '/feature/pdf-ppt.svg',
title: 'PDF to PPT',
description: 'Convert PDF to Powerpoint online.',
},
{
link: '/',
imageUrl: '/feature/pdf-excel.svg',
title: 'PDF to Excel',
description: 'Convert PDF to xls for free.',
},
{
link: '/',
imageUrl: '/feature/pdf-jpg.svg',
title: 'PDF to JPG',
description:
'Convert PDF files to a set of optimized JPG, PNG, BMP, GIF or TIFF images.',
},
{
link: '/',
imageUrl: '/feature/pdf-txt.svg',
title: 'PDF to TXT',
description: 'Convert your PDF to TXT, and extract text from your PDF.',
},
{
link: '/',
imageUrl: '/feature/pdf-rtx.svg',
title: 'PDF to RTF',
description: 'Convert PDF to RTF online and free.',
},
{
link: '/',
imageUrl: '/feature/pdf-pages.svg',
title: 'PDF to Pages',
description: 'Convert PDF to Pages on Mac and Windows.',
},
{
link: '/',
imageUrl: '/feature/pdf-html.svg',
title: 'PDF to HTML',
description: 'Convert your PDF documents to HTML web page.',
},
{
link: '/',
imageUrl: '/feature/pdf-dxf.svg',
title: 'PDF to DXF',
description: 'The best online tool to convert PDF to DXF online.',
},
{
link: '/',
imageUrl: '/feature/pdf-epub.svg',
title: 'PDF to EPUB',
description: 'Convert PDF file to EPUB ebook.',
},
{
link: '/',
imageUrl: '/feature/ocr.svg',
title: 'OCR',
description:
'Convert your scanned PDFs and images into editable Word, Excel, and PPT.',
},
]
export const CONVERT_TO_PDF_CARDS = [
{
link: '/',
imageUrl: '/feature/word-pdf.svg',
title: 'Word to PDF',
description: 'The best Word to PDF converter online.',
},
{
link: '/',
imageUrl: '/feature/ppt-pdf.svg',
title: 'PPT to PDF',
description: 'Convert Powerpoint to PDF online.',
},
{
link: '/',
imageUrl: '/feature/excel-pdf.svg',
title: 'Excel to PDF',
description: 'Easily Convert Excel spreadsheet to PDF.',
},
{
link: '/',
imageUrl: '/feature/jpg-pdf.svg',
title: 'JPG to PDF',
description: 'Convert JPG, PNG, BMP, GIF and TIFF images to PDF.',
},
{
link: '/',
imageUrl: '/feature/image-in-txt.svg',
title: 'TXT to PDF',
description: 'Convert TXT to PDF online for free.',
},
{
link: '/',
imageUrl: '/feature/image-in-rtx.svg',
title: 'RTF to PDF',
description: 'Convert RTF file to PDF online for free.',
},
{
link: '/',
imageUrl: '/feature/excel-pub.svg',
title: 'PUB to PDF',
description: 'Convert Publisher to PDF document.',
},
]

View File

@@ -1,4 +1,11 @@
/** @type {import('next').NextConfig} */
const nextConfig = {};
export default nextConfig;
const nextConfig = {
reactStrictMode: true,
webpack: config => {
config.module.rules.push({ test: /\.svg$/i, use: ['@svgr/webpack'] })
return config
},
}
export default nextConfig

View File

@@ -9,7 +9,9 @@
"lint": "next lint"
},
"dependencies": {
"@svgr/webpack": "^8.1.0",
"clsx": "^2.1.0",
"embla-carousel-react": "^8.0.0-rc22",
"next": "14.1.0",
"react": "^18",
"react-dom": "^18"

3
public/angle-right.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.89942 11.0173C3.77855 11.0132 3.65972 10.9846 3.55039 10.9329C3.44099 10.8813 3.3433 10.808 3.26327 10.7172C3.09469 10.5485 3 10.3197 3 10.0811C3 9.84258 3.09469 9.61368 3.26327 9.44492L6.86418 5.844L3.26327 2.24311C3.19207 2.07026 3.17644 1.87953 3.21857 1.69738C3.26069 1.51524 3.35848 1.35073 3.49835 1.22669C3.63824 1.10265 3.81324 1.02524 3.99917 1.00519C4.18498 0.985145 4.37246 1.02347 4.53559 1.11483L8.73665 5.31587C8.9053 5.48475 9 5.71353 9 5.95203C9 6.19065 8.9053 6.41943 8.73665 6.58819L4.53559 10.7172C4.45553 10.808 4.35782 10.8813 4.24847 10.9329C4.13912 10.9846 4.02029 11.0132 3.89942 11.0173Z" fill="black"/>
</svg>

After

Width:  |  Height:  |  Size: 744 B

3
public/arrow-left.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 12.0033H22M2 12.0033L10.3333 3.66992M2 12.0033L10.3333 20.3366" stroke="" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 255 B

3
public/arrow-right.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 12.0033H2M22 12.0033L13.6667 3.66992M22 12.0033L13.6667 20.3366" stroke="" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 257 B

View File

@@ -0,0 +1,59 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M52 13C52 10.7909 50.2091 9 48 9H16C13.7909 9 12 10.7909 12 13V50C12 52.2091 13.7909 54 16 54H48C50.2091 54 52 52.2091 52 50V13Z" fill="#FB703F"/>
<path d="M12 50C12 52.2091 13.7909 54 16 54H48C50.2091 54 52 52.2091 52 50V39H12V50Z" fill="#FB622B"/>
<path d="M12 13C12 10.7909 13.7909 9 16 9H48C50.2091 9 52 10.7909 52 13V24H12V13Z" fill="#FB865D"/>
<g filter="url(#filter0_d_1029_9505)">
<path d="M44 40H48" stroke="white" stroke-width="3"/>
</g>
<g filter="url(#filter1_d_1029_9505)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 20.5H24.5V23.5H16V20.5Z" fill="white"/>
</g>
<g filter="url(#filter2_d_1029_9505)">
<path d="M23 14V40H40" stroke="white" stroke-width="3"/>
</g>
<g filter="url(#filter3_d_1029_9505)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M39.5 20.5H26V23.5H39.5V48H42.5V23.5V20.5H39.5Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_1029_9505" x="41" y="36.5" width="10" height="9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.627451 0 0 0 0 0.294118 0 0 0 0 0.172549 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9505"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9505" result="shape"/>
</filter>
<filter id="filter1_d_1029_9505" x="13" y="18.5" width="14.5" height="9" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.627451 0 0 0 0 0.294118 0 0 0 0 0.172549 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9505"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9505" result="shape"/>
</filter>
<filter id="filter2_d_1029_9505" x="18.5" y="12" width="24.5" height="33.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.627451 0 0 0 0 0.294118 0 0 0 0 0.172549 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9505"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9505" result="shape"/>
</filter>
<filter id="filter3_d_1029_9505" x="23" y="18.5" width="22.5" height="33.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.627451 0 0 0 0 0.294118 0 0 0 0 0.172549 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9505"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9505" result="shape"/>
</filter>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 3.7 KiB

View File

@@ -0,0 +1,23 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50 14C50 11.7909 48.2091 10 46 10H14C11.7909 10 10 11.7909 10 14V51C10 53.2091 11.7909 55 14 55H46C48.2091 55 50 53.2091 50 51V14Z" fill="#FB703F"/>
<path d="M50 40H10V51C10 53.2091 11.7909 55 14 55H46C48.2091 55 50 53.2091 50 51V40Z" fill="#FB622B"/>
<path d="M50 14C50 11.7909 48.2091 10 46 10H14C11.7909 10 10 11.7909 10 14V25H50V14Z" fill="#FB875D"/>
<path d="M25.0087 26.4961C25.0084 28.4313 23.4395 30 21.5043 30C19.5689 30 18 28.4041 18 26.4687C18 24.5038 19.5926 22.8834 21.5575 22.8828L26.0142 22.8814C26.0261 22.8814 26.0357 22.891 26.0357 22.9028C26.0357 22.9127 26.0289 22.9213 26.0193 22.9238C25.4386 23.0725 25.009 23.6063 25.009 24.2425L25.0087 26.4961Z" fill="white" fill-opacity="0.8"/>
<path d="M18 18.5593C18 20.5251 19.5936 22.1186 21.5593 22.1186H28.5032C30.4689 22.1186 32.0625 20.5251 32.0625 18.5593C32.0625 16.5936 30.4689 15 28.5032 15H21.5593C19.5936 15 18 16.5936 18 18.5593Z" fill="white" fill-opacity="0.8"/>
<path d="M42 45H21C19.6193 45 18.5 43.8807 18.5 42.5V42.5C18.5 41.1193 19.6193 40 21 40H35.2391C36.6198 40 37.7391 38.8807 37.7391 37.5V37.5C37.7391 36.1193 36.6198 35 35.2391 35H18.5" stroke="white" stroke-width="2" stroke-linecap="round"/>
<g filter="url(#filter0_d_1029_9354)">
<path d="M54.2029 28.7678C55.1792 27.7915 56.7622 27.7915 57.7385 28.7678C58.7148 29.7441 58.7148 31.327 57.7385 32.3033L46.1753 43.8665C45.6452 44.3966 44.9768 44.7671 44.2463 44.9356L42.3269 45.3786C41.6069 45.5447 40.9615 44.8994 41.1277 44.1793L41.5706 42.2599C41.7392 41.5295 42.1096 40.8611 42.6397 40.331L54.2029 28.7678Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_1029_9354" x="38.1011" y="26.0355" width="23.3696" height="23.3694" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.629362 0 0 0 0 0.292761 0 0 0 0 0.17379 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9354"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9354" result="shape"/>
</filter>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@@ -0,0 +1,26 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 10C10 7.79086 11.7909 6 14 6H46C48.2091 6 50 7.79086 50 10V47C50 49.2091 48.2091 51 46 51H14C11.7909 51 10 49.2091 10 47V10Z" fill="#2FBA6C"/>
<path d="M10 36H50V47C50 49.2091 48.2091 51 46 51H14C11.7909 51 10 49.2091 10 47V36Z" fill="#2CAD65"/>
<path d="M10 10C10 7.79086 11.7909 6 14 6H46C48.2091 6 50 7.79086 50 10V21H10V10Z" fill="#32C773"/>
<path d="M36 30L30 22M24 14L30 22M30 22L36 14M30 22L24 30" stroke="white" stroke-width="4.57143" stroke-linecap="round" stroke-linejoin="round"/>
<g filter="url(#filter0_d_1029_9591)">
<path d="M33 38C33 35.7909 34.7909 34 37 34H53C55.2091 34 57 35.7909 57 38V54C57 56.2091 55.2091 58 53 58H37C34.7909 58 33 56.2091 33 54V38Z" fill="url(#paint0_linear_1029_9591)"/>
</g>
<path d="M52.0318 47.0322L47.9995 43M52.0318 47.0322L47.9995 51M52.0318 47.0322L41.0317 47.0322C39.9272 47.0322 39.0317 46.1368 39.0317 45.0322L39.0317 41" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<filter id="filter0_d_1029_9591" x="30" y="32" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.114423 0 0 0 0 0.51 0 0 0 0 0.287692 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9591"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9591" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1029_9591" x1="45" y1="34" x2="45" y2="58" gradientUnits="userSpaceOnUse">
<stop stop-color="#34CD78"/>
<stop offset="1" stop-color="#229956"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -0,0 +1,26 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 10C10 7.79086 11.7909 6 14 6H46C48.2091 6 50 7.79086 50 10V47C50 49.2091 48.2091 51 46 51H14C11.7909 51 10 49.2091 10 47V10Z" fill="#2FBA6C"/>
<path d="M10 36H50V47C50 49.2091 48.2091 51 46 51H14C11.7909 51 10 49.2091 10 47V36Z" fill="#2CAD65"/>
<path d="M10 10C10 7.79086 11.7909 6 14 6H46C48.2091 6 50 7.79086 50 10V21H10V10Z" fill="#32C773"/>
<g filter="url(#filter0_d_1029_9598)">
<path d="M33 38C33 35.7909 34.7909 34 37 34H53C55.2091 34 57 35.7909 57 38V54C57 56.2091 55.2091 58 53 58H37C34.7909 58 33 56.2091 33 54V38Z" fill="url(#paint0_linear_1029_9598)"/>
</g>
<path d="M52.0318 47.0322L47.9995 43M52.0318 47.0322L47.9995 51M52.0318 47.0322L41.0317 47.0322C39.9272 47.0322 39.0317 46.1368 39.0317 45.0322L39.0317 41" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20.0796 16.752C20.8916 16.752 21.601 16.892 22.2076 17.172C22.8143 17.452 23.281 17.8487 23.6076 18.362C23.9436 18.866 24.1116 19.4587 24.1116 20.14C24.1116 20.812 23.9436 21.4047 23.6076 21.918C23.281 22.422 22.8143 22.814 22.2076 23.094C21.601 23.3647 20.8916 23.5 20.0796 23.5H18.5816V27H16.5516V16.752H20.0796ZM19.8556 21.778C20.4903 21.778 20.999 21.6427 21.3816 21.372C21.7643 21.092 21.9556 20.6813 21.9556 20.14C21.9556 19.5987 21.7643 19.188 21.3816 18.908C20.999 18.6187 20.4903 18.474 19.8556 18.474H18.5816V21.778H19.8556ZM32.0177 16.752H34.0477V22.856C34.0477 23.7333 33.875 24.4987 33.5297 25.152C33.1844 25.796 32.685 26.2953 32.0317 26.65C31.3784 26.9953 30.6037 27.168 29.7077 27.168C28.8024 27.168 28.023 26.9953 27.3697 26.65C26.7164 26.2953 26.217 25.796 25.8717 25.152C25.5264 24.4987 25.3537 23.7333 25.3537 22.856V16.752H27.3837V22.366C27.3837 23.3553 27.5844 24.0927 27.9857 24.578C28.3964 25.0633 28.9704 25.306 29.7077 25.306C30.4357 25.306 31.0004 25.0633 31.4017 24.578C31.8124 24.0927 32.0177 23.3553 32.0177 22.366V16.752ZM42.3467 21.68C43.4761 22.0813 44.0407 22.87 44.0407 24.046C44.0407 24.97 43.7001 25.6933 43.0187 26.216C42.3467 26.7387 41.3994 27 40.1767 27H36.0887V16.752H39.7987C40.8907 16.752 41.7774 17.004 42.4587 17.508C43.1494 18.0027 43.4947 18.7027 43.4947 19.608C43.4947 20.5507 43.1121 21.2413 42.3467 21.68ZM38.0767 18.516V20.938H39.6027C40.1534 20.938 40.5874 20.826 40.9047 20.602C41.2314 20.3687 41.3947 20.0607 41.3947 19.678C41.3947 19.3047 41.2361 19.02 40.9187 18.824C40.6014 18.6187 40.1627 18.516 39.6027 18.516H38.0767ZM40.0087 25.236C40.6247 25.236 41.0961 25.124 41.4227 24.9C41.7587 24.676 41.9267 24.3587 41.9267 23.948C41.9267 23.5373 41.7587 23.2153 41.4227 22.982C41.0961 22.7487 40.6201 22.632 39.9947 22.632H38.0767V25.236H40.0087Z" fill="white"/>
<defs>
<filter id="filter0_d_1029_9598" x="30" y="32" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.114423 0 0 0 0 0.51 0 0 0 0 0.287692 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9598"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9598" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1029_9598" x1="45" y1="34" x2="45" y2="58" gradientUnits="userSpaceOnUse">
<stop stop-color="#34CD78"/>
<stop offset="1" stop-color="#229956"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@@ -0,0 +1,26 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50 11C50 8.79086 48.2091 7 46 7H14C11.7909 7 10 8.79086 10 11V48C10 50.2091 11.7909 52 14 52H46C48.2091 52 50 50.2091 50 48V11Z" fill="#2DB49B"/>
<path d="M10 11C10 8.79086 11.7909 7 14 7H46C48.2091 7 50 8.79086 50 11V22H10V11Z" fill="#30C0A8"/>
<path d="M10 48C10 50.2091 11.7909 52 14 52H46C48.2091 52 50 50.2091 50 48V37H10V48Z" fill="#2AAA93"/>
<g filter="url(#filter0_d_1029_9456)">
<path d="M34 38C34 35.7909 35.7909 34 38 34H54C56.2091 34 58 35.7909 58 38V54C58 56.2091 56.2091 58 54 58H38C35.7909 58 34 56.2091 34 54V38Z" fill="url(#paint0_linear_1029_9456)"/>
</g>
<path d="M53.0318 47.0322L48.9995 43M53.0318 47.0322L48.9995 51M53.0318 47.0322L42.0317 47.0322C40.9272 47.0322 40.0317 46.1368 40.0317 45.0322L40.0317 41" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.6564 27L24.2344 26.986L21.7424 23.304H21.6584H20.1744V27H18.1444V16.752H21.6864C22.4891 16.752 23.1937 16.8873 23.8004 17.158C24.4071 17.4287 24.8737 17.816 25.2004 18.32C25.5271 18.8147 25.6904 19.384 25.6904 20.028C25.6904 20.6813 25.5224 21.2553 25.1864 21.75C24.8504 22.2447 24.3791 22.6227 23.7724 22.884L26.6564 27ZM20.1744 18.474V21.582H21.4484C22.0457 21.582 22.5404 21.456 22.9324 21.204C23.3337 20.9427 23.5344 20.5507 23.5344 20.028C23.5344 19.496 23.3384 19.104 22.9464 18.852C22.5544 18.6 22.0551 18.474 21.4484 18.474H20.1744ZM26.4343 16.752H34.6943V18.558H31.5863V27H29.5423V18.558H26.4343V16.752ZM35.9042 16.752H42.5822V18.53H37.9342V21.148H42.0922V22.912H37.9342V27H35.9042V16.752Z" fill="white"/>
<defs>
<filter id="filter0_d_1029_9456" x="30" y="30" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.114423 0 0 0 0 0.51 0 0 0 0 0.287692 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9456"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9456" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1029_9456" x1="46" y1="34" x2="46" y2="58" gradientUnits="userSpaceOnUse">
<stop offset="0.0610702" stop-color="#2DCDB0"/>
<stop offset="1" stop-color="#1D8E7A"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@@ -0,0 +1,26 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50 11C50 8.79086 48.2091 7 46 7H14C11.7909 7 10 8.79086 10 11V48C10 50.2091 11.7909 52 14 52H46C48.2091 52 50 50.2091 50 48V11Z" fill="#FF901F"/>
<path d="M10 11C10 8.79086 11.7909 7 14 7H46C48.2091 7 50 8.79086 50 11V22H10V11Z" fill="#FF9E3B"/>
<path d="M10 48C10 50.2091 11.7909 52 14 52H46C48.2091 52 50 50.2091 50 48V37H10V48Z" fill="#F28514"/>
<g filter="url(#filter0_d_1029_9440)">
<path d="M34 38C34 35.7909 35.7909 34 38 34H54C56.2091 34 58 35.7909 58 38V54C58 56.2091 56.2091 58 54 58H38C35.7909 58 34 56.2091 34 54V38Z" fill="url(#paint0_linear_1029_9440)"/>
</g>
<path d="M53.0318 47.0322L48.9995 43M53.0318 47.0322L48.9995 51M53.0318 47.0322L42.0317 47.0322C40.9272 47.0322 40.0317 46.1368 40.0317 45.0322L40.0317 41" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.6042 16.752H24.8642V18.558H21.7562V27H19.7122V18.558H16.6042V16.752ZM34.7681 16.752L31.1701 21.75L34.9361 27H32.4161L29.9241 23.402L27.4181 27H25.0661L28.8181 21.792L25.2341 16.752H27.7121L30.0641 20.14L32.4161 16.752H34.7681ZM35.1159 16.752H43.3759V18.558H40.2679V27H38.2239V18.558H35.1159V16.752Z" fill="white"/>
<defs>
<filter id="filter0_d_1029_9440" x="31" y="31" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.960784 0 0 0 0 0.505882 0 0 0 0 0.0392157 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9440"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9440" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1029_9440" x1="46" y1="34" x2="46" y2="58" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF9120"/>
<stop offset="1" stop-color="#E67500"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,26 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50 10C50 7.79086 48.2091 6 46 6H14C11.7909 6 10 7.79086 10 10V47C10 49.2091 11.7909 51 14 51H46C48.2091 51 50 49.2091 50 47V10Z" fill="#2DB49B"/>
<path d="M10 10C10 7.79086 11.7909 6 14 6H46C48.2091 6 50 7.79086 50 10V21H10V10Z" fill="#30C0A8"/>
<path d="M10 47C10 49.2091 11.7909 51 14 51H46C48.2091 51 50 49.2091 50 47V36H10V47Z" fill="#2AAA93"/>
<g filter="url(#filter0_d_1029_9408)">
<path d="M34 38C34 35.7909 35.7909 34 38 34H54C56.2091 34 58 35.7909 58 38V54C58 56.2091 56.2091 58 54 58H38C35.7909 58 34 56.2091 34 54V38Z" fill="url(#paint0_linear_1029_9408)"/>
</g>
<path d="M53.0318 47.0322L48.9995 43M53.0318 47.0322L48.9995 51M53.0318 47.0322L42.0317 47.0322C40.9272 47.0322 40.0317 46.1368 40.0317 45.0322L40.0317 41" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20.3511 27.168C19.5951 27.168 18.9465 26.986 18.4051 26.622C17.8638 26.258 17.5045 25.7027 17.3271 24.956L19.0071 24.06C19.1191 24.48 19.2825 24.7927 19.4971 24.998C19.7211 25.2033 20.0105 25.306 20.3651 25.306C20.8318 25.306 21.1631 25.138 21.3591 24.802C21.5551 24.4567 21.6531 23.9247 21.6531 23.206V16.752H23.6831V23.402C23.6831 24.7367 23.3705 25.698 22.7451 26.286C22.1198 26.874 21.3218 27.168 20.3511 27.168ZM29.2613 16.752C30.0733 16.752 30.7826 16.892 31.3893 17.172C31.9959 17.452 32.4626 17.8487 32.7893 18.362C33.1253 18.866 33.2933 19.4587 33.2933 20.14C33.2933 20.812 33.1253 21.4047 32.7893 21.918C32.4626 22.422 31.9959 22.814 31.3893 23.094C30.7826 23.3647 30.0733 23.5 29.2613 23.5H27.7633V27H25.7333V16.752H29.2613ZM29.0373 21.778C29.6719 21.778 30.1806 21.6427 30.5633 21.372C30.9459 21.092 31.1373 20.6813 31.1373 20.14C31.1373 19.5987 30.9459 19.188 30.5633 18.908C30.1806 18.6187 29.6719 18.474 29.0373 18.474H27.7633V21.778H29.0373ZM39.1693 23.066V21.316H43.0893V25.488C42.772 26.0013 42.2633 26.412 41.5633 26.72C40.8727 27.0187 40.1073 27.168 39.2673 27.168C38.2687 27.168 37.382 26.944 36.6073 26.496C35.8327 26.048 35.2307 25.4227 34.8013 24.62C34.372 23.8173 34.1573 22.898 34.1573 21.862C34.1573 20.8167 34.3767 19.8927 34.8153 19.09C35.2633 18.2873 35.8747 17.6667 36.6493 17.228C37.424 16.7893 38.2827 16.57 39.2253 16.57C40.168 16.57 40.9847 16.7847 41.6753 17.214C42.3753 17.634 42.8467 18.1753 43.0893 18.838L41.4093 19.804C41.204 19.3747 40.91 19.0387 40.5273 18.796C40.1447 18.544 39.692 18.418 39.1693 18.418C38.6187 18.418 38.124 18.558 37.6853 18.838C37.2467 19.118 36.9013 19.5193 36.6493 20.042C36.3973 20.5647 36.2713 21.1713 36.2713 21.862C36.2713 22.5713 36.3973 23.1873 36.6493 23.71C36.9107 24.2327 37.2747 24.634 37.7413 24.914C38.2173 25.194 38.768 25.334 39.3933 25.334C40.1213 25.334 40.6907 25.1333 41.1013 24.732V23.066H39.1693Z" fill="white"/>
<defs>
<filter id="filter0_d_1029_9408" x="30" y="30" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.114423 0 0 0 0 0.51 0 0 0 0 0.287692 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9408"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9408" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1029_9408" x1="46" y1="34" x2="46" y2="58" gradientUnits="userSpaceOnUse">
<stop offset="0.0610702" stop-color="#2DCDB0"/>
<stop offset="1" stop-color="#1D8E7A"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 3.7 KiB

21
public/feature/ocr.svg Normal file
View File

@@ -0,0 +1,21 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M52 14C52 11.7909 50.2091 10 48 10H16C13.7909 10 12 11.7909 12 14V48C12 50.2091 13.7909 52 16 52H48C50.2091 52 52 50.2091 52 48V14Z" fill="#7860F0"/>
<path d="M12 48C12 50.2091 13.7909 52 16 52H48C50.2091 52 52 50.2091 52 48V38H12V48Z" fill="#6650D6"/>
<path d="M12 14C12 11.7909 13.7909 10 16 10H48C50.2091 10 52 11.7909 52 14V24H12V14Z" fill="#876FFE"/>
<path d="M41.6667 22.0001H32.3333M23 22.0001H32.3333M32.3333 22.0001V41.8335" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.8287 5.39988C19.8287 4.62668 19.2019 3.99988 18.4287 3.99988H11.6411C8.05623 3.99988 5.15015 6.90595 5.15015 10.4908V14.9999C5.15015 15.7731 5.77695 16.3999 6.55015 16.3999C7.32335 16.3999 7.95015 15.7731 7.95015 14.9999V10.4908C7.95015 8.45235 9.60262 6.79988 11.6411 6.79988H18.4287C19.2019 6.79988 19.8287 6.17308 19.8287 5.39988ZM19.8287 57.3999C19.8287 56.6267 19.2019 55.9999 18.4287 55.9999H11.6411C9.60262 55.9999 7.95015 54.3474 7.95015 52.309V47.7999C7.95015 47.0267 7.32335 46.3999 6.55015 46.3999C5.77695 46.3999 5.15015 47.0267 5.15015 47.7999V52.309C5.15015 55.8938 8.05623 58.7999 11.6411 58.7999H18.4287C19.2019 58.7999 19.8287 58.1731 19.8287 57.3999ZM45.5724 58.7999C44.7992 58.7999 44.1724 58.1731 44.1724 57.3999C44.1724 56.6267 44.7992 55.9999 45.5724 55.9999H52.3598C54.3982 55.9999 56.0507 54.3474 56.0507 52.309V47.7999C56.0507 47.0267 56.6775 46.3999 57.4507 46.3999C58.2239 46.3999 58.8507 47.0267 58.8507 47.7999V52.309C58.8507 55.8938 55.9446 58.7999 52.3598 58.7999H45.5724ZM45.5724 6.79988C44.7992 6.79988 44.1724 6.17308 44.1724 5.39988C44.1724 4.62668 44.7992 3.99988 45.5724 3.99988H52.3598C55.9446 3.99988 58.8507 6.90596 58.8507 10.4908V14.9999C58.8507 15.7731 58.2239 16.3999 57.4507 16.3999C56.6775 16.3999 56.0507 15.7731 56.0507 14.9999V10.4908C56.0507 8.45235 54.3982 6.79988 52.3598 6.79988H45.5724Z" fill="#A99AF6"/>
<g filter="url(#filter0_d_1029_9581)">
<path d="M2 31C2 29.8954 2.89543 29 4 29H60C61.1046 29 62 29.8954 62 31C62 32.1046 61.1046 33 60 33H4C2.89543 33 2 32.1046 2 31Z" fill="#A99AF6"/>
</g>
<defs>
<filter id="filter0_d_1029_9581" x="1.22222" y="29" width="61.5556" height="5.55556" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="0.777778"/>
<feGaussianBlur stdDeviation="0.388889"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.505882 0 0 0 0 0.411765 0 0 0 0 0.964706 0 0 0 0.4 0"/>
<feBlend mode="multiply" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9581"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9581" result="shape"/>
</filter>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

View File

@@ -0,0 +1,26 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M56 17C56 14.7909 54.2091 13 52 13H20C17.7909 13 16 14.7909 16 17V54C16 56.2091 17.7909 58 20 58H52C54.2091 58 56 56.2091 56 54V17Z" fill="#FB7545"/>
<path d="M56 43H16V54C16 56.2091 17.7909 58 20 58H52C54.2091 58 56 56.2091 56 54V43Z" fill="#FB622B"/>
<path d="M56 17C56 14.7909 54.2091 13 52 13H20C17.7909 13 16 14.7909 16 17V28H56V17Z" fill="#FB865D"/>
<g filter="url(#filter0_d_1029_9626)">
<path d="M8 10C8 7.79086 9.79086 6 12 6H28C30.2091 6 32 7.79086 32 10V26C32 28.2091 30.2091 30 28 30H12C9.79086 30 8 28.2091 8 26V10Z" fill="url(#paint0_linear_1029_9626)"/>
</g>
<path d="M27.0318 19.0322L22.9995 15M27.0318 19.0322L22.9995 23M27.0318 19.0322L16.0317 19.0322C14.9272 19.0322 14.0317 18.1368 14.0317 17.0322L14.0317 13" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.535 38.752C27.5337 38.752 28.4343 38.9527 29.237 39.354C30.049 39.7553 30.6883 40.3433 31.155 41.118C31.6217 41.8833 31.855 42.798 31.855 43.862C31.855 44.926 31.6217 45.8453 31.155 46.62C30.6883 47.3947 30.0537 47.9873 29.251 48.398C28.4483 48.7993 27.543 49 26.535 49H23.119V38.752H26.535ZM26.297 47.264C27.3983 47.264 28.243 46.97 28.831 46.382C29.419 45.794 29.713 44.954 29.713 43.862C29.713 42.7887 29.4143 41.958 28.817 41.37C28.229 40.7727 27.389 40.474 26.297 40.474H25.149V47.264H26.297ZM41.6158 38.752L38.0178 43.75L41.7838 49H39.2638L36.7718 45.402L34.2658 49H31.9138L35.6658 43.792L32.0818 38.752H34.5598L36.9118 42.14L39.2638 38.752H41.6158ZM42.9296 38.752H49.6076V40.53H44.9596V43.148H49.1176V44.912H44.9596V49H42.9296V38.752Z" fill="white"/>
<defs>
<filter id="filter0_d_1029_9626" x="5" y="4" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.854902 0 0 0 0 0.4 0 0 0 0 0.239216 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9626"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9626" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1029_9626" x1="19.5" y1="5.5" x2="19.5" y2="29.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF7C43"/>
<stop offset="1" stop-color="#E45623"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@@ -0,0 +1,26 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 17C16 14.7909 17.7909 13 20 13H52C54.2091 13 56 14.7909 56 17V54C56 56.2091 54.2091 58 52 58H20C17.7909 58 16 56.2091 16 54V17Z" fill="#2FBA6C"/>
<path d="M16 43H56V54C56 56.2091 54.2091 58 52 58H20C17.7909 58 16 56.2091 16 54V43Z" fill="#2CAD65"/>
<path d="M16 17C16 14.7909 17.7909 13 20 13H52C54.2091 13 56 14.7909 56 17V28H16V17Z" fill="#32C773"/>
<g filter="url(#filter0_d_1029_9612)">
<path d="M8 10C8 7.79086 9.79086 6 12 6H28C30.2091 6 32 7.79086 32 10V26C32 28.2091 30.2091 30 28 30H12C9.79086 30 8 28.2091 8 26V10Z" fill="url(#paint0_linear_1029_9612)"/>
</g>
<path d="M26.0318 19.0322L21.9995 15M26.0318 19.0322L21.9995 23M26.0318 19.0322L15.0317 19.0322C13.9272 19.0322 13.0317 18.1368 13.0317 17.0322L13.0317 13" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.6264 44.292H23.0624V46.476H27.1784V48H21.3224V39.216H27.0464V40.728H23.0624V42.792H26.6264V44.292ZM31.6472 39.216C32.3432 39.216 32.9512 39.336 33.4712 39.576C33.9912 39.816 34.3912 40.156 34.6712 40.596C34.9592 41.028 35.1032 41.536 35.1032 42.12C35.1032 42.696 34.9592 43.204 34.6712 43.644C34.3912 44.076 33.9912 44.412 33.4712 44.652C32.9512 44.884 32.3432 45 31.6472 45H30.3632V48H28.6232V39.216H31.6472ZM31.4552 43.524C31.9992 43.524 32.4352 43.408 32.7632 43.176C33.0912 42.936 33.2552 42.584 33.2552 42.12C33.2552 41.656 33.0912 41.304 32.7632 41.064C32.4352 40.816 31.9992 40.692 31.4552 40.692H30.3632V43.524H31.4552ZM41.8798 39.216H43.6198V44.448C43.6198 45.2 43.4718 45.856 43.1758 46.416C42.8798 46.968 42.4518 47.396 41.8918 47.7C41.3318 47.996 40.6678 48.144 39.8998 48.144C39.1238 48.144 38.4558 47.996 37.8958 47.7C37.3358 47.396 36.9078 46.968 36.6118 46.416C36.3158 45.856 36.1678 45.2 36.1678 44.448V39.216H37.9078V44.028C37.9078 44.876 38.0798 45.508 38.4238 45.924C38.7758 46.34 39.2678 46.548 39.8998 46.548C40.5238 46.548 41.0078 46.34 41.3518 45.924C41.7038 45.508 41.8798 44.876 41.8798 44.028V39.216ZM50.7333 43.44C51.7013 43.784 52.1853 44.46 52.1853 45.468C52.1853 46.26 51.8933 46.88 51.3093 47.328C50.7333 47.776 49.9213 48 48.8733 48H45.3693V39.216H48.5493C49.4853 39.216 50.2453 39.432 50.8293 39.864C51.4213 40.288 51.7173 40.888 51.7173 41.664C51.7173 42.472 51.3893 43.064 50.7333 43.44ZM47.0733 40.728V42.804H48.3813C48.8533 42.804 49.2253 42.708 49.4973 42.516C49.7773 42.316 49.9173 42.052 49.9173 41.724C49.9173 41.404 49.7813 41.16 49.5093 40.992C49.2373 40.816 48.8613 40.728 48.3813 40.728H47.0733ZM48.7293 46.488C49.2573 46.488 49.6613 46.392 49.9413 46.2C50.2293 46.008 50.3733 45.736 50.3733 45.384C50.3733 45.032 50.2293 44.756 49.9413 44.556C49.6613 44.356 49.2533 44.256 48.7173 44.256H47.0733V46.488H48.7293Z" fill="white"/>
<defs>
<filter id="filter0_d_1029_9612" x="5" y="4" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.114423 0 0 0 0 0.51 0 0 0 0 0.287692 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9612"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9612" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1029_9612" x1="20" y1="6" x2="20" y2="30" gradientUnits="userSpaceOnUse">
<stop stop-color="#34CD78"/>
<stop offset="1" stop-color="#229956"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@@ -0,0 +1,26 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 17C16 14.7909 17.7909 13 20 13H52C54.2091 13 56 14.7909 56 17V54C56 56.2091 54.2091 58 52 58H20C17.7909 58 16 56.2091 16 54V17Z" fill="#2FBA6C"/>
<path d="M16 43H56V54C56 56.2091 54.2091 58 52 58H20C17.7909 58 16 56.2091 16 54V43Z" fill="#2CAD65"/>
<path d="M16 17C16 14.7909 17.7909 13 20 13H52C54.2091 13 56 14.7909 56 17V28H16V17Z" fill="#32C773"/>
<g filter="url(#filter0_d_1029_9695)">
<path d="M8 10C8 7.79086 9.79086 6 12 6H28C30.2091 6 32 7.79086 32 10V26C32 28.2091 30.2091 30 28 30H12C9.79086 30 8 28.2091 8 26V10Z" fill="url(#paint0_linear_1029_9695)"/>
</g>
<path d="M26.0318 19.0322L21.9995 15M26.0318 19.0322L21.9995 23M26.0318 19.0322L15.0317 19.0322C13.9272 19.0322 13.0317 18.1368 13.0317 17.0322L13.0317 13" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M42 50L36 42M30 34L36 42M36 42L42 34M36 42L30 50" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<filter id="filter0_d_1029_9695" x="5" y="4" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.114423 0 0 0 0 0.51 0 0 0 0 0.287692 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9695"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9695" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1029_9695" x1="20" y1="6" x2="20" y2="30" gradientUnits="userSpaceOnUse">
<stop stop-color="#34CD78"/>
<stop offset="1" stop-color="#229956"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -0,0 +1,28 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 17C16 14.7909 17.7909 13 20 13H52C54.2091 13 56 14.7909 56 17V54C56 56.2091 54.2091 58 52 58H20C17.7909 58 16 56.2091 16 54V17Z" fill="#3B88FB"/>
<path d="M16 43H56V54C56 56.2091 54.2091 58 52 58H20C17.7909 58 16 56.2091 16 54V43Z" fill="#397EE5"/>
<path d="M16 17C16 14.7909 17.7909 13 20 13H52C54.2091 13 56 14.7909 56 17V28H16V17Z" fill="#4C92FF"/>
<path d="M30.8936 38.1379C30.8936 38.5809 30.6341 38.9829 30.2303 39.1654L23.6788 42.1255V42.2919L30.2303 45.252C30.6341 45.4344 30.8936 45.8364 30.8936 46.2795C30.8936 47.116 30.0147 47.6612 29.2653 47.2897L21.7802 43.5793C21.3023 43.3424 21 42.8551 21 42.3217V42.0957C21 41.5623 21.3023 41.075 21.7802 40.8381L29.2653 37.1277C30.0147 36.7561 30.8936 37.3014 30.8936 38.1379Z" fill="white"/>
<path d="M35.1917 49.9703C35.0656 50.496 34.5955 50.8667 34.0548 50.8667C33.2998 50.8667 32.7428 50.1618 32.9173 49.4273L36.873 32.7795C37.0001 32.2444 37.4781 31.8667 38.0281 31.8667C38.7959 31.8667 39.3618 32.5844 39.1827 33.3309L35.1917 49.9703Z" fill="white"/>
<path d="M41.7697 37.4815C41.366 37.2991 41.1065 36.8971 41.1065 36.454C41.1065 35.6175 41.9853 35.0723 42.7347 35.4438L50.2198 39.1543C50.6977 39.3912 51 39.8785 51 40.4119V40.6378C51 41.1712 50.6977 41.6585 50.2198 41.8954L42.7347 45.6059C41.9853 45.9774 41.1065 45.4322 41.1065 44.5957C41.1065 44.1526 41.3659 43.7506 41.7697 43.5682L48.2453 40.6423C48.2915 40.6215 48.3212 40.5755 48.3212 40.5248C48.3212 40.4742 48.2915 40.4282 48.2453 40.4074L41.7697 37.4815Z" fill="white"/>
<g filter="url(#filter0_d_1029_9689)">
<path d="M6 12C6 9.79086 7.79086 8 10 8H26C28.2091 8 30 9.79086 30 12V28C30 30.2091 28.2091 32 26 32H10C7.79086 32 6 30.2091 6 28V12Z" fill="url(#paint0_linear_1029_9689)"/>
</g>
<path d="M25.0318 21.0322L20.9995 17M25.0318 21.0322L20.9995 25M25.0318 21.0322L14.0317 21.0322C12.9272 21.0322 12.0317 20.1368 12.0317 19.0322L12.0317 15" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<filter id="filter0_d_1029_9689" x="3" y="6" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.120149 0 0 0 0 0.346717 0 0 0 0 0.69 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9689"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9689" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1029_9689" x1="18" y1="8" x2="18" y2="32" gradientUnits="userSpaceOnUse">
<stop stop-color="#3692E9"/>
<stop offset="1" stop-color="#2365C9"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

View File

@@ -0,0 +1,26 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M56 17C56 14.7909 54.2091 13 52 13H20C17.7909 13 16 14.7909 16 17V54C16 56.2091 17.7909 58 20 58H52C54.2091 58 56 56.2091 56 54V17Z" fill="#2DB49B"/>
<path d="M16 54C16 56.2091 17.7909 58 20 58H52C54.2091 58 56 56.2091 56 54V43H16V54Z" fill="#2AAA93"/>
<path d="M16 17C16 14.7909 17.7909 13 20 13H52C54.2091 13 56 14.7909 56 17V28H16V17Z" fill="#30C0A8"/>
<g filter="url(#filter0_d_1029_9498)">
<path d="M8 10C8 7.79086 9.79086 6 12 6H28C30.2091 6 32 7.79086 32 10V26C32 28.2091 30.2091 30 28 30H12C9.79086 30 8 28.2091 8 26V10Z" fill="url(#paint0_linear_1029_9498)"/>
</g>
<path d="M27.0318 19.0322L22.9995 15M27.0318 19.0322L22.9995 23M27.0318 19.0322L16.0317 19.0322C14.9272 19.0322 14.0317 18.1368 14.0317 17.0322L14.0317 13" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.3511 49.168C25.5951 49.168 24.9465 48.986 24.4051 48.622C23.8638 48.258 23.5045 47.7027 23.3271 46.956L25.0071 46.06C25.1191 46.48 25.2825 46.7927 25.4971 46.998C25.7211 47.2033 26.0105 47.306 26.3651 47.306C26.8318 47.306 27.1631 47.138 27.3591 46.802C27.5551 46.4567 27.6531 45.9247 27.6531 45.206V38.752H29.6831V45.402C29.6831 46.7367 29.3705 47.698 28.7451 48.286C28.1198 48.874 27.3218 49.168 26.3511 49.168ZM35.2613 38.752C36.0733 38.752 36.7826 38.892 37.3893 39.172C37.9959 39.452 38.4626 39.8487 38.7893 40.362C39.1253 40.866 39.2933 41.4587 39.2933 42.14C39.2933 42.812 39.1253 43.4047 38.7893 43.918C38.4626 44.422 37.9959 44.814 37.3893 45.094C36.7826 45.3647 36.0733 45.5 35.2613 45.5H33.7633V49H31.7333V38.752H35.2613ZM35.0373 43.778C35.6719 43.778 36.1806 43.6427 36.5633 43.372C36.9459 43.092 37.1373 42.6813 37.1373 42.14C37.1373 41.5987 36.9459 41.188 36.5633 40.908C36.1806 40.6187 35.6719 40.474 35.0373 40.474H33.7633V43.778H35.0373ZM45.1693 45.066V43.316H49.0893V47.488C48.772 48.0013 48.2633 48.412 47.5633 48.72C46.8727 49.0187 46.1073 49.168 45.2673 49.168C44.2687 49.168 43.382 48.944 42.6073 48.496C41.8327 48.048 41.2307 47.4227 40.8013 46.62C40.372 45.8173 40.1573 44.898 40.1573 43.862C40.1573 42.8167 40.3767 41.8927 40.8153 41.09C41.2633 40.2873 41.8747 39.6667 42.6493 39.228C43.424 38.7893 44.2827 38.57 45.2253 38.57C46.168 38.57 46.9847 38.7847 47.6753 39.214C48.3753 39.634 48.8467 40.1753 49.0893 40.838L47.4093 41.804C47.204 41.3747 46.91 41.0387 46.5273 40.796C46.1447 40.544 45.692 40.418 45.1693 40.418C44.6187 40.418 44.124 40.558 43.6853 40.838C43.2467 41.118 42.9013 41.5193 42.6493 42.042C42.3973 42.5647 42.2713 43.1713 42.2713 43.862C42.2713 44.5713 42.3973 45.1873 42.6493 45.71C42.9107 46.2327 43.2747 46.634 43.7413 46.914C44.2173 47.194 44.768 47.334 45.3933 47.334C46.1213 47.334 46.6907 47.1333 47.1013 46.732V45.066H45.1693Z" fill="white"/>
<defs>
<filter id="filter0_d_1029_9498" x="4" y="2" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.114423 0 0 0 0 0.51 0 0 0 0 0.287692 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9498"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9498" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1029_9498" x1="20" y1="6" x2="20" y2="30" gradientUnits="userSpaceOnUse">
<stop offset="0.0610702" stop-color="#2DCDB0"/>
<stop offset="1" stop-color="#1D8E7A"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 3.7 KiB

View File

@@ -0,0 +1,27 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M56 17C56 14.7909 54.2091 13 52 13H20C17.7909 13 16 14.7909 16 17V54C16 56.2091 17.7909 58 20 58H52C54.2091 58 56 56.2091 56 54V17Z" fill="#FF901F"/>
<path d="M16 54C16 56.2091 17.7909 58 20 58H52C54.2091 58 56 56.2091 56 54V43H16V54Z" fill="#F28514"/>
<path d="M16 17C16 14.7909 17.7909 13 20 13H52C54.2091 13 56 14.7909 56 17V28H16V17Z" fill="#FF9E3B"/>
<g filter="url(#filter0_d_1029_9538)">
<path d="M8 10C8 7.79086 9.79086 6 12 6H28C30.2091 6 32 7.79086 32 10V26C32 28.2091 30.2091 30 28 30H12C9.79086 30 8 28.2091 8 26V10Z" fill="url(#paint0_linear_1029_9538)"/>
</g>
<path d="M27.0318 19.0322L22.9995 15M27.0318 19.0322L22.9995 23M27.0318 19.0322L16.0317 19.0322C14.9272 19.0322 14.0317 18.1368 14.0317 17.0322L14.0317 13" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.2559 46.4447L27.1472 47.3238L26.0437 47.9665C25.9103 48.0453 25.7405 48.0211 25.6314 47.9119C25.5162 47.7967 25.498 47.6209 25.5829 47.4815L26.2559 46.4447ZM43.6207 27.9642L45.5609 29.8862L30.009 45.5776C29.6694 45.9232 29.2875 46.2203 28.8691 46.4629L27.4746 47.1844L26.4317 46.1476L27.1957 44.747C27.4443 44.365 27.7292 44.0073 28.0506 43.6859L43.6207 27.9642ZM48.0832 27.4246L45.9005 29.6255L43.9603 27.7035L46.143 25.5026C46.6766 24.969 47.5375 24.963 48.0711 25.4965C48.6107 26.024 48.6107 26.885 48.0832 27.4246Z" fill="white"/>
<path d="M56 49.0513V49.9001H25.4244C25.19 49.9001 25 49.7101 25 49.4757C25 49.2413 25.19 49.0513 25.4244 49.0513H56Z" fill="white"/>
<defs>
<filter id="filter0_d_1029_9538" x="5" y="3" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.960784 0 0 0 0 0.505882 0 0 0 0 0.0392157 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9538"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9538" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1029_9538" x1="20" y1="6" x2="20" y2="30" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF9120"/>
<stop offset="1" stop-color="#E67500"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@@ -0,0 +1,26 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M56 17C56 14.7909 54.2091 13 52 13H20C17.7909 13 16 14.7909 16 17V54C16 56.2091 17.7909 58 20 58H52C54.2091 58 56 56.2091 56 54V17Z" fill="#FB7545"/>
<path d="M56 43H16V54C16 56.2091 17.7909 58 20 58H52C54.2091 58 56 56.2091 56 54V43Z" fill="#FB622B"/>
<path d="M56 17C56 14.7909 54.2091 13 52 13H20C17.7909 13 16 14.7909 16 17V28H56V17Z" fill="#FB865D"/>
<path d="M31 50V42.5M31 42.5H40C42.2091 42.5 44 40.7091 44 38.5V38C44 35.7909 42.2091 34 40 34H31V39V42.5Z" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<g filter="url(#filter0_d_1029_9696)">
<path d="M8 10C8 7.79086 9.79086 6 12 6H28C30.2091 6 32 7.79086 32 10V26C32 28.2091 30.2091 30 28 30H12C9.79086 30 8 28.2091 8 26V10Z" fill="url(#paint0_linear_1029_9696)"/>
</g>
<path d="M27.0318 19.0322L22.9995 15M27.0318 19.0322L22.9995 23M27.0318 19.0322L16.0317 19.0322C14.9272 19.0322 14.0317 18.1368 14.0317 17.0322L14.0317 13" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<filter id="filter0_d_1029_9696" x="5" y="4" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.854902 0 0 0 0 0.4 0 0 0 0 0.239216 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9696"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9696" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1029_9696" x1="19.5" y1="5.5" x2="19.5" y2="29.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF7C43"/>
<stop offset="1" stop-color="#E45623"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@@ -0,0 +1,26 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M56 17C56 14.7909 54.2091 13 52 13H20C17.7909 13 16 14.7909 16 17V54C16 56.2091 17.7909 58 20 58H52C54.2091 58 56 56.2091 56 54V17Z" fill="#2DB49B"/>
<path d="M16 54C16 56.2091 17.7909 58 20 58H52C54.2091 58 56 56.2091 56 54V43H16V54Z" fill="#2AAA93"/>
<path d="M16 17C16 14.7909 17.7909 13 20 13H52C54.2091 13 56 14.7909 56 17V28H16V17Z" fill="#30C0A8"/>
<g filter="url(#filter0_d_1029_9491)">
<path d="M8 10C8 7.79086 9.79086 6 12 6H28C30.2091 6 32 7.79086 32 10V26C32 28.2091 30.2091 30 28 30H12C9.79086 30 8 28.2091 8 26V10Z" fill="url(#paint0_linear_1029_9491)"/>
</g>
<path d="M27.0318 19.0322L22.9995 15M27.0318 19.0322L22.9995 23M27.0318 19.0322L16.0317 19.0322C14.9272 19.0322 14.0317 18.1368 14.0317 17.0322L14.0317 13" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M32.6564 49L30.2344 48.986L27.7424 45.304H27.6584H26.1744V49H24.1444V38.752H27.6864C28.4891 38.752 29.1937 38.8873 29.8004 39.158C30.4071 39.4287 30.8737 39.816 31.2004 40.32C31.5271 40.8147 31.6904 41.384 31.6904 42.028C31.6904 42.6813 31.5224 43.2553 31.1864 43.75C30.8504 44.2447 30.3791 44.6227 29.7724 44.884L32.6564 49ZM26.1744 40.474V43.582H27.4484C28.0457 43.582 28.5404 43.456 28.9324 43.204C29.3337 42.9427 29.5344 42.5507 29.5344 42.028C29.5344 41.496 29.3384 41.104 28.9464 40.852C28.5544 40.6 28.0551 40.474 27.4484 40.474H26.1744ZM32.4343 38.752H40.6943V40.558H37.5863V49H35.5423V40.558H32.4343V38.752ZM41.9042 38.752H48.5822V40.53H43.9342V43.148H48.0922V44.912H43.9342V49H41.9042V38.752Z" fill="white"/>
<defs>
<filter id="filter0_d_1029_9491" x="4" y="2" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.114423 0 0 0 0 0.51 0 0 0 0 0.287692 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9491"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9491" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1029_9491" x1="20" y1="6" x2="20" y2="30" gradientUnits="userSpaceOnUse">
<stop offset="0.0610702" stop-color="#2DCDB0"/>
<stop offset="1" stop-color="#1D8E7A"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@@ -0,0 +1,26 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M56 17C56 14.7909 54.2091 13 52 13H20C17.7909 13 16 14.7909 16 17V54C16 56.2091 17.7909 58 20 58H52C54.2091 58 56 56.2091 56 54V17Z" fill="#FF901F"/>
<path d="M16 54C16 56.2091 17.7909 58 20 58H52C54.2091 58 56 56.2091 56 54V43H16V54Z" fill="#F28514"/>
<path d="M16 17C16 14.7909 17.7909 13 20 13H52C54.2091 13 56 14.7909 56 17V28H16V17Z" fill="#FF9E3B"/>
<g filter="url(#filter0_d_1029_9531)">
<path d="M8 10C8 7.79086 9.79086 6 12 6H28C30.2091 6 32 7.79086 32 10V26C32 28.2091 30.2091 30 28 30H12C9.79086 30 8 28.2091 8 26V10Z" fill="url(#paint0_linear_1029_9531)"/>
</g>
<path d="M27.0318 19.0322L22.9995 15M27.0318 19.0322L22.9995 23M27.0318 19.0322L16.0317 19.0322C14.9272 19.0322 14.0317 18.1368 14.0317 17.0322L14.0317 13" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.6042 38.752H30.8642V40.558H27.7562V49H25.7122V40.558H22.6042V38.752ZM40.7681 38.752L37.1701 43.75L40.9361 49H38.4161L35.9241 45.402L33.4181 49H31.0661L34.8181 43.792L31.2341 38.752H33.7121L36.0641 42.14L38.4161 38.752H40.7681ZM41.1159 38.752H49.3759V40.558H46.2679V49H44.2239V40.558H41.1159V38.752Z" fill="white"/>
<defs>
<filter id="filter0_d_1029_9531" x="5" y="3" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.960784 0 0 0 0 0.505882 0 0 0 0 0.0392157 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9531"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9531" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1029_9531" x1="20" y1="6" x2="20" y2="30" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF9120"/>
<stop offset="1" stop-color="#E67500"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,26 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 17C16 14.7909 17.7909 13 20 13H52C54.2091 13 56 14.7909 56 17V54C56 56.2091 54.2091 58 52 58H20C17.7909 58 16 56.2091 16 54V17Z" fill="#3B88FB"/>
<path d="M16 43H56V54C56 56.2091 54.2091 58 52 58H20C17.7909 58 16 56.2091 16 54V43Z" fill="#397EE5"/>
<path d="M26 35L31.5728 48L36 35.5417L40.4892 48L46 35" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16 17C16 14.7909 17.7909 13 20 13H52C54.2091 13 56 14.7909 56 17V28H16V17Z" fill="#4C92FF"/>
<g filter="url(#filter0_d_539_7236)">
<path d="M8 10C8 7.79086 9.79086 6 12 6H28C30.2091 6 32 7.79086 32 10V26C32 28.2091 30.2091 30 28 30H12C9.79086 30 8 28.2091 8 26V10Z" fill="url(#paint0_linear_539_7236)"/>
</g>
<path d="M27.0318 19.0318L22.9995 14.9995M27.0318 19.0318L22.9995 22.9995M27.0318 19.0318L16.0317 19.0317C14.9272 19.0317 14.0317 18.1363 14.0317 17.0317L14.0317 12.9995" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<filter id="filter0_d_539_7236" x="5" y="3" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.120149 0 0 0 0 0.346717 0 0 0 0 0.69 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_539_7236"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_539_7236" result="shape"/>
</filter>
<linearGradient id="paint0_linear_539_7236" x1="20" y1="6" x2="20" y2="30" gradientUnits="userSpaceOnUse">
<stop stop-color="#3692E9"/>
<stop offset="1" stop-color="#2365C9"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -0,0 +1,26 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50 10C50 7.79086 48.2091 6 46 6H14C11.7909 6 10 7.79086 10 10V47C10 49.2091 11.7909 51 14 51H46C48.2091 51 50 49.2091 50 47V10Z" fill="#FB7545"/>
<path d="M50 36H10V47C10 49.2091 11.7909 51 14 51H46C48.2091 51 50 49.2091 50 47V36Z" fill="#FB622B"/>
<path d="M50 10C50 7.79086 48.2091 6 46 6H14C11.7909 6 10 7.79086 10 10V21H50V10Z" fill="#FB865D"/>
<path d="M24 30V22.5M24 22.5H33C35.2091 22.5 37 20.7091 37 18.5V18C37 15.7909 35.2091 14 33 14H24V19V22.5Z" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<g filter="url(#filter0_d_1029_9697)">
<path d="M32 36C32 33.7909 33.7909 32 36 32H52C54.2091 32 56 33.7909 56 36V52C56 54.2091 54.2091 56 52 56H36C33.7909 56 32 54.2091 32 52V36Z" fill="url(#paint0_linear_1029_9697)"/>
</g>
<path d="M51.0318 45.0322L46.9995 41M51.0318 45.0322L46.9995 49M51.0318 45.0322L40.0317 45.0322C38.9272 45.0322 38.0317 44.1368 38.0317 43.0322L38.0317 39" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<filter id="filter0_d_1029_9697" x="29" y="28" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.854902 0 0 0 0 0.4 0 0 0 0 0.239216 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9697"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9697" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1029_9697" x1="43.5" y1="31.5" x2="43.5" y2="55.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF7C43"/>
<stop offset="1" stop-color="#E45623"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@@ -0,0 +1,32 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_1029_9699)">
<path d="M44.4258 49.6377L49.809 44.2545L57.1934 51.639C58.68 53.1255 58.68 55.5356 57.1934 57.0222C55.7069 58.5087 53.2968 58.5087 51.8103 57.0222L44.4258 49.6377Z" fill="#FB703F"/>
</g>
<g filter="url(#filter1_d_1029_9699)">
<circle cx="32" cy="32" r="17" fill="#FB622B"/>
</g>
<path d="M23 25.6875C23 24.7555 23.7555 24 24.6875 24H39.3125C40.2445 24 41 24.7555 41 25.6875C41 26.6195 40.2445 27.375 39.3125 27.375H33.6875V40.3125C33.6875 41.2445 32.932 42 32 42C31.068 42 30.3125 41.2445 30.3125 40.3125V27.375H24.6875C23.7555 27.375 23 26.6195 23 25.6875Z" fill="white"/>
<path d="M52.478 41.1857C51.0956 44.2814 49.0505 47.0084 46.5261 49.1811C42.6017 52.5587 37.5187 54.5964 31.9659 54.5964C19.5384 54.5964 9.46382 44.3893 9.46382 31.7982L4.82812 37.6834M11.4493 22.421C12.5708 19.9063 14.1294 17.6346 16.027 15.7054C20.1013 11.5633 25.7381 9 31.9659 9C44.3935 9 54.468 19.2071 54.468 31.7982L59.1095 25.9129" stroke="#FB865D" stroke-width="3.25688" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<filter id="filter0_d_1029_9699" x="41.1689" y="40.9978" width="20.3961" height="20.3961" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="1.62844"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.960784 0 0 0 0 0.505882 0 0 0 0 0.0392157 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9699"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9699" result="shape"/>
</filter>
<filter id="filter1_d_1029_9699" x="12" y="12" width="40" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.960784 0 0 0 0 0.505882 0 0 0 0 0.0392157 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9699"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9699" result="shape"/>
</filter>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@@ -0,0 +1,7 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M53 30C55.2091 30 57 31.7909 57 34L57 50C57 52.2091 55.2091 54 53 54L12 54C9.79086 54 8 52.2091 8 50L8 34C8 31.7909 9.79086 30 12 30L53 30Z" fill="#FFC5B1"/>
<path d="M8 13C8 10.7909 9.79086 9 12 9H32C34.2091 9 36 10.7909 36 13V50C36 52.2091 34.2091 54 32 54H12C9.79086 54 8 52.2091 8 50V13Z" fill="#FB703F"/>
<path d="M8 39H36V50C36 52.2091 34.2091 54 32 54H12C9.79086 54 8 52.2091 8 50V39Z" fill="#FB622B"/>
<path d="M8 13C8 10.7909 9.79086 9 12 9H32C34.2091 9 36 10.7909 36 13V24H8V13Z" fill="#FB865D"/>
<path d="M41 9L43.5263 9C48.4097 9 52.3684 12.9587 52.3684 17.8421L52.3684 24.4737M52.3684 24.4737L47.317 19.5156M52.3684 24.4737L56.9214 19.5156" stroke="#FB703F" stroke-width="3.15789" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 855 B

View File

@@ -0,0 +1,26 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 10C10 7.79086 11.7909 6 14 6H46C48.2091 6 50 7.79086 50 10V47C50 49.2091 48.2091 51 46 51H14C11.7909 51 10 49.2091 10 47V10Z" fill="#3B88FB"/>
<path d="M10 36H50V47C50 49.2091 48.2091 51 46 51H14C11.7909 51 10 49.2091 10 47V36Z" fill="#397EE5"/>
<path d="M10 10C10 7.79086 11.7909 6 14 6H46C48.2091 6 50 7.79086 50 10V21H10V10Z" fill="#4C92FF"/>
<g filter="url(#filter0_d_1029_9339)">
<path d="M34 38C34 35.7909 35.7909 34 38 34H54C56.2091 34 58 35.7909 58 38V54C58 56.2091 56.2091 58 54 58H38C35.7909 58 34 56.2091 34 54V38Z" fill="url(#paint0_linear_1029_9339)"/>
</g>
<path d="M53.0318 47.0322L48.9995 43M53.0318 47.0322L48.9995 51M53.0318 47.0322L42.0317 47.0322C40.9272 47.0322 40.0317 46.1368 40.0317 45.0322L40.0317 41" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20 16L25.5728 29L30 16.5417L34.4892 29L40 16" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<filter id="filter0_d_1029_9339" x="31" y="31" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.120149 0 0 0 0 0.346717 0 0 0 0 0.69 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1029_9339"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1029_9339" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1029_9339" x1="46" y1="34" x2="46" y2="58" gradientUnits="userSpaceOnUse">
<stop stop-color="#3692E9"/>
<stop offset="1" stop-color="#2365C9"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -13,6 +13,10 @@ const config: Config = {
},
boxShadow: {
header: '0px 4px 12px 0px rgba(189, 189, 189, 0.25)',
card: '0px 8px 16px 0px rgba(0, 0, 0, 0.10)',
},
screens: {
xs: '478px',
},
},
},

1553
yarn.lock

File diff suppressed because it is too large Load Diff