sound fixes (#291)

This commit is contained in:
Adrian Brzeziński 2023-10-17 14:50:34 +02:00 committed by GitHub
parent 3e363c8638
commit dc6ee9ec5c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
37 changed files with 851 additions and 173 deletions

BIN
Sounds/animation.wav Normal file

Binary file not shown.

BIN
Sounds/background.wav Normal file

Binary file not shown.

BIN
Sounds/coins.wav Normal file

Binary file not shown.

BIN
Sounds/fireworks.wav Normal file

Binary file not shown.

View File

@ -31,6 +31,7 @@ import {
import Loading from '@components/shared/Loading'
import dayjs from 'dayjs'
import HolographicCard from './HolographicCard'
import { onClick, unmute } from 'lib/render'
const CLAIM_BUTTON_CLASSES =
'raised-button group mx-auto block h-12 px-6 pt-1 font-rewards text-xl after:rounded-lg focus:outline-none lg:h-14'
@ -81,6 +82,7 @@ const ClaimPage = () => {
const { data: seasonData } = useCurrentSeason()
const currentSeason = seasonData?.season_id
const previousSeason = currentSeason ? currentSeason - 1 : null
//needed for tx sign
const wallet = useWallet()
@ -121,6 +123,8 @@ const ClaimPage = () => {
const startShowRewards = () => {
setShowRender(true)
setRewardsWasShow(true)
onClick()
unmute()
}
const handleTokenMetadata = useCallback(async () => {
if (claims?.length && connection && jupiterTokens.length) {
@ -253,7 +257,7 @@ const ClaimPage = () => {
}
}, [distribution, wallet, claims, rewardsClient, connection])
return claims === undefined ? (
return claims === undefined && !loadingClaims ? (
<div className="flex min-h-[calc(100vh-94px)] items-center justify-center p-8">
<span className="text-center text-th-fgd-3">
Something went wrong. Try refreshing the page
@ -263,79 +267,85 @@ const ClaimPage = () => {
<div className="flex min-h-[calc(100vh-94px)] items-center justify-center">
<Loading />
</div>
) : showRender ? (
<div className="fixed bottom-0 left-0 right-0 top-0 z-[1000]">
<RewardsComponent
tokensInfo={tokenRewardsInfo}
nftsRewardsInfo={nftsRewardsInfo}
claims={claims}
setShowRender={setShowRender}
/>
</div>
) : (
<div className="min-h-[calc(100vh-94px)] bg-[url('/images/rewards/claim-bg.png')] bg-cover bg-center">
<div className="flex items-center justify-center pt-8">
<div className="flex items-center justify-center rounded-full bg-gradient-to-br from-yellow-400 to-red-400 px-4 py-1">
<p className="font-rewards text-lg text-black">
Season {previousSeason} claim ends <span>{claimEndsIn}</span>
</p>
</div>
</div>
<div className="flex h-[calc(100vh-164px)] flex-col justify-center">
<div className="mx-auto flex max-w-[1140px] flex-col items-center justify-center px-8 lg:px-10">
<div className="-mt-16">
<HolographicCard />
</div>
<div className="-mt-8 mb-6 text-center">
<h2 className="mb-1 font-rewards text-4xl tracking-wide text-white drop-shadow-[0_0_24px_rgba(0,0,0,1)] sm:text-6xl">
{winnerTitle}!
</h2>
<p className="text-lg font-bold text-white drop-shadow-[0_0_8px_rgba(0,0,0,1)]">
You&apos;re a winner in Season {previousSeason}
<>
<div className="min-h-[calc(100vh-94px)] bg-[url('/images/rewards/claim-bg.png')] bg-cover bg-center">
<div className="flex items-center justify-center pt-8">
<div className="flex items-center justify-center rounded-full bg-gradient-to-br from-yellow-400 to-red-400 px-4 py-1">
<p className="font-rewards text-lg text-black">
Season {previousSeason} claim ends <span>{claimEndsIn}</span>
</p>
</div>
{isClaiming ? (
<div className="pt-1">
<div className="flex h-4 w-full flex-grow rounded-full bg-th-bkg-4">
<div
style={{
width: `${claimProgress}%`,
}}
className={`flex rounded-full bg-gradient-to-r from-green-600 to-green-400`}
></div>
</div>
<p className="mx-auto mt-3 text-center text-base text-white drop-shadow-[0_0_8px_rgba(0,0,0,1)]">
{`Loading prizes: ${claimProgress.toFixed(0)}%`}
</div>
<div className="flex h-[calc(100vh-164px)] flex-col justify-center">
<div className="mx-auto flex max-w-[1140px] flex-col items-center justify-center px-8 lg:px-10">
<div className="-mt-16">
<HolographicCard />
</div>
<div className="-mt-8 mb-6 text-center">
<h2 className="mb-1 font-rewards text-4xl tracking-wide text-white drop-shadow-[0_0_24px_rgba(0,0,0,1)] sm:text-6xl">
{winnerTitle}!
</h2>
<p className="text-lg font-bold text-white drop-shadow-[0_0_8px_rgba(0,0,0,1)]">
You&apos;re a winner in Season {previousSeason}
</p>
</div>
) : rewardsWasShown ? (
<button
className={CLAIM_BUTTON_CLASSES}
onClick={() => handleClaimRewards()}
>
<span className="block text-th-fgd-1 group-hover:mt-1 group-active:mt-2">{`Claim ${
claims.length
} Prize${claims.length > 1 ? 's' : ''}`}</span>
</button>
) : (
<button
disabled={loadingMetadata}
className={CLAIM_BUTTON_CLASSES}
onClick={() => startShowRewards()}
>
<span className="block text-th-fgd-1 group-hover:mt-1 group-active:mt-2">
{' '}
{loadingMetadata ? (
<Loading className="w-3"></Loading>
) : (
'Reveal Prizes'
)}
</span>
</button>
)}
{isClaiming ? (
<div className="pt-1">
<div className="flex h-4 w-full flex-grow rounded-full bg-th-bkg-4">
<div
style={{
width: `${claimProgress}%`,
}}
className={`flex rounded-full bg-gradient-to-r from-green-600 to-green-400`}
></div>
</div>
<p className="mx-auto mt-3 text-center text-base text-white drop-shadow-[0_0_8px_rgba(0,0,0,1)]">
{`Loading prizes: ${claimProgress.toFixed(0)}%`}
</p>
</div>
) : rewardsWasShown ? (
<button
className={CLAIM_BUTTON_CLASSES}
onClick={() => handleClaimRewards()}
>
<span className="block text-th-fgd-1 group-hover:mt-1 group-active:mt-2">{`Claim ${
claims!.length
} Prize${claims!.length > 1 ? 's' : ''}`}</span>
</button>
) : (
<button
disabled={loadingMetadata}
className={CLAIM_BUTTON_CLASSES}
onClick={() => startShowRewards()}
>
<span className="block text-th-fgd-1 group-hover:mt-1 group-active:mt-2">
{' '}
{loadingMetadata ? (
<Loading className="w-3"></Loading>
) : (
'Reveal Prizes'
)}
</span>
</button>
)}
</div>
</div>
</div>
</div>
<div
className={`fixed bottom-0 left-0 right-0 top-0 z-[1000] ${
showRender ? 'h-full w-full' : 'h-0 w-0 overflow-hidden'
}`}
>
<RewardsComponent
tokensInfo={tokenRewardsInfo}
nftsRewardsInfo={nftsRewardsInfo}
claims={claims!}
start={showRender}
setShowRender={setShowRender}
/>
</div>
</>
)
}
export default ClaimPage

View File

@ -6,7 +6,7 @@ import {
useRef,
useState,
} from 'react'
import { init, onClick } from '../../lib/render'
import { init, mute, onClick, unmute } from '../../lib/render'
import { Claim } from '@blockworks-foundation/mango-mints-redemption'
import { Token } from 'types/jupiter'
import BigNumber from 'bignumber.js'
@ -16,6 +16,13 @@ import useMangoGroup from 'hooks/useMangoGroup'
import { PublicKey } from '@solana/web3.js'
import { CUSTOM_TOKEN_ICONS } from 'utils/constants'
import { Sft, SftWithToken, Nft, NftWithToken } from '@metaplex-foundation/js'
import { Lalezar } from 'next/font/google'
const lalezar = Lalezar({
weight: '400',
subsets: ['latin'],
display: 'swap',
})
type Prize = {
//symbol
@ -41,24 +48,40 @@ export default function RewardsComponent({
claims,
tokensInfo,
nftsRewardsInfo,
start,
}: {
setShowRender: Dispatch<SetStateAction<boolean>>
claims: Claim[]
tokensInfo: Token[]
nftsRewardsInfo: (Sft | SftWithToken | Nft | NftWithToken)[]
start: boolean
}) {
const renderLoaded = useRef<boolean>(false)
const { group } = useMangoGroup()
// eslint-disable-next-line @typescript-eslint/no-explicit-any
const [collectedPrizes, setCollectedPrize] = useState([] as any[])
const [muted, setMuted] = useState(true)
const [prizes, setPrizes] = useState<Prize[]>([])
const [currentPrize, setCurrentPrize] = useState()
function iOS() {
return (
[
'iPad Simulator',
'iPhone Simulator',
'iPod Simulator',
'iPad',
'iPhone',
'iPod',
].includes(navigator.platform) ||
// iPad on iOS 13 detection
(navigator.userAgent.includes('Mac') && 'ontouchend' in document)
)
}
useEffect(() => {
if (!renderLoaded.current && prizes.length) {
if (!renderLoaded.current && prizes.length && start) {
try {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
const v1 = document.getElementById('particles-fireworks') as any
@ -85,7 +108,7 @@ export default function RewardsComponent({
setShowRender(false)
}
}
}, [prizes])
}, [prizes, start])
const getFallbackImg = useCallback(
(mint: PublicKey, jupiterLogoUrl: string | undefined) => {
@ -104,89 +127,114 @@ export default function RewardsComponent({
)
useEffect(() => {
const claimsAsPrizes: Prize[] = claims.map((x) => {
const tokenInfo =
x.mintProperties.type === 'token'
? tokensInfo.find((t) => t.address === x.mint.toBase58())
: null
const nftInfo =
x.mintProperties.type === 'nft'
? nftsRewardsInfo.find(
(ni) => ni.address.toBase58() === x.mint.toBase58(),
)
: null
const resultion =
x.mintProperties.type === 'token' ? [32, 32] : [400, 400]
const materials: {
[key: string]: Omit<
Prize,
'item' | 'info' | 'rarity' | 'itemResolution' | 'itemUrl'
>
} = {
Common: {
particleId: 'particles-coins',
frontMaterialId: 'loader_mat_card_silver_front_square',
backMaterialId: 'loader_mat_card_silver_back',
stencilUrl:
'/models/tex_procedural/tex_card_front_silver_square_albedo.png',
},
Legendary: {
particleId: 'particles-fireworks',
frontMaterialId: 'loader_mat_card_gold_front_circle',
backMaterialId: 'loader_mat_card_gold_back',
stencilUrl:
'/models/tex_procedural/tex_card_front_gold_circle_albedo.png',
},
Rare: {
particleId: 'particles-fireworks',
frontMaterialId: 'loader_mat_card_gold_front_circle',
backMaterialId: 'loader_mat_card_gold_back',
stencilUrl:
'/models/tex_procedural/tex_card_front_gold_circle_albedo.png',
},
}
return {
item: x.mintProperties.name,
info:
if (tokensInfo.length) {
const claimsAsPrizes: Prize[] = claims.map((x) => {
const tokenInfo =
x.mintProperties.type === 'token'
? new BigNumber(x.quantity.toString())
.shiftedBy(-tokenInfo!.decimals)
.toString()
: x.quantity.toString(),
rarity: x.mintProperties.rarity,
itemResolution: resultion,
//fallback of img from files if mint matches mango bank
itemUrl:
x.mintProperties.type === 'token'
? getFallbackImg(x.mint, tokenInfo?.logoURI)
: nftInfo?.json?.image || '/icons/mngo.svg',
...materials[
x.mintProperties.rarity as 'Rare' | 'Legendary' | 'Common'
],
}
})
setPrizes(claimsAsPrizes)
? tokensInfo.find((t) => t.address === x.mint.toBase58())
: null
const nftInfo =
x.mintProperties.type === 'nft'
? nftsRewardsInfo.find(
(ni) => ni.address.toBase58() === x.mint.toBase58(),
)
: null
const resultion =
x.mintProperties.type === 'token' ? [32, 32] : [400, 400]
const materials: {
[key: string]: Omit<
Prize,
'item' | 'info' | 'rarity' | 'itemResolution' | 'itemUrl'
>
} = {
Common: {
particleId: 'particles-coins',
frontMaterialId: 'loader_mat_card_silver_front_square',
backMaterialId: 'loader_mat_card_silver_back',
stencilUrl:
'/models/tex_procedural/tex_card_front_silver_square_albedo.png',
},
Legendary: {
particleId: 'particles-fireworks',
frontMaterialId: 'loader_mat_card_gold_front_circle',
backMaterialId: 'loader_mat_card_gold_back',
stencilUrl:
'/models/tex_procedural/tex_card_front_gold_circle_albedo.png',
},
Rare: {
particleId: 'particles-fireworks',
frontMaterialId: 'loader_mat_card_gold_front_circle',
backMaterialId: 'loader_mat_card_gold_back',
stencilUrl:
'/models/tex_procedural/tex_card_front_gold_circle_albedo.png',
},
}
return {
item: x.mintProperties.name,
info:
x.mintProperties.type === 'token'
? new BigNumber(x.quantity.toString())
.shiftedBy(-tokenInfo!.decimals)
.toString()
: x.quantity.toString(),
rarity: x.mintProperties.rarity,
itemResolution: resultion,
//fallback of img from files if mint matches mango bank
itemUrl:
x.mintProperties.type === 'token'
? getFallbackImg(x.mint, tokenInfo?.logoURI)
: nftInfo?.json?.image || '/icons/mngo.svg',
...materials[
x.mintProperties.rarity as 'Rare' | 'Legendary' | 'Common'
],
}
})
setPrizes(claimsAsPrizes)
}
}, [claims, getFallbackImg, tokensInfo])
useEffect(() => {
setTimeout(() => {
setMuted(false)
}, 0)
}, [prizes])
return (
<main className="from-midnight-sky to-midnight-horizon static h-screen w-screen bg-gradient-to-b">
<div className="absolute left-[80px] top-0 pl-4">
<IconButton
className="fixed right-4 top-4"
onClick={() => {
setShowRender(false)
}}
>
<XMarkIcon className="h-8 w-8 text-th-fgd-2" />
</IconButton>
<main className="from-midnight-sky to-midnight-horizon static h-screen w-screen bg-black bg-gradient-to-b">
{start && (
<div className="absolute left-[80px] top-0 pl-4">
<IconButton
className="fixed right-4 top-4"
onClick={() => {
setShowRender(false)
mute()
document.getElementById('render-output')?.remove()
}}
>
<XMarkIcon className="h-8 w-8 text-th-fgd-2" />
</IconButton>
</div>
)}
<div
id="animation-component-loader"
className="z-index-[1000] flex h-screen w-screen items-center justify-center text-white"
>
<div className="flex flex-row">
<svg
aria-hidden="true"
className="mr-2 h-8 w-8 animate-spin fill-blue-600 text-gray-200 dark:text-gray-600"
viewBox="0 0 100 101"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
fill="currentColor"
/>
<path
d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
fill="currentFill"
/>
</svg>
</div>
</div>
<div className="absolute left-0 top-0 pl-4">
<div className="my-2 flex flex-row gap-2">
{collectedPrizes.map((p, i) => {
return (
@ -197,28 +245,36 @@ export default function RewardsComponent({
</div>
{!!currentPrize && (
<>
<p className={`-mb-3 font-rewards text-4xl text-white`}>
<p className={`text-4xl text-white ${lalezar.className}`}>
{currentPrize['item']}
</p>
{/* common: text-sky-300
rare: text-yellow-300
legendary: text-orange-400 */}
<p className={`-mb-2 font-rewards text-3xl text-yellow-300`}>
<p className={`text-3xl text-yellow-300 ${lalezar.className}`}>
{currentPrize['rarity']}
</p>
<p id="info-text" className={`font-rewards text-3xl text-white`}>
<p
id="info-text"
className={`text-3xl text-white ${lalezar.className}`}
>
{currentPrize['info']}
</p>
</>
)}
</div>
<div id="render-output" onClick={onClick}></div>
<div
id="render-output"
onClick={() => {
unmute()
if (!iOS()) {
onClick()
}
}}
></div>
<video
className="hidden"
id="particles-coins"
preload="true"
playsInline
muted={muted}
muted
>
<source
src="/particles/coins_2k_hvc1.mov"
@ -231,7 +287,7 @@ export default function RewardsComponent({
id="particles-fireworks"
preload="true"
playsInline
muted={muted}
muted
>
<source
src="/particles/fireworks_2k_hvc1.mov"
@ -239,6 +295,10 @@ export default function RewardsComponent({
/>
<source src="/particles/fireworks_2k_vp9.webm" type="video/webm" />
</video>
<audio className="hidden" id="animation" preload="true" playsInline muted>
<source src="/sounds/animation.m4a" type="audio/mp4"></source>
<source src="/sounds/animation.oga" type="audio/ogg"></source>
</audio>
</main>
)
}

View File

@ -15,6 +15,7 @@ let animations,
orbitControls,
mixer,
particles,
soundAnimation,
clock = new THREE.Clock()
const render = () => {
@ -27,6 +28,18 @@ const render = () => {
requestAnimationFrame(render)
}
export const unmute = () => {
document.getElementById('animation').muted = false
document.getElementById('particles-coins').muted = false
document.getElementById('particles-fireworks').muted = false
}
export const mute = () => {
document.getElementById('animation').muted = true
document.getElementById('particles-coins').muted = true
document.getElementById('particles-fireworks').muted = true
}
export const onClick = () => {
console.log('render:onClick', particles)
if (particles) {
@ -137,19 +150,17 @@ const prepareScene = (prize) => {
if (n.name === 'particle_video_screen') {
particles = document.getElementById(prize.particleId)
// NOTE: display last frame to hide first frame particles
if (particles && isFinite(particles.duration))
if (isFinite(particles.duration))
particles.currentTime = particles.duration
if (particles) {
const tex = new THREE.VideoTexture(particles)
tex.flipY = false
const tex = new THREE.VideoTexture(particles)
tex.flipY = false
const mat = new LumaKeyMaterial(tex, 0.15)
console.log('render:prepareScene:particles', tex, mat, n.material)
const mat = new LumaKeyMaterial(tex, 0.15)
console.log('render:prepareScene:particles', tex, mat, n.material)
n.material.dispose()
n.material = mat
}
n.material.dispose()
n.material = mat
}
if (n.name === 'card_front_side') {
const tex = new THREE.CanvasTexture(cardCanvas)
@ -170,20 +181,39 @@ const prepareScene = (prize) => {
})
}
const testAnimations = (prize, prizeCallback) => {
const playAnimation = (prize, prizeCallback) => {
// reset mixer
const loader = document.getElementById('animation-component-loader')
if (loader) {
loader.remove()
}
mixer = new THREE.AnimationMixer(scene)
soundAnimation.currentTime = 0
soundAnimation.play()
animations.forEach((a) => {
console.log('render:init:load:animations:play', a)
console.log('render:playAnimation:animations:play', a)
mixer.clipAction(a).setLoop(THREE.LoopOnce).play()
})
setTimeout(() => {
if (particles) {
console.log('render:playAnimation:particles:play', particles)
particles.currentTime = 0
particles.play()
let lastSoundtrackTime = soundAnimation.currentTime
setTimeout(() => {
console.log('render:playAnimation:sound:resume', soundAnimation.paused)
soundAnimation.currentTime = lastSoundtrackTime + 4.4
soundAnimation.play()
// force reload on particles
particles.load()
}, 4_400)
}
}, 10_000)
@ -199,6 +229,8 @@ export const init = (document, window, prizes, prizeCallback) => {
if (!document) return
if (!window) return
soundAnimation = document.getElementById('animation')
allPrizes = prizes
/* scene
@ -284,12 +316,11 @@ export const init = (document, window, prizes, prizeCallback) => {
mixer = new THREE.AnimationMixer(scene)
animations = gltf.animations
prizes.forEach((p, i) => {
setTimeout(() => {
prepareCardFace(document, window, p).then(() => prepareScene(p))
testAnimations(p, prizeCallback)
}, i * 30_000)
playAnimation(p, prizeCallback)
}, i * 27_000)
})
},
// // called while loading is progressing

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 1.1 MiB

View File

@ -0,0 +1,11 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_2)">
<path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z" fill="#F7931A"/>
<path d="M23.189 14.02C23.503 11.924 21.906 10.797 19.724 10.045L20.432 7.205L18.704 6.775L18.014 9.54C17.56 9.426 17.094 9.32 16.629 9.214L17.324 6.431L15.596 6L14.888 8.839C14.512 8.753 14.142 8.669 13.784 8.579L13.786 8.57L11.402 7.975L10.942 9.821C10.942 9.821 12.225 10.115 12.198 10.133C12.898 10.308 13.024 10.771 13.003 11.139L12.197 14.374C12.245 14.386 12.307 14.404 12.377 14.431L12.194 14.386L11.064 18.918C10.978 19.13 10.761 19.449 10.271 19.328C10.289 19.353 9.015 19.015 9.015 19.015L8.157 20.993L10.407 21.554C10.825 21.659 11.235 21.769 11.638 21.872L10.923 24.744L12.65 25.174L13.358 22.334C13.83 22.461 14.288 22.579 14.736 22.691L14.03 25.519L15.758 25.949L16.473 23.083C19.421 23.641 21.637 23.416 22.57 20.75C23.322 18.604 22.533 17.365 20.982 16.558C22.112 16.298 22.962 15.555 23.189 14.02V14.02ZM19.239 19.558C18.706 21.705 15.091 20.544 13.919 20.253L14.869 16.448C16.041 16.741 19.798 17.32 19.239 19.558ZM19.774 13.989C19.287 15.942 16.279 14.949 15.304 14.706L16.164 11.256C17.139 11.499 20.282 11.952 19.774 13.989Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_1_2">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -0,0 +1,26 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_98)">
<path d="M16 0C24.8374 0 32 7.16407 32 16C32 24.8374 24.8374 32 16 32C7.16407 32 0 24.8366 0 16C0 7.16407 7.16407 0 16 0Z" fill="#F5AC37"/>
<path d="M16.5897 17.1297H22.6694C22.799 17.1297 22.8602 17.1297 22.8696 16.9598C22.9193 16.3413 22.9193 15.7192 22.8696 15.1C22.8696 14.9797 22.8098 14.9301 22.6795 14.9301H10.5798C10.43 14.9301 10.3897 14.9797 10.3897 15.1202V16.9C10.3897 17.1297 10.3897 17.1297 10.6295 17.1297H16.5897ZM22.1906 12.85C22.2079 12.8046 22.2079 12.7549 22.1906 12.7103C22.0891 12.4892 21.9689 12.2783 21.8292 12.0803C21.6189 11.7419 21.3713 11.4301 21.089 11.15C20.9558 10.9808 20.8017 10.8289 20.6289 10.7C19.7635 9.96346 18.7346 9.44217 17.6287 9.18009C17.0707 9.05481 16.5004 8.99505 15.9287 9.00009H10.5589C10.4092 9.00009 10.389 9.05985 10.389 9.19017V12.7398C10.389 12.8896 10.389 12.9299 10.5791 12.9299H22.1186C22.1186 12.9299 22.2187 12.9097 22.2389 12.85H22.1899H22.1906ZM22.1906 19.2098C22.0207 19.1911 21.8494 19.1911 21.6794 19.2098H10.5899C10.4401 19.2098 10.3897 19.2098 10.3897 19.41V22.8804C10.3897 23.0402 10.3897 23.0806 10.5899 23.0806H15.7098C15.9547 23.0993 16.1995 23.082 16.4392 23.0309C17.1823 22.9776 17.9131 22.8163 18.61 22.5506C18.8635 22.4628 19.1083 22.3483 19.3394 22.2108H19.4092C20.6095 21.5865 21.5844 20.6059 22.1993 19.402C22.1993 19.402 22.2691 19.2508 22.1906 19.2112V19.2098ZM8.38018 24.8798V24.8201V22.4901V21.7003V19.3502C8.38018 19.2199 8.38018 19.2004 8.22033 19.2004H6.05023C5.92999 19.2004 5.88031 19.2004 5.88031 19.0406V17.1405H8.20017C8.32977 17.1405 8.38018 17.1405 8.38018 16.9706V15.0906C8.38018 14.9704 8.38018 14.9409 8.22033 14.9409H6.05023C5.92999 14.9409 5.88031 14.9409 5.88031 14.781V13.0213C5.88031 12.9112 5.88031 12.8816 6.04015 12.8816H8.19009C8.33985 12.8816 8.38018 12.8816 8.38018 12.6916V7.30159C8.38018 7.14175 8.38018 7.10143 8.58034 7.10143H16.0799C16.6243 7.12303 17.165 7.18279 17.6999 7.28143C18.8023 7.48519 19.8614 7.87904 20.8298 8.44136C21.4721 8.81937 22.0632 9.27585 22.5895 9.80146C22.9855 10.2126 23.3426 10.6575 23.6594 11.1313C23.9741 11.6116 24.2355 12.1249 24.4407 12.6613C24.4659 12.801 24.5998 12.8953 24.7395 12.8716H26.5294C26.7591 12.8716 26.7591 12.8716 26.7692 13.0919V14.7321C26.7692 14.8919 26.7094 14.9322 26.5488 14.9322H25.1686C25.0289 14.9322 24.9886 14.9322 24.9987 15.1122C25.0534 15.7214 25.0534 16.3326 24.9987 16.9418C24.9987 17.1117 24.9987 17.1319 25.1895 17.1319H26.7684C26.8383 17.2219 26.7684 17.3119 26.7684 17.4026C26.7785 17.5185 26.7785 17.6359 26.7684 17.7518V18.9621C26.7684 19.132 26.7188 19.1824 26.5683 19.1824H24.6783C24.5465 19.1572 24.4183 19.2415 24.3881 19.3725C23.9381 20.5425 23.2181 21.5916 22.2878 22.4325C21.948 22.7385 21.5909 23.0265 21.2179 23.2922C20.8176 23.5226 20.4281 23.7624 20.0177 23.9525C19.2624 24.2923 18.4704 24.5429 17.6575 24.702C16.8856 24.8402 16.103 24.9029 15.3174 24.8921H8.3773V24.882L8.38018 24.8798Z" fill="#FEFEFD"/>
<circle cx="27" cy="5" r="5" fill="url(#paint0_radial_1_98)"/>
<circle cx="27" cy="5" r="3.75" fill="url(#paint1_radial_1_98)"/>
<circle cx="27" cy="5" r="2.5" fill="url(#paint2_radial_1_98)"/>
</g>
<defs>
<radialGradient id="paint0_radial_1_98" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27 5) rotate(90) scale(5)">
<stop offset="0.739583" stop-color="#49266B"/>
<stop offset="1" stop-color="#976EC0"/>
</radialGradient>
<radialGradient id="paint1_radial_1_98" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27 5) rotate(90) scale(3.75)">
<stop offset="0.713542" stop-color="#3E2755"/>
<stop offset="1" stop-color="#845EAA"/>
</radialGradient>
<radialGradient id="paint2_radial_1_98" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27 5) rotate(90) scale(2.5)">
<stop offset="0.494792"/>
<stop offset="1" stop-color="#845EAA"/>
</radialGradient>
<clipPath id="clip0_1_98">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

@ -0,0 +1,49 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.4255 13.3576C22.3621 13.3787 22.2978 13.3983 22.2336 13.4161C22.2978 13.3983 22.3621 13.3795 22.4255 13.3576Z" fill="url(#paint0_linear_8_332)"/>
<path d="M23.5057 12.7887C23.2007 13.018 22.8672 13.1954 22.519 13.3239C22.868 13.1962 23.2007 13.018 23.5057 12.7887Z" fill="url(#paint1_linear_8_332)"/>
<path d="M23.5228 12.7773C23.5228 12.7765 23.5228 12.7765 23.5228 12.7773C23.5171 12.7805 23.5114 12.7846 23.5057 12.7887C23.5114 12.7846 23.5171 12.7814 23.5228 12.7773Z" fill="url(#paint2_linear_8_332)"/>
<path d="M4 15.9695V16.011C4 19.482 5.47879 22.7107 8.02804 24.9724C7.38137 24.3117 6.99338 23.4259 6.95027 22.488C6.94782 22.4287 6.9462 22.3686 6.9462 22.3092C6.9462 22.2125 6.95352 22.1158 6.96084 22.02C6.40446 20.7717 6.10593 19.4023 6.10593 17.9834V17.9492C6.12383 12.5278 10.5529 8.08567 15.9792 8.04829C18.3178 8.03204 20.5953 8.8431 22.3922 10.3328C23.0689 10.8935 23.4805 11.7224 23.5212 12.6067C23.5236 12.6562 23.5245 12.7058 23.5245 12.7545C23.5245 12.7619 23.5236 12.7684 23.5236 12.7757C23.6603 12.6717 23.7937 12.5619 23.9174 12.4376C24.5779 11.7785 24.9724 10.9016 25.0415 9.98004C25.0407 9.99141 25.0382 10.002 25.0374 10.0125C25.0398 9.98492 25.0415 9.9581 25.0439 9.93047C25.0488 9.85082 25.0561 9.77118 25.0561 9.69154V9.69073C25.0561 9.6314 25.0545 9.57126 25.0521 9.51193V9.50787C25.0463 9.38109 25.0333 9.25512 25.0146 9.12998C25.0065 9.07308 24.9927 9.01864 24.9821 8.96256C24.9691 8.8951 24.9577 8.82765 24.9406 8.76183C24.9219 8.68787 24.8983 8.61554 24.8747 8.5424C24.8609 8.4977 24.8479 8.4522 24.8324 8.40831C24.8023 8.32379 24.7673 8.2409 24.7307 8.158C24.7185 8.12956 24.7064 8.1003 24.6934 8.07186C24.6502 7.98002 24.6031 7.89063 24.5526 7.80286C24.5437 7.78661 24.5347 7.76954 24.5249 7.75329C24.4688 7.65902 24.4087 7.56637 24.3444 7.47697C24.3387 7.46966 24.3338 7.46153 24.3281 7.45422C24.2598 7.35995 24.1866 7.26893 24.1093 7.18034C24.1077 7.17791 24.1052 7.17628 24.1036 7.17384C24.0239 7.08363 23.9393 6.99668 23.8507 6.91297C23.7961 6.86258 23.7441 6.80976 23.6871 6.76181C21.5153 4.9609 18.7627 3.97999 15.9353 4.00031C9.37506 4.04745 4.02196 9.41604 4 15.9695Z" fill="url(#paint3_linear_8_332)"/>
<path d="M22.0977 13.4519C22.0408 13.4656 21.983 13.4787 21.9253 13.4901C21.983 13.4795 22.04 13.4656 22.0977 13.4519Z" fill="url(#paint4_linear_8_332)"/>
<path d="M21.9251 13.4908C21.8666 13.5022 21.808 13.5112 21.7487 13.5201C21.8072 13.5112 21.8666 13.5022 21.9251 13.4908Z" fill="url(#paint5_linear_8_332)"/>
<path d="M7.31637 20.6652C7.16019 20.063 7.0764 19.4364 7.0764 18.7985V18.7392C7.10813 14.7326 10.396 11.4315 14.4053 11.3803C16.0435 11.3591 17.6029 11.8614 18.9141 12.8325C20.2831 13.846 22.1791 13.7964 23.5221 12.7765C23.5221 12.7692 23.5229 12.7619 23.5229 12.7545C23.5229 12.7058 23.5221 12.6562 23.5196 12.6067C23.4782 11.7224 23.0666 10.8935 22.3906 10.3328C20.5938 8.84309 18.3162 8.03204 15.9776 8.04829C10.5513 8.08649 6.12227 12.5278 6.10437 17.9492V17.9834C6.10437 19.4023 6.40371 20.7717 6.95927 22.02C6.99506 21.5486 7.11789 21.0902 7.31637 20.6652Z" fill="url(#paint6_linear_8_332)"/>
<path d="M25.0514 9.51275C25.0538 9.57208 25.0554 9.63222 25.0554 9.69154C25.0554 9.79963 25.0465 9.90691 25.0367 10.0142C25.0376 10.0028 25.04 9.99226 25.0408 9.98167C25.5972 11.23 25.8957 12.5993 25.8957 14.0183V14.0524C25.8778 19.4738 21.4487 23.916 16.0225 23.9533C13.6839 23.9696 11.4063 23.1585 9.60945 21.6689C8.93269 21.1081 8.52111 20.2792 8.48043 19.395C8.47799 19.3454 8.47718 19.2958 8.47718 19.2471C8.47718 19.2398 8.47799 19.2324 8.47799 19.2252C9.13524 18.7261 9.92506 18.4612 10.7198 18.4376C9.7575 18.4645 8.80417 18.844 8.08349 19.564C7.35466 20.2922 6.9447 21.2845 6.9447 22.3109C6.9447 22.3702 6.94633 22.4304 6.94876 22.4897C6.99839 23.5584 7.4962 24.5604 8.31368 25.2382C10.4855 27.0391 13.2381 28.02 16.0656 27.9997C22.6241 27.9542 27.978 22.5856 28 16.0321V15.9907C28 12.462 26.4757 9.18118 23.8483 6.91541C24.5674 7.58588 25.005 8.51884 25.0514 9.51275Z" fill="url(#paint7_linear_8_332)"/>
<path d="M24.6846 11.3356C24.8407 11.9378 24.9245 12.5644 24.9245 13.2023V13.2616C24.8928 17.2682 21.6049 20.5693 17.5956 20.6205C15.9574 20.6417 14.3981 20.1394 13.0869 19.1683C11.7179 18.1548 9.82179 18.2044 8.47884 19.2243C8.47884 19.2317 8.47803 19.2389 8.47803 19.2463C8.47803 19.295 8.47884 19.3446 8.48128 19.3942C8.52277 20.2784 8.93436 21.1073 9.6103 21.6681C11.4072 23.1577 13.6847 23.9688 16.0233 23.9525C21.4496 23.9144 25.8787 19.473 25.8966 14.0516V14.0175C25.8966 12.5985 25.5972 11.2291 25.0416 9.98086C25.0059 10.4522 24.883 10.9106 24.6846 11.3356Z" fill="url(#paint8_linear_8_332)"/>
<defs>
<linearGradient id="paint0_linear_8_332" x1="22.2448" y1="13.4359" x2="22.4142" y2="13.3381" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF4E17"/>
<stop offset="0.7525" stop-color="#F4BA4D"/>
</linearGradient>
<linearGradient id="paint1_linear_8_332" x1="22.5335" y1="13.3489" x2="23.5054" y2="12.7877" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF4E17"/>
<stop offset="0.7525" stop-color="#F4BA4D"/>
</linearGradient>
<linearGradient id="paint2_linear_8_332" x1="23.5054" y1="12.7876" x2="23.5233" y2="12.7772" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF4E17"/>
<stop offset="0.7525" stop-color="#F4BA4D"/>
</linearGradient>
<linearGradient id="paint3_linear_8_332" x1="3.54885" y1="18.4522" x2="23.907" y2="6.68788" gradientUnits="userSpaceOnUse">
<stop stop-color="#33B38F"/>
<stop offset="0.7673" stop-color="#9EF8CB"/>
</linearGradient>
<linearGradient id="paint4_linear_8_332" x1="21.9382" y1="13.5134" x2="22.0841" y2="13.4292" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF4E17"/>
<stop offset="0.7525" stop-color="#F4BA4D"/>
</linearGradient>
<linearGradient id="paint5_linear_8_332" x1="21.7642" y1="13.5471" x2="21.9093" y2="13.4634" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF4E17"/>
<stop offset="0.7525" stop-color="#F4BA4D"/>
</linearGradient>
<linearGradient id="paint6_linear_8_332" x1="6.10481" y1="15.0339" x2="23.5239" y2="15.0339" gradientUnits="userSpaceOnUse">
<stop stop-color="#33B38F"/>
<stop offset="1" stop-color="#9EF8CB"/>
</linearGradient>
<linearGradient id="paint7_linear_8_332" x1="26.3277" y1="22.084" x2="11.4445" y2="13.4835" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF4E17"/>
<stop offset="0.7673" stop-color="#F4BA4D"/>
</linearGradient>
<linearGradient id="paint8_linear_8_332" x1="24.0818" y1="19.8029" x2="12.1334" y2="12.8983" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF4E17"/>
<stop offset="1" stop-color="#F4BA4D"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 6.5 KiB

View File

@ -0,0 +1,36 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3_228)">
<g clip-path="url(#clip1_3_228)">
<path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z" fill="#F3F3F3"/>
<path d="M15.9979 3V12.4613L23.9947 16.0346L15.9979 3Z" fill="#343434"/>
<path d="M15.9978 3L8 16.0346L15.9978 12.4613V3Z" fill="#8C8C8C"/>
<path d="M15.9979 22.166V28.5948L24 17.5239L15.9979 22.166Z" fill="#3C3C3B"/>
<path d="M15.9978 28.5948V22.165L8 17.5239L15.9978 28.5948Z" fill="#8C8C8C"/>
<path d="M15.9979 20.6779L23.9947 16.0347L15.9979 12.4635V20.6779Z" fill="#141414"/>
<path d="M8 16.0347L15.9978 20.6779V12.4635L8 16.0347Z" fill="#393939"/>
</g>
<circle cx="27" cy="5" r="5" fill="url(#paint0_radial_3_228)"/>
<circle cx="27" cy="5" r="3.75" fill="url(#paint1_radial_3_228)"/>
<circle cx="27" cy="5" r="2.5" fill="url(#paint2_radial_3_228)"/>
</g>
<defs>
<radialGradient id="paint0_radial_3_228" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27 5) rotate(90) scale(5)">
<stop offset="0.739583" stop-color="#49266B"/>
<stop offset="1" stop-color="#976EC0"/>
</radialGradient>
<radialGradient id="paint1_radial_3_228" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27 5) rotate(90) scale(3.75)">
<stop offset="0.713542" stop-color="#3E2755"/>
<stop offset="1" stop-color="#845EAA"/>
</radialGradient>
<radialGradient id="paint2_radial_3_228" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27 5) rotate(90) scale(2.5)">
<stop offset="0.494792"/>
<stop offset="1" stop-color="#845EAA"/>
</radialGradient>
<clipPath id="clip0_3_228">
<rect width="32" height="32" fill="white"/>
</clipPath>
<clipPath id="clip1_3_228">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -0,0 +1,21 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_17)">
<g clip-path="url(#clip1_1_17)">
<path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z" fill="#F3F3F3"/>
<path d="M15.9979 3V12.4613L23.9947 16.0346L15.9979 3Z" fill="#343434"/>
<path d="M15.9978 3L8 16.0346L15.9978 12.4613V3Z" fill="#8C8C8C"/>
<path d="M15.9979 22.166V28.5948L24 17.5239L15.9979 22.166Z" fill="#3C3C3B"/>
<path d="M15.9978 28.5948V22.165L8 17.5239L15.9978 28.5948Z" fill="#8C8C8C"/>
<path d="M15.9979 20.6779L23.9947 16.0347L15.9979 12.4635V20.6779Z" fill="#141414"/>
<path d="M8 16.0347L15.9978 20.6779V12.4635L8 16.0347Z" fill="#393939"/>
</g>
</g>
<defs>
<clipPath id="clip0_1_17">
<rect width="32" height="32" fill="white"/>
</clipPath>
<clipPath id="clip1_1_17">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 955 B

View File

@ -0,0 +1,36 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3_228)">
<g clip-path="url(#clip1_3_228)">
<path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z" fill="#F3F3F3"/>
<path d="M15.9979 3V12.4613L23.9947 16.0346L15.9979 3Z" fill="#343434"/>
<path d="M15.9978 3L8 16.0346L15.9978 12.4613V3Z" fill="#8C8C8C"/>
<path d="M15.9979 22.166V28.5948L24 17.5239L15.9979 22.166Z" fill="#3C3C3B"/>
<path d="M15.9978 28.5948V22.165L8 17.5239L15.9978 28.5948Z" fill="#8C8C8C"/>
<path d="M15.9979 20.6779L23.9947 16.0347L15.9979 12.4635V20.6779Z" fill="#141414"/>
<path d="M8 16.0347L15.9978 20.6779V12.4635L8 16.0347Z" fill="#393939"/>
</g>
<circle cx="27" cy="5" r="5" fill="url(#paint0_radial_3_228)"/>
<circle cx="27" cy="5" r="3.75" fill="url(#paint1_radial_3_228)"/>
<circle cx="27" cy="5" r="2.5" fill="url(#paint2_radial_3_228)"/>
</g>
<defs>
<radialGradient id="paint0_radial_3_228" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27 5) rotate(90) scale(5)">
<stop offset="0.739583" stop-color="#49266B"/>
<stop offset="1" stop-color="#976EC0"/>
</radialGradient>
<radialGradient id="paint1_radial_3_228" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27 5) rotate(90) scale(3.75)">
<stop offset="0.713542" stop-color="#3E2755"/>
<stop offset="1" stop-color="#845EAA"/>
</radialGradient>
<radialGradient id="paint2_radial_3_228" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27 5) rotate(90) scale(2.5)">
<stop offset="0.494792"/>
<stop offset="1" stop-color="#845EAA"/>
</radialGradient>
<clipPath id="clip0_3_228">
<rect width="32" height="32" fill="white"/>
</clipPath>
<clipPath id="clip1_3_228">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -0,0 +1,11 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_11_348)">
<circle cx="16" cy="16" r="12" fill="white"/>
<path d="M20.2611 8.32332C21.1896 7.39482 22.715 7.39482 23.6435 8.32332C24.572 9.25181 24.572 10.7772 23.6435 11.7057C23.0964 12.2528 22.3668 12.485 21.6207 12.3855C21.5876 12.3855 21.5544 12.3855 21.5047 12.3855C21.2891 12.3523 21.057 12.3855 20.8249 12.485C20.5098 12.6342 20.2943 12.8829 20.1782 13.1813C20.0622 13.4798 20.0788 13.8114 20.2114 14.1098C21.0073 15.8342 20.6425 17.9233 19.2829 19.2663C17.9233 20.6259 15.8508 20.9907 14.1264 20.1948C13.8114 20.0456 13.4798 20.0456 13.1813 20.1617C12.8829 20.2777 12.6342 20.4933 12.5016 20.7917C12.4187 20.9907 12.3689 21.1896 12.3855 21.4052C12.3855 21.4383 12.3855 21.4881 12.3855 21.5212C12.5181 22.2839 12.2528 23.0632 11.7223 23.6104C10.7938 24.5389 9.26839 24.5389 8.3399 23.6104C7.89223 23.1627 7.64352 22.5658 7.64352 21.9192C7.64352 21.2891 7.89223 20.6756 8.3399 20.228C8.88705 19.6808 9.61658 19.4487 10.3627 19.5482C10.3793 19.5482 10.3793 19.5482 10.3959 19.5482C10.4788 19.5648 10.5617 19.5813 10.6446 19.5813C10.8269 19.5813 10.9927 19.5482 11.1585 19.4653C11.4736 19.3161 11.6891 19.0674 11.7886 18.7855C11.9047 18.487 11.9047 18.1389 11.7554 17.8238C10.9596 16.0829 11.3244 14.0104 12.6839 12.6674C14.0435 11.3078 16.1161 10.943 17.8404 11.7389C18.1389 11.8881 18.487 11.8881 18.7855 11.772C19.0839 11.656 19.3326 11.4404 19.4819 11.142C19.5979 10.9098 19.6145 10.6446 19.5813 10.3959C19.4653 9.64974 19.714 8.87047 20.2611 8.32332ZM17.8902 17.8736C18.9181 16.8456 18.9181 15.171 17.8902 14.1264C16.8622 13.0984 15.1876 13.0984 14.143 14.1264C13.115 15.1544 13.115 16.829 14.143 17.8736C15.1876 18.9016 16.8622 18.9016 17.8902 17.8736ZM16 0C24.8373 0 32 7.16269 32 16C32 24.8373 24.8373 32 16 32C7.16269 32 0 24.8373 0 16C0 7.16269 7.16269 0 16 0ZM24.5223 12.601C25.9316 11.1917 25.9316 8.90363 24.5223 7.47772C23.113 6.06839 20.8249 6.06839 19.399 7.47772C18.8684 8.00829 18.5534 8.65492 18.4041 9.31813C15.8342 8.35648 12.8995 8.96995 10.943 10.9264C8.98653 12.8829 8.37306 15.8342 9.3513 18.4041C8.6715 18.5368 8.02487 18.8684 7.4943 19.399C6.08497 20.8083 6.08497 23.0964 7.4943 24.5223C8.90363 25.9316 11.1917 25.9316 12.6176 24.5223C13.1482 23.9917 13.4798 23.3285 13.6124 22.6487C14.4083 22.9472 15.2373 23.0964 16.0663 23.0964C17.9067 23.0964 19.714 22.3834 21.057 21.0404C23.0135 19.0839 23.6269 16.1658 22.6819 13.6124C23.3451 13.4466 23.9917 13.115 24.5223 12.601Z" fill="#38A2FF"/>
</g>
<defs>
<clipPath id="clip0_11_348">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@ -0,0 +1,19 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_45)">
<path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16345 24.8366 0 16 0C7.16345 0 0 7.16345 0 16C0 24.8366 7.16345 32 16 32Z" fill="url(#paint0_linear_1_45)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 16C1.5 7.99188 7.99188 1.5 16 1.5C24.0081 1.5 30.5 7.99188 30.5 16C30.5 24.0081 24.0081 30.5 16 30.5C7.99188 30.5 1.5 24.0081 1.5 16ZM16 2.5C8.54416 2.5 2.5 8.54416 2.5 16C2.5 23.4558 8.54416 29.5 16 29.5C23.4558 29.5 29.5 23.4558 29.5 16C29.5 8.54416 23.4558 2.5 16 2.5Z" fill="white"/>
<path d="M6.15479 12.2139H6.18078C6.17324 12.2168 6.16359 12.2168 6.15479 12.2139Z" fill="#308D8A"/>
<path d="M10.2962 19.1044C10.3981 19.0025 10.5383 18.943 10.6869 18.943H24.1676C24.414 18.943 24.5371 19.2403 24.363 19.4145L21.7 22.0775C21.5981 22.1794 21.4579 22.2389 21.3092 22.2389H7.82853C7.58219 22.2389 7.45902 21.9416 7.63316 21.7675L10.2962 19.1044Z" fill="white"/>
<path d="M10.2962 9.16139C10.4024 9.05946 10.5425 9 10.6869 9H24.1676C24.414 9 24.5371 9.29731 24.363 9.47144L21.7 12.1345C21.5981 12.2364 21.4579 12.2958 21.3092 12.2958H7.82853C7.58219 12.2958 7.45902 11.9985 7.63316 11.8244L10.2962 9.16139Z" fill="white"/>
<path d="M21.7 14.101C21.5981 13.9991 21.4579 13.9396 21.3092 13.9396H7.82853C7.58219 13.9396 7.45902 14.2369 7.63316 14.411L10.2962 17.0741C10.3981 17.176 10.5383 17.2354 10.6869 17.2354H24.1676C24.414 17.2354 24.5371 16.9381 24.363 16.764L21.7 14.101Z" fill="white"/>
</g>
<defs>
<linearGradient id="paint0_linear_1_45" x1="32" y1="32" x2="0" y2="0" gradientUnits="userSpaceOnUse">
<stop stop-color="#3D9B7F"/>
<stop offset="1" stop-color="#87D58F"/>
</linearGradient>
<clipPath id="clip0_1_45">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -0,0 +1,21 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_17_15)">
<circle cx="16" cy="16" r="16" fill="#7546F6"/>
<path d="M7 11.1652L16 6L25 11.1652V21.4957L16 26.6609L7 21.4957V11.1652Z" fill="white"/>
<path d="M25 11.1652L16 6V16.3304L25 11.1652Z" fill="url(#paint0_linear_17_15)"/>
<path d="M25 21.4957L16 16.3304V26.6609L25 21.4957Z" fill="url(#paint1_linear_17_15)"/>
</g>
<defs>
<linearGradient id="paint0_linear_17_15" x1="20.5391" y1="8.73913" x2="16" y2="16.3304" gradientUnits="userSpaceOnUse">
<stop stop-color="#9467FF"/>
<stop offset="1" stop-color="#F5F5F5"/>
</linearGradient>
<linearGradient id="paint1_linear_17_15" x1="16" y1="17.5826" x2="22.4957" y2="23.2174" gradientUnits="userSpaceOnUse">
<stop stop-color="#8D5DED"/>
<stop offset="1" stop-color="#DBCAF7"/>
</linearGradient>
<clipPath id="clip0_17_15">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 963 B

View File

@ -0,0 +1,65 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_110)">
<mask id="mask0_1_110" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="32" height="32">
<path d="M16 0C24.832 0 32 7.168 32 16C32 24.832 24.832 32 16 32C7.168 32 0 24.832 0 16C0 7.168 7.168 0 16 0Z" fill="white"/>
</mask>
<g mask="url(#mask0_1_110)">
<path d="M0 0L32 32M32 0L0 32" stroke="black" stroke-miterlimit="22.9256"/>
</g>
<path d="M16 0C24.832 0 32 7.168 32 16C32 24.832 24.832 32 16 32C7.168 32 0 24.832 0 16C0 7.168 7.168 0 16 0Z" fill="url(#paint0_linear_1_110)"/>
<mask id="mask1_1_110" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="7" y="14" width="18" height="15">
<path d="M15.9872 18.8416L8.85761 14.7712L8.66561 15.0656C6.47681 18.432 6.96321 22.8352 9.84321 25.664C13.2352 28.992 18.7392 28.992 22.1312 25.664C25.0112 22.8352 25.4976 18.432 23.3088 15.0656L23.1168 14.7712L15.9872 18.8416Z" fill="white"/>
</mask>
<g mask="url(#mask1_1_110)">
<path d="M15.9872 28.416C20.7872 28.416 24.6784 24.5248 24.6784 19.7248C24.6784 14.9248 20.7872 11.0336 15.9872 11.0336C11.1872 11.0336 7.29602 14.9248 7.29602 19.7248C7.29602 24.5248 11.1872 28.416 15.9872 28.416Z" fill="url(#paint1_radial_1_110)"/>
</g>
<path d="M15.9872 9.7536L9.8432 13.2608L15.9872 16.768L22.1312 13.2608L15.9872 9.7536Z" fill="url(#paint2_radial_1_110)"/>
<path d="M16 10.6624L8.8576 14.7712L15.9872 18.8416L23.104 14.7712L16 10.6624Z" fill="url(#paint3_radial_1_110)"/>
<path d="M15.9872 3.84L9.8432 13.2608L15.9872 16.768V3.84Z" fill="url(#paint4_linear_1_110)"/>
<path d="M15.9872 16.768L22.1312 13.2608L15.9872 3.84V16.768Z" fill="url(#paint5_linear_1_110)"/>
<circle cx="27" cy="5" r="5" fill="url(#paint6_radial_1_110)"/>
<circle cx="27" cy="5" r="3.75" fill="url(#paint7_radial_1_110)"/>
<circle cx="27" cy="5" r="2.5" fill="url(#paint8_radial_1_110)"/>
</g>
<defs>
<linearGradient id="paint0_linear_1_110" x1="16" y1="0" x2="16" y2="32" gradientUnits="userSpaceOnUse">
<stop stop-color="#F89791"/>
<stop offset="1" stop-color="#F7C882"/>
</linearGradient>
<radialGradient id="paint1_radial_1_110" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.9708 26.8385) rotate(-90.4664) scale(11.6067 13.8344)">
<stop stop-color="#C5C6AB"/>
<stop offset="1" stop-color="#7985AB"/>
</radialGradient>
<radialGradient id="paint2_radial_1_110" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.9872 13.2608) scale(0.3072)">
<stop stop-color="#0066FF" stop-opacity="0"/>
<stop offset="1" stop-color="#00C2FF" stop-opacity="0.4"/>
</radialGradient>
<radialGradient id="paint3_radial_1_110" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.9808 14.752) scale(0.358502)">
<stop stop-color="#AEE6F9" stop-opacity="0.8588"/>
<stop offset="1" stop-color="#C8D6DC"/>
</radialGradient>
<linearGradient id="paint4_linear_1_110" x1="12.9152" y1="3.2" x2="12.9152" y2="16" gradientUnits="userSpaceOnUse">
<stop stop-color="#77D4FF"/>
<stop offset="1" stop-color="#93D6F2" stop-opacity="0.898"/>
</linearGradient>
<linearGradient id="paint5_linear_1_110" x1="19.0592" y1="3.2" x2="19.0592" y2="16" gradientUnits="userSpaceOnUse">
<stop stop-color="#506AAC"/>
<stop offset="1" stop-color="#96CFEF" stop-opacity="0.8196"/>
</linearGradient>
<radialGradient id="paint6_radial_1_110" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27 5) rotate(90) scale(5)">
<stop offset="0.739583" stop-color="#49266B"/>
<stop offset="1" stop-color="#976EC0"/>
</radialGradient>
<radialGradient id="paint7_radial_1_110" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27 5) rotate(90) scale(3.75)">
<stop offset="0.713542" stop-color="#3E2755"/>
<stop offset="1" stop-color="#845EAA"/>
</radialGradient>
<radialGradient id="paint8_radial_1_110" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27 5) rotate(90) scale(2.5)">
<stop offset="0.494792"/>
<stop offset="1" stop-color="#845EAA"/>
</radialGradient>
<clipPath id="clip0_1_110">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

@ -0,0 +1,51 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.8013 8.92342C14.8015 8.92325 14.8016 8.92306 14.8017 8.92289C15.8165 9.44357 16.9269 9.62198 17.9896 9.6189C18.607 10.186 19.1207 10.8521 19.6033 11.5361C19.8035 11.8218 19.984 12.1208 20.1436 12.4309C20.5127 13.1417 20.7841 13.8937 21.0588 14.6545C21.1393 14.8777 21.2202 15.1016 21.3038 15.3254C21.33 15.4212 21.3574 15.5171 21.3859 15.613L21.3874 15.6126C21.8116 17.0676 22.431 18.6218 23.261 19.9051L23.2602 19.9054C23.5347 20.3269 23.8422 20.7261 24.1799 21.0991C24.2463 21.171 24.3143 21.2422 24.3823 21.3134L24.3823 21.3135L24.3824 21.3135L24.3825 21.3136C24.7003 21.6466 25.0205 21.982 25.202 22.4016C25.4279 22.9246 25.4106 23.5261 25.2747 24.0795C24.6335 26.6879 22.1215 27.3733 19.7208 27.4365L19.7219 27.4335C18.8218 27.4514 17.9279 27.3843 17.1353 27.3031C17.1353 27.3031 13.3124 26.9074 10.0719 24.5383L9.96735 24.4606C9.96735 24.4606 9.96735 24.4606 9.96738 24.4606C9.58915 24.1787 9.2283 23.8742 8.88684 23.5487C7.97858 22.6818 7.17043 21.6986 6.55243 20.6192C6.55657 20.6151 6.56068 20.6109 6.56482 20.6068C6.49167 20.4752 6.42153 20.3422 6.35445 20.2079C5.75659 19.0113 5.39222 17.7088 5.37572 16.3243C5.34759 14.0012 6.14235 11.6221 7.65303 9.89723C7.65247 9.8958 7.65194 9.89437 7.6514 9.89295C8.46934 8.99699 9.49169 8.29315 10.702 7.89243C11.4607 7.63891 12.2572 7.51718 13.0571 7.53254C13.5438 8.10403 14.136 8.57625 14.8013 8.92342ZM12.9391 24.1234C13.486 23.9237 14.0042 23.6553 14.4873 23.3244C14.0011 23.653 13.4822 23.9217 12.9391 24.1234Z" fill="url(#paint0_linear_6_313)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.7362 7.03121C22.7366 7.03121 22.737 7.03121 22.7374 7.03118L22.7704 7.00993C18.5081 -0.26064 12.935 5.46353 12.935 5.46353L12.9429 5.47754C12.9426 5.47763 12.9423 5.47771 12.942 5.4778C16.1468 11.0966 22.2375 7.35164 22.7362 7.03121Z" fill="url(#paint1_linear_6_313)"/>
<path d="M17.4526 19.554C16.2781 22.3615 14.0231 24.2206 11.2911 24.5021C11.2324 24.51 10.4846 24.569 10.0719 24.5385C13.3123 26.9076 17.1352 27.3033 17.1352 27.3033C17.9537 27.3872 18.8801 27.456 19.8099 27.4316C20.1374 26.5768 20.3217 25.598 20.2688 24.4876C20.1461 21.9085 21.6416 20.5844 23.2609 19.9052C22.431 18.6219 21.8116 17.0677 21.3874 15.6128C20.1229 15.9492 18.5169 17.007 17.4526 19.554Z" fill="url(#paint2_linear_6_313)"/>
<path d="M20.2179 24.4692C20.2711 25.5796 20.0485 26.5816 19.721 27.4364C22.1217 27.3732 24.6337 26.6878 25.2749 24.0794C25.4108 23.526 25.4281 22.9245 25.2021 22.4016C24.9818 21.8921 24.557 21.5067 24.1801 21.099C23.8274 20.7095 23.5077 20.2914 23.224 19.8491C21.606 20.5286 20.0952 21.8904 20.2179 24.4692Z" fill="url(#paint3_linear_6_313)"/>
<path d="M21.304 15.3254C20.9352 14.3383 20.6212 13.3501 20.1438 12.4309C19.9842 12.1207 19.8037 11.8218 19.6036 11.5361C19.1209 10.8521 18.6072 10.186 17.9898 9.61889C16.9272 9.62197 15.8167 9.44356 14.8019 8.92288C13.774 10.3809 12.5978 12.8543 13.6744 15.6775C15.2642 19.8469 12.038 22.6964 9.96757 24.4606L10.0722 24.5383C10.4603 24.5686 10.8505 24.563 11.2377 24.5216C13.9694 24.2397 16.355 22.3359 17.5295 19.5287C18.5941 16.9817 20.1427 16.0142 21.4055 15.6775C21.3699 15.5601 21.3361 15.4427 21.304 15.3254Z" fill="url(#paint4_linear_6_313)"/>
<path d="M7.7641 9.77323C6.18136 11.507 5.34692 13.9451 5.37572 16.3246C5.39222 17.7091 5.75659 19.0116 6.35445 20.2082C6.44413 20.3877 6.53921 20.5648 6.63968 20.7395C9.96708 17.3995 8.76492 12.4228 7.7641 9.77323Z" fill="url(#paint5_linear_6_313)"/>
<path d="M13.7306 15.6775C12.654 12.8532 13.8038 10.396 14.8304 8.93827C14.1534 8.58976 13.5512 8.11222 13.0575 7.53254C12.2577 7.51718 11.4611 7.63891 10.7024 7.89243C9.49213 8.29315 8.46978 8.99699 7.65184 9.89295C8.63057 12.4843 9.80672 17.3525 6.55287 20.6192C7.17087 21.6986 7.97902 22.6818 8.88728 23.5487C9.24552 23.8902 9.6251 24.2086 10.0237 24.502C12.0941 22.7386 15.3203 19.8469 13.7306 15.6775Z" fill="url(#paint6_linear_6_313)"/>
<path d="M17.7448 5.92682C19.9978 6.81579 21.5758 7.05655 22.7198 7.02216L22.7528 7.00091C18.4905 -0.269646 12.9174 5.45452 12.9174 5.45452L12.9255 5.46878C14.1277 5.25569 15.8748 5.18942 17.7448 5.92682Z" fill="url(#paint7_linear_6_313)"/>
<path d="M17.7726 5.87651C15.9038 5.14023 14.1465 5.16819 12.9243 5.4688C16.1292 11.0878 22.2202 7.34237 22.7185 7.02218C21.5737 7.05658 20.0256 6.76548 17.7726 5.87651Z" fill="url(#paint8_linear_6_313)"/>
<defs>
<linearGradient id="paint0_linear_6_313" x1="2.88192" y1="10.9427" x2="28.944" y2="26.5604" gradientUnits="userSpaceOnUse">
<stop stop-color="#E54033"/>
<stop offset="0.489583" stop-color="#FECA1A"/>
<stop offset="1" stop-color="#AFD803"/>
</linearGradient>
<linearGradient id="paint1_linear_6_313" x1="7377.47" y1="874.49" x2="5745.9" y2="-803.807" gradientUnits="userSpaceOnUse">
<stop offset="0.15" stop-color="#6CBF00"/>
<stop offset="1" stop-color="#AFD803"/>
</linearGradient>
<linearGradient id="paint2_linear_6_313" x1="7.38205" y1="24.7354" x2="23.7128" y2="20.7645" gradientUnits="userSpaceOnUse">
<stop offset="0.21" stop-color="#E54033"/>
<stop offset="0.84" stop-color="#FECA1A"/>
</linearGradient>
<linearGradient id="paint3_linear_6_313" x1="20.2487" y1="23.6337" x2="25.2877" y2="23.6714" gradientUnits="userSpaceOnUse">
<stop stop-color="#FECA1A"/>
<stop offset="0.4" stop-color="#FECA1A"/>
<stop offset="1" stop-color="#AFD803"/>
</linearGradient>
<linearGradient id="paint4_linear_6_313" x1="8.84259" y1="24.837" x2="19.1738" y2="10.8504" gradientUnits="userSpaceOnUse">
<stop offset="0.16" stop-color="#E54033"/>
<stop offset="0.84" stop-color="#FECA1A"/>
</linearGradient>
<linearGradient id="paint5_linear_6_313" x1="7.33793" y1="10.9399" x2="6.88045" y2="19.9738" gradientUnits="userSpaceOnUse">
<stop stop-color="#FECA1A"/>
<stop offset="0.76" stop-color="#E54033"/>
</linearGradient>
<linearGradient id="paint6_linear_6_313" x1="12.3922" y1="8.59376" x2="9.63307" y2="19.0709" gradientUnits="userSpaceOnUse">
<stop offset="0.16" stop-color="#FECA1A"/>
<stop offset="1" stop-color="#E54033"/>
</linearGradient>
<linearGradient id="paint7_linear_6_313" x1="13.4607" y1="3.57759" x2="23.6767" y2="7.34318" gradientUnits="userSpaceOnUse">
<stop offset="0.15" stop-color="#6CBF00"/>
<stop offset="1" stop-color="#AFD803"/>
</linearGradient>
<linearGradient id="paint8_linear_6_313" x1="7377.44" y1="874.481" x2="5745.87" y2="-803.816" gradientUnits="userSpaceOnUse">
<stop offset="0.15" stop-color="#6CBF00"/>
<stop offset="1" stop-color="#AFD803"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 6.4 KiB

View File

@ -0,0 +1,28 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_63)">
<path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16345 24.8366 0 16 0C7.16345 0 0 7.16345 0 16C0 24.8366 7.16345 32 16 32Z" fill="#C8ECE1"/>
<path d="M5.29524 11.8893C5.08172 11.6904 5.28095 11.442 5.45579 11.3054C5.67519 11.0999 5.89249 10.8767 6.09844 10.68C7.01512 9.74696 7.93219 8.84079 8.96785 8.04847C9.10908 7.58198 9.76138 7.96741 9.48569 8.34273C8.19239 9.37206 7.01974 10.5548 5.85046 11.7253L5.86601 11.7098C5.86983 11.7066 5.87335 11.7031 5.87652 11.6992C5.72941 11.8619 5.50791 12.0842 5.29524 11.8893Z" fill="#308D8A"/>
<path d="M22.9244 12.238C22.899 12.207 22.8803 12.1712 22.8693 12.1327C22.8583 12.0942 22.8552 12.0539 22.8603 12.0142C22.8654 11.9745 22.8786 11.9363 22.899 11.9018C22.9194 11.8674 22.9467 11.8374 22.979 11.8139C24.1386 10.5446 25.2647 9.25007 26.4844 8.03585C26.5928 7.88744 26.8559 7.87108 26.9538 8.04801C27.0513 8.20815 26.9664 8.37498 26.845 8.49266C26.573 8.7978 26.2658 9.0681 25.9867 9.36648C25.2722 10.1041 24.5997 10.8758 23.9272 11.65C23.6482 11.8715 23.3321 12.5923 22.9244 12.238Z" fill="#308D8A"/>
<path d="M9.33668 8.4205C9.26579 8.41715 9.19873 8.3875 9.14859 8.33723C9.09853 8.28702 9.06909 8.21982 9.06596 8.14899C9.06525 8.10853 9.073 8.06843 9.08872 8.03116C9.10443 7.9939 9.12776 7.96034 9.1572 7.93268C9.18671 7.90494 9.22155 7.88368 9.25974 7.87031C9.29786 7.85687 9.33839 7.85161 9.37871 7.85474C9.74351 7.8056 10.0693 7.77488 10.4294 7.75511C15.7577 7.38782 21.1236 7.53915 26.4455 7.81527C26.6019 7.80261 26.7398 7.94555 26.7423 8.09687C26.733 8.50661 26.2433 8.38053 25.9744 8.37847C20.4444 8.09054 14.8624 7.93339 9.33668 8.4205Z" fill="#308D8A"/>
<path d="M22.5912 12.4739C22.5042 12.4704 22.4231 12.4671 22.355 12.4739C19.2788 12.3011 16.1887 12.3225 13.102 12.3436C10.9056 12.3591 8.71029 12.3734 6.52514 12.3196C6.44358 12.2749 6.35482 12.2449 6.26288 12.2309C6.12583 12.1844 5.98528 12.149 5.84258 12.125C5.78751 12.1133 5.73204 12.1027 5.67698 12.0922C5.6547 12.0838 5.63495 12.0771 5.61225 12.0699C5.53645 12.0456 5.45732 12.0333 5.37771 12.0334C5.37309 12.0334 5.36806 12.0334 5.36344 12.0313C5.36773 12.0323 5.37208 12.033 5.37646 12.0334H5.37183C5.30842 12.0224 5.24443 12.0151 5.18018 12.0115C5.18544 11.9718 5.19949 11.9338 5.22131 11.9002C5.24312 11.8666 5.27214 11.8383 5.30627 11.8174C5.49288 11.6858 5.72658 11.6812 5.94387 11.7106C6.85131 11.8278 7.75996 11.8022 8.67118 11.7774C9.2176 11.7635 9.76402 11.7484 10.3104 11.7648C11.5793 11.7892 12.8498 11.7787 14.1204 11.7682C15.7075 11.7551 17.2962 11.7425 18.8824 11.7997C19.5915 11.7871 20.3018 11.8139 21.0109 11.8417C21.6472 11.8674 22.2836 11.8922 22.919 11.8888C22.9584 11.8783 22.9995 11.8761 23.0397 11.8822C23.08 11.8883 23.1186 11.9026 23.153 11.9243C23.1875 11.946 23.2172 11.9746 23.2401 12.0083C23.263 12.0419 23.2788 12.0799 23.2864 12.1199C23.3048 12.4335 23.0384 12.4798 22.7631 12.4798C22.7068 12.4781 22.6479 12.4759 22.5912 12.4739Z" fill="#308D8A"/>
<path d="M6.15479 12.2139H6.18078C6.17324 12.2168 6.16359 12.2168 6.15479 12.2139Z" fill="#308D8A"/>
<path d="M5.61291 12.0675C5.53719 12.0429 5.458 12.0307 5.37839 12.0313C5.37377 12.0313 5.36873 12.0313 5.36411 12.0288C5.36873 12.0288 5.37377 12.0288 5.37713 12.0313H5.37251C5.29553 12.0162 5.21729 12.0083 5.13883 12.0078H5.11487C5.08916 11.9518 5.07948 11.8897 5.0869 11.8285C5.09431 11.7673 5.11854 11.7093 5.1569 11.6611C5.25903 11.5308 5.34015 11.3324 5.53138 11.3286C5.84828 11.3311 5.90123 11.6926 5.6995 11.883C5.70398 11.9173 5.70149 11.9523 5.69217 11.9856C5.68286 12.019 5.66691 12.0501 5.64528 12.0771L5.61291 12.0675Z" fill="#308D8A"/>
<path d="M6.75799 12.3719C6.49068 12.3643 6.20866 12.3403 5.94808 12.3365C5.67026 12.3097 5.35504 12.3878 5.10119 12.2525C4.70905 11.9781 5.34411 11.1858 5.69422 11.2614C5.91613 11.3106 6.01112 11.6174 5.8182 11.7628C6.15443 11.7713 6.47849 11.7864 6.81431 11.8048C7.1812 11.8469 7.12616 12.4 6.75799 12.3719Z" fill="#308D8A"/>
<path d="M22.53 14.3575C17.003 14.1453 11.4722 14.3516 5.94313 14.2865C5.59386 14.2726 5.58083 13.7346 5.94313 13.7219C11.6118 13.767 17.2813 13.5959 22.9474 13.7913C23.3114 13.7829 23.3408 14.3428 22.9663 14.3587C22.8196 14.363 22.6738 14.3617 22.53 14.3575Z" fill="#308D8A"/>
<path d="M26.0399 18.4691C22.7317 18.3068 19.4084 18.3947 16.0926 18.3518C14.8258 18.3333 13.567 18.2576 12.3015 18.293C11.3999 18.2787 10.4912 18.467 9.59518 18.4035C9.26522 18.3152 9.33498 17.8218 9.68762 17.8458C11.5101 17.786 13.34 17.6289 15.1671 17.7688C17.5868 17.8054 20.0077 17.7688 22.4278 17.8281C23.6467 17.8382 24.8702 17.7835 26.0844 17.9025C26.3366 17.9105 26.7422 17.826 26.7674 18.1791C26.7573 18.567 26.2954 18.4682 26.0315 18.4691H26.0399Z" fill="#308D8A"/>
<path d="M9.3859 18.3246L9.36151 18.3036L9.34978 18.2944C9.36279 18.3045 9.37623 18.3158 9.3918 18.3259C7.93289 17.1638 6.78594 15.6881 5.53386 14.3225C5.23461 14.0867 5.58513 13.65 5.86715 13.8631C6.96245 14.9613 7.85894 16.239 9.04165 17.2503C9.28542 17.4941 9.55067 17.7034 9.80112 17.9299C10.0256 18.1927 9.64105 18.5634 9.3859 18.3246Z" fill="#308D8A"/>
<path d="M26.4637 18.4502C26.4154 18.4389 26.3707 18.4153 26.3342 18.3817C26.2977 18.348 26.2705 18.3054 26.2553 18.2582C26.2401 18.2109 26.2374 18.1605 26.2475 18.1119C26.2576 18.0632 26.2801 18.0181 26.3128 17.9807C25.2877 16.6845 24.0831 15.5333 22.8639 14.4237C22.3074 14.2337 22.8639 13.5192 23.2337 13.9874C24.4412 15.036 25.5665 16.1756 26.5999 17.3961C26.7592 17.5819 26.8521 17.7378 26.984 17.929C27.1425 18.2589 26.7752 18.5372 26.4637 18.4502Z" fill="#308D8A"/>
<path d="M9.46332 20.5063C9.39064 20.4881 9.32792 20.4421 9.28867 20.3783C9.24934 20.3144 9.23661 20.2377 9.25318 20.1646C9.29521 19.9766 9.47889 19.9304 9.64906 19.9544C9.87434 19.913 10.1016 19.8837 10.3299 19.8665C15.6636 19.5597 21.0326 19.8077 26.3814 19.7799C26.7307 19.7905 26.7475 20.3318 26.3835 20.3445C20.7472 20.3916 15.0655 20.0738 9.46332 20.5063Z" fill="#308D8A"/>
<path d="M5.9828 24.4555C5.58435 24.5126 5.48137 23.928 5.89874 23.8897C6.52246 23.928 7.13653 23.8687 7.75818 23.8426C12.8682 23.7645 17.9799 23.8569 23.0908 23.8884C23.4102 23.9582 23.3538 24.456 23.0273 24.4488C17.328 24.4336 11.6372 24.3071 5.94329 24.4534L5.9828 24.4555Z" fill="#308D8A"/>
<path d="M22.9506 24.2727C22.6379 24.0302 22.9927 23.7234 23.1852 23.5422C23.1788 23.5489 23.1721 23.5548 23.1658 23.5607C24.2233 22.4221 25.1569 21.1691 26.2543 20.0687C26.2812 19.73 26.8137 19.7455 26.8167 20.0881C26.8204 20.1649 26.8059 20.2415 26.7746 20.3117C26.7431 20.3818 26.6956 20.4436 26.6359 20.492C25.7533 21.3633 25.0118 22.3636 24.1762 23.2796C23.9089 23.6015 23.6181 23.91 23.3398 24.2202C23.2928 24.2753 23.227 24.3112 23.1552 24.3209C23.0834 24.3306 23.0106 24.3134 22.9506 24.2727Z" fill="#308D8A"/>
<path d="M5.66685 24.2647C5.18602 24.0428 5.6513 23.6074 5.877 23.3952C6.5041 22.6941 7.15895 21.9695 7.84823 21.339C8.27859 20.9011 8.73086 20.4888 9.18903 20.0819C9.27308 20.0025 9.38067 19.918 9.49921 19.9197C9.81146 19.9075 9.90099 20.3652 9.6051 20.4699C8.34416 21.5698 7.18753 22.7891 6.07076 24.0197C5.9724 24.1643 5.88205 24.3333 5.66685 24.2647Z" fill="#308D8A"/>
<path d="M9.2907 20.1835C15.0073 19.6967 20.8017 20.0394 26.5529 20.0014C25.5203 21.2271 24.6099 22.5827 23.5902 23.8248L23.5862 23.8294C23.4863 23.9339 23.3553 24.0725 23.2837 24.2176C17.9833 24.1785 12.6806 24.0725 7.38137 24.1645C6.82422 24.191 6.27591 24.2456 5.71875 24.2346C6.84854 22.8303 8.01902 21.4412 9.2907 20.1835Z" fill="#308D8A"/>
<path d="M26.65 18.1263C26.5901 18.1263 26.5328 18.1305 26.4813 18.1291C25.2173 17.9928 23.9454 18.0555 22.6775 18.0435C20.1604 17.977 17.6417 18.0182 15.1246 17.977C13.2301 17.8178 11.3322 17.9942 9.44077 18.0621C9.20995 17.8408 8.97208 17.6318 8.74957 17.3864C7.67615 16.3821 6.82972 15.1474 5.87354 14.0173C11.5097 14.08 17.1476 13.8609 22.7816 14.0963C22.855 14.0986 22.9293 14.1 23.0028 14.1C23.0417 14.1311 23.0849 14.155 23.1309 14.1709C24.3708 15.4066 25.5985 16.6878 26.65 18.1263Z" fill="#308D8A"/>
<path d="M26.6547 8.21904C26.7059 8.21904 26.7652 8.22416 26.8262 8.22921C25.6627 9.45432 24.574 10.7453 23.4545 12.0116C23.4246 12.0331 23.399 12.0603 23.3791 12.0918C22.7057 12.096 22.0297 12.0686 21.354 12.0403C20.5968 12.0093 19.8377 11.9791 19.0804 11.994C17.3863 11.9304 15.6898 11.9448 13.9943 11.9591C12.6373 11.9707 11.2807 11.9824 9.92507 11.955C9.34146 11.9369 8.75792 11.955 8.17431 11.9694C7.20109 11.9968 6.23057 12.0251 5.26094 11.8956C5.23715 11.8914 5.21606 11.8891 5.19092 11.8863C5.19361 11.8826 5.19585 11.8775 5.19855 11.8733C6.40475 10.625 7.61588 9.36749 8.94416 8.26079C14.8261 7.72902 20.766 7.90253 26.6547 8.21904Z" fill="#308D8A"/>
</g>
<defs>
<clipPath id="clip0_1_63">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 8.6 KiB

View File

@ -0,0 +1,19 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_15_367)">
<path d="M32 16C32 24.8365 24.8365 32 16 32C7.16344 32 0 24.8365 0 16C0 7.16344 7.16344 0 16 0C24.8365 0 32 7.16344 32 16Z" fill="#FFD15C"/>
<path d="M8.25031 22.5564C8.38837 22.4627 8.51724 22.3221 8.58139 22.1228C8.65268 21.9012 8.61063 21.7063 8.57724 21.5983C8.57615 21.5947 8.57497 21.5911 8.57381 21.5875L8.60041 21.4321C8.67389 21.4735 8.75845 21.5291 8.85488 21.5968C8.87813 21.6132 8.91065 21.6364 8.94447 21.6604C8.98887 21.6921 9.03567 21.7256 9.06685 21.7473C9.12044 21.7845 9.19653 21.8365 9.27716 21.8793C11.4108 23.2055 13.1753 23.7521 14.5768 23.6844C16.0259 23.6144 17.042 22.8855 17.5661 21.8217C18.0727 20.7935 18.0904 19.5193 17.7353 18.3391C17.378 17.1512 16.6265 15.9967 15.5064 15.1977C13.6189 13.8515 11.8893 11.8045 11.0148 10.064C10.5706 9.18003 10.3939 8.46713 10.4406 8.00164C10.4623 7.785 10.5287 7.65395 10.608 7.5696C10.6875 7.4852 10.8323 7.39211 11.1111 7.34619C11.7019 7.24887 12.3851 7.03612 13.0785 6.82023C13.3476 6.7364 13.6183 6.65211 13.8857 6.57391C14.8851 6.28168 15.9431 6.03617 17.0552 6.03827C19.212 6.04232 21.7433 6.97876 24.4085 10.8743C27.8323 15.8787 25.9525 21.4707 22.0084 24.4084C20.0415 25.8735 17.5872 26.6512 15.0653 26.3555C12.7946 26.0893 10.4163 24.9465 8.25031 22.5564Z" fill="white"/>
<path d="M8.64744 21.2612C8.64744 21.2613 8.64671 21.2628 8.64496 21.2653M8.43305 21.3589C8.43299 21.3588 8.43517 21.3591 8.43991 21.3603M8.25031 22.5564C8.38837 22.4627 8.51724 22.3221 8.58139 22.1228C8.65268 21.9012 8.61063 21.7063 8.57724 21.5983C8.57615 21.5947 8.57497 21.5911 8.57381 21.5875L8.60041 21.4321C8.67389 21.4735 8.75845 21.5291 8.85488 21.5968C8.87813 21.6132 8.91065 21.6364 8.94447 21.6604C8.98887 21.6921 9.03567 21.7256 9.06685 21.7473C9.12044 21.7845 9.19653 21.8365 9.27716 21.8793C11.4108 23.2055 13.1753 23.7521 14.5768 23.6844C16.0259 23.6144 17.042 22.8855 17.5661 21.8217C18.0727 20.7935 18.0904 19.5193 17.7353 18.3391C17.378 17.1512 16.6265 15.9967 15.5064 15.1977C13.6189 13.8515 11.8893 11.8045 11.0148 10.064C10.5706 9.18003 10.3939 8.46713 10.4406 8.00164C10.4623 7.785 10.5287 7.65395 10.608 7.5696C10.6875 7.4852 10.8323 7.39211 11.1111 7.34619C11.7019 7.24887 12.3851 7.03612 13.0785 6.82023C13.3476 6.7364 13.6183 6.65211 13.8857 6.57391C14.8851 6.28168 15.9431 6.03617 17.0552 6.03827C19.212 6.04232 21.7433 6.97876 24.4085 10.8743C27.8323 15.8787 25.9525 21.4707 22.0084 24.4084C20.0415 25.8735 17.5872 26.6512 15.0653 26.3555C12.7946 26.0893 10.4163 24.9465 8.25031 22.5564Z" stroke="black" stroke-width="1.65708"/>
<path d="M10.2103 7.6018C10.2103 7.6018 16.3265 5.97315 17.6657 5.97315C19.0048 5.97315 24.3557 8.57157 25.9173 13.32C28.1312 20.0516 22.1096 24.4655 21.4296 24.0328C27.9079 18.6764 17.3037 8.77553 12.0922 9.51991C11.4408 9.613 11.8027 10.1714 11.8027 10.1714L11.6579 11.619L10.5722 9.80944L10.2103 7.6018Z" fill="black"/>
<path d="M25.0263 11.2951C26.9576 14.6952 26.5563 12.7485 26.1275 16.6353C26.921 15.3517 28.1616 16.3128 28.674 16.8036C28.7659 16.8916 28.9174 16.8371 28.9131 16.71C28.8936 16.1335 28.7284 14.8876 27.774 13.5511C26.4654 11.7184 25.0263 11.2951 25.0263 11.2951Z" fill="black"/>
<path d="M26.1275 16.6353C26.2014 16.4528 26.3167 16.168 26.3167 16.168M26.1275 16.6353C26.5563 12.7485 26.9576 14.6952 25.0263 11.2951C25.0263 11.2951 26.4654 11.7184 27.774 13.5511C28.7284 14.8876 28.8936 16.1335 28.9131 16.71C28.9174 16.8371 28.7659 16.8916 28.674 16.8036C28.1616 16.3128 26.921 15.3517 26.1275 16.6353Z" stroke="black" stroke-width="0.0930942"/>
<path d="M9.48682 16.1168C8.67187 17.4965 6.99987 17.3931 7.03189 19.0387C8.52529 22.3567 8.53411 22.1187 8.53411 22.1187C11.3005 20.5647 10.1636 17.1332 9.75317 16.124C9.70674 16.0099 9.54943 16.0108 9.48682 16.1168Z" fill="black"/>
<path d="M3.21598 19.1673C4.80489 19.3747 5.75273 17.9933 7.02974 19.0316C8.72495 22.2512 8.53194 22.1117 8.53194 22.1117C5.60426 23.3348 3.60018 20.3264 3.05762 19.3816C2.99629 19.2748 3.09386 19.1515 3.21598 19.1673Z" fill="black"/>
<path d="M16.5438 17.1203C16.5438 17.1203 18.1363 18.7491 17.3039 19.0023C16.2659 18.3635 14.4059 18.8599 13.4942 19.1673C13.2697 19.2431 13.0497 19.0439 13.1306 18.8212C13.4406 17.9681 14.2062 16.3891 15.6752 16.1793C16.5438 15.962 16.5438 17.1203 16.5438 17.1203Z" fill="black"/>
<path d="M17.5209 9.15793C17.34 8.90463 16.9781 8.21696 18.1 8.21696C19.222 8.21696 20.9362 9.48733 21.2848 9.95728C21.1762 10.2437 20.4525 10.3077 20.0905 10.2799C19.7286 10.2521 19.1133 10.1925 18.6429 9.95728C18.1724 9.72205 17.7018 9.41131 17.5209 9.15793Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_15_367">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 4.6 KiB

View File

@ -0,0 +1,28 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.7472 12.463V22.3532L16 28.7031L5.24676 22.3532V9.64688L16 3.29069L24.2597 8.1744L25.5065 7.43815L16 1.81821L4 8.91064V23.0894L16 30.1818L28 23.0894V11.7267L26.7472 12.463Z" fill="url(#paint0_linear_6_301)"/>
<path d="M12.9911 22.3595H11.1929V16.1874H17.1869C17.754 16.1809 18.2958 15.9463 18.6952 15.5341C19.0945 15.1219 19.3192 14.5653 19.3207 13.9848C19.3241 13.6978 19.2699 13.4131 19.1616 13.1483C19.0535 12.8834 18.8933 12.6441 18.6914 12.4449C18.496 12.2393 18.262 12.0762 18.0034 11.9655C17.7449 11.8548 17.4672 11.7988 17.1869 11.8007H11.1929V9.92326H17.1929C18.2433 9.92969 19.2489 10.3597 19.9918 11.12C20.7345 11.8803 21.1547 12.9096 21.1609 13.9848C21.1673 14.8079 20.9221 15.6124 20.4596 16.2856C20.0339 16.9297 19.434 17.4329 18.7333 17.7336C18.0396 17.9587 17.3153 18.0706 16.5875 18.0648H12.9911V22.3595Z" fill="url(#paint1_linear_6_301)"/>
<path d="M21.1187 22.2058H19.0209L17.4025 19.3161C18.0427 19.276 18.6743 19.1438 19.2786 18.9235L21.1187 22.2058Z" fill="url(#paint2_linear_6_301)"/>
<path d="M25.4943 10.4079L26.735 11.1134L27.9758 10.4079V8.91699L26.735 8.18075L25.4943 8.91699V10.4079Z" fill="url(#paint3_linear_6_301)"/>
<defs>
<linearGradient id="paint0_linear_6_301" x1="27.9787" y1="8.91844" x2="2.37141" y2="18.9229" gradientUnits="userSpaceOnUse">
<stop stop-color="#C200FB"/>
<stop offset="0.489658" stop-color="#3772FF"/>
<stop offset="1" stop-color="#5AC4BE"/>
</linearGradient>
<linearGradient id="paint1_linear_6_301" x1="27.9788" y1="8.91874" x2="2.37151" y2="18.9232" gradientUnits="userSpaceOnUse">
<stop stop-color="#C200FB"/>
<stop offset="0.489658" stop-color="#3772FF"/>
<stop offset="1" stop-color="#5AC4BE"/>
</linearGradient>
<linearGradient id="paint2_linear_6_301" x1="27.9786" y1="8.9184" x2="2.37128" y2="18.9228" gradientUnits="userSpaceOnUse">
<stop stop-color="#C200FB"/>
<stop offset="0.489658" stop-color="#3772FF"/>
<stop offset="1" stop-color="#5AC4BE"/>
</linearGradient>
<linearGradient id="paint3_linear_6_301" x1="27.9785" y1="8.91865" x2="2.37122" y2="18.9231" gradientUnits="userSpaceOnUse">
<stop stop-color="#C200FB"/>
<stop offset="0.489658" stop-color="#3772FF"/>
<stop offset="1" stop-color="#5AC4BE"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -0,0 +1,13 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_84)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C24.832 0 32 7.168 32 16C32 24.832 24.832 32 16 32C7.168 32 0 24.832 0 16C0 7.168 7.168 0 16 0Z" fill="#CF1011"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 12.2112C18.0864 12.2112 19.7888 13.9008 19.7888 16C19.7888 18.0864 18.0992 19.7888 16 19.7888C13.9136 19.7888 12.2112 18.0992 12.2112 16C12.2112 13.9136 13.9008 12.2112 16 12.2112Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0896 6.0928C17.28 6.1056 18.4576 6.336 19.5584 6.7584C20.6592 7.1808 21.6832 7.7952 22.5792 8.5888L22.6048 8.6144C24.64 10.432 25.7536 12.8896 25.8944 15.4112C26.048 17.9456 25.2288 20.5312 23.424 22.5792L23.3984 22.6048C21.5808 24.64 19.1232 25.7536 16.6016 25.8944C14.0672 26.048 11.4816 25.2288 9.4336 23.424C7.3856 21.6064 6.2592 19.136 6.1184 16.6016C5.9648 14.0672 6.784 11.4816 8.5888 9.4336L9.4464 10.1888C7.8464 11.9936 7.1296 14.2848 7.2576 16.5248C7.3984 18.7648 8.384 20.9536 10.1888 22.5536C11.9936 24.1536 14.2848 24.8704 16.5248 24.7424C18.7648 24.6016 20.9536 23.616 22.5536 21.8112L22.5792 21.7856C24.1664 19.9808 24.8832 17.7024 24.7424 15.4752C24.6016 13.2352 23.616 11.0464 21.8112 9.4464L21.7856 9.4208C21.0048 8.7296 20.1088 8.192 19.1488 7.8208C18.176 7.4496 17.1392 7.2448 16.0896 7.232L16.1024 6.08L16.0896 6.0928Z" fill="white"/>
<path d="M10.368 6.1568C11.0592 6.1568 11.6736 6.4384 12.1216 6.8864C12.5696 7.3344 12.8512 7.9616 12.8512 8.64C12.8512 9.3312 12.5696 9.9456 12.1216 10.3936C11.6736 10.8416 11.0464 11.1232 10.368 11.1232C9.6768 11.1232 9.0624 10.8416 8.6144 10.3936C8.1664 9.9456 7.8848 9.3184 7.8848 8.64C7.8848 7.9488 8.1664 7.3344 8.6144 6.8864C9.0624 6.4384 9.6896 6.1568 10.368 6.1568ZM11.3152 7.7056C11.072 7.4624 10.7392 7.3088 10.368 7.3088C9.9968 7.3088 9.664 7.4624 9.4208 7.7056C9.1776 7.9488 9.024 8.2816 9.024 8.6528C9.024 9.024 9.1776 9.3568 9.4208 9.6C9.664 9.8432 9.9968 9.9968 10.368 9.9968C10.7392 9.9968 11.072 9.8432 11.3152 9.6C11.5584 9.3568 11.712 9.024 11.712 8.6528C11.712 8.2816 11.5584 7.9488 11.3152 7.7056Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_1_84">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,26 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_37)">
<path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16345 24.8366 0 16 0C7.16345 0 0 7.16345 0 16C0 24.8366 7.16345 32 16 32Z" fill="black"/>
<path d="M6.15479 12.2139H6.18078C6.17324 12.2168 6.16359 12.2168 6.15479 12.2139Z" fill="#308D8A"/>
<path d="M9.24663 19.7457C9.36733 19.625 9.5333 19.5546 9.70932 19.5546H25.6721C25.9638 19.5546 26.1096 19.9066 25.9034 20.1128L22.7501 23.2662C22.6294 23.3869 22.4634 23.4573 22.2874 23.4573H6.32465C6.03295 23.4573 5.88711 23.1052 6.0933 22.899L9.24663 19.7457Z" fill="url(#paint0_linear_1_37)"/>
<path d="M9.24663 7.97223C9.37236 7.85153 9.53833 7.78112 9.70932 7.78112H25.6721C25.9638 7.78112 26.1096 8.13316 25.9034 8.33936L22.7501 11.4927C22.6294 11.6134 22.4634 11.6838 22.2874 11.6838H6.32465C6.03295 11.6838 5.88711 11.3317 6.0933 11.1256L9.24663 7.97223Z" fill="url(#paint1_linear_1_37)"/>
<path d="M22.7501 13.8214C22.6294 13.7007 22.4634 13.6303 22.2874 13.6303H6.32465C6.03295 13.6303 5.88711 13.9824 6.0933 14.1886L9.24663 17.3419C9.36733 17.4626 9.5333 17.533 9.70932 17.533H25.6721C25.9638 17.533 26.1096 17.181 25.9034 16.9748L22.7501 13.8214Z" fill="url(#paint2_linear_1_37)"/>
</g>
<defs>
<linearGradient id="paint0_linear_1_37" x1="24.1472" y1="5.8974" x2="13.0996" y2="27.0579" gradientUnits="userSpaceOnUse">
<stop stop-color="#00FFA3"/>
<stop offset="1" stop-color="#DC1FFF"/>
</linearGradient>
<linearGradient id="paint1_linear_1_37" x1="19.3166" y1="3.37545" x2="8.26912" y2="24.5359" gradientUnits="userSpaceOnUse">
<stop stop-color="#00FFA3"/>
<stop offset="1" stop-color="#DC1FFF"/>
</linearGradient>
<linearGradient id="paint2_linear_1_37" x1="21.7165" y1="4.62863" x2="10.669" y2="25.789" gradientUnits="userSpaceOnUse">
<stop stop-color="#00FFA3"/>
<stop offset="1" stop-color="#DC1FFF"/>
</linearGradient>
<clipPath id="clip0_1_37">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@ -0,0 +1,26 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_89)">
<path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16345 24.8366 0 16 0C7.16345 0 0 7.16345 0 16C0 24.8366 7.16345 32 16 32Z" fill="#F5F8FA"/>
<path d="M6.15479 12.2139H6.18078C6.17324 12.2168 6.16359 12.2168 6.15479 12.2139Z" fill="#308D8A"/>
<path d="M9.24663 19.7457C9.36733 19.625 9.5333 19.5546 9.70932 19.5546H25.6721C25.9638 19.5546 26.1096 19.9066 25.9034 20.1128L22.7501 23.2662C22.6294 23.3869 22.4634 23.4573 22.2874 23.4573H6.32465C6.03295 23.4573 5.88711 23.1052 6.0933 22.899L9.24663 19.7457Z" fill="url(#paint0_linear_1_89)"/>
<path d="M9.24663 7.97223C9.37236 7.85153 9.53833 7.78112 9.70932 7.78112H25.6721C25.9638 7.78112 26.1096 8.13316 25.9034 8.33936L22.7501 11.4927C22.6294 11.6134 22.4634 11.6838 22.2874 11.6838H6.32465C6.03295 11.6838 5.88711 11.3317 6.0933 11.1256L9.24663 7.97223Z" fill="url(#paint1_linear_1_89)"/>
<path d="M22.7501 13.8214C22.6294 13.7007 22.4634 13.6303 22.2874 13.6303H6.32465C6.03295 13.6303 5.88711 13.9824 6.0933 14.1886L9.24663 17.3419C9.36733 17.4626 9.5333 17.533 9.70932 17.533H25.6721C25.9638 17.533 26.1096 17.181 25.9034 16.9748L22.7501 13.8214Z" fill="url(#paint2_linear_1_89)"/>
</g>
<defs>
<linearGradient id="paint0_linear_1_89" x1="26" y1="20" x2="5.99999" y2="23.9999" gradientUnits="userSpaceOnUse">
<stop stop-color="#5EBFF8"/>
<stop offset="1" stop-color="#72D1F3"/>
</linearGradient>
<linearGradient id="paint1_linear_1_89" x1="26" y1="6.5" x2="6" y2="12" gradientUnits="userSpaceOnUse">
<stop stop-color="#50A9F0"/>
<stop offset="1" stop-color="#5FBFF6"/>
</linearGradient>
<linearGradient id="paint2_linear_1_89" x1="25.5" y1="17" x2="7" y2="14" gradientUnits="userSpaceOnUse">
<stop stop-color="#59B1F3"/>
<stop offset="1" stop-color="#63CBFB"/>
</linearGradient>
<clipPath id="clip0_1_89">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -0,0 +1,12 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_30)">
<path d="M16 32C24.8667 32 32 24.8667 32 16C32 7.13328 24.8667 0 16 0C7.13328 0 0 7.13328 0 16C0 24.8667 7.13328 32 16 32Z" fill="#2775CA"/>
<path d="M20.4 18.5333C20.4 16.2 19 15.4 16.2 15.0668C14.2001 14.8 13.8001 14.2668 13.8001 13.3333C13.8001 12.3999 14.4668 11.8 15.8 11.8C17 11.8 17.6668 12.2 18 13.2C18.0668 13.4 18.2668 13.5333 18.4668 13.5333H19.5333C19.8 13.5333 20 13.3333 20 13.0668V13C19.7333 11.5333 18.5333 10.4 17 10.2667V8.66674C17 8.40002 16.8 8.20002 16.4668 8.1333H15.4668C15.2001 8.1333 15.0001 8.3333 14.9333 8.66674V10.2C12.9333 10.4667 11.6668 11.8 11.6668 13.4668C11.6668 15.6668 13.0001 16.5333 15.8 16.8668C17.6668 17.2 18.2668 17.6 18.2668 18.6668C18.2668 19.7335 17.3333 20.4668 16.0668 20.4668C14.3333 20.4668 13.7333 19.7333 13.5333 18.7333C13.4668 18.4668 13.2668 18.3333 13.0668 18.3333H11.9334C11.6668 18.3333 11.4668 18.5333 11.4668 18.8V18.8668C11.7334 20.5333 12.8001 21.7333 15.0001 22.0668V23.6668C15.0001 23.9333 15.2001 24.1333 15.5333 24.2001H16.5333C16.8 24.2001 17 24.0001 17.0668 23.6668V22.0668C19.0667 21.7333 20.4 20.3333 20.4 18.5333V18.5333Z" fill="white"/>
<path d="M12.5998 25.5336C7.39984 23.667 4.73312 17.867 6.66656 12.7336C7.66656 9.93355 9.86656 7.80027 12.5998 6.80027C12.8666 6.66699 12.9998 6.46699 12.9998 6.13355V5.20027C12.9998 4.93355 12.8666 4.73355 12.5998 4.66699C12.5331 4.66699 12.3998 4.66699 12.3331 4.73355C5.99984 6.73355 2.53311 13.467 4.53311 19.8003C5.73312 23.5336 8.59984 26.4003 12.3331 27.6003C12.5998 27.7336 12.8666 27.6003 12.9331 27.3336C12.9998 27.267 12.9998 27.2003 12.9998 27.067V26.1336C12.9998 25.9336 12.7998 25.667 12.5998 25.5336ZM19.6666 4.73355C19.3998 4.60027 19.1331 4.73355 19.0666 5.00027C18.9998 5.06699 18.9998 5.13355 18.9998 5.26699V6.20027C18.9998 6.46699 19.1998 6.73355 19.3998 6.86699C24.5998 8.73355 27.2666 14.5336 25.3331 19.667C24.3331 22.467 22.1331 24.6003 19.3998 25.6003C19.1331 25.7336 18.9998 25.9336 18.9998 26.267V27.2003C18.9998 27.467 19.1331 27.667 19.3998 27.7336C19.4666 27.7336 19.5998 27.7336 19.6666 27.667C25.9998 25.667 29.4666 18.9336 27.4666 12.6003C26.2666 8.80027 23.3331 5.93355 19.6666 4.73355V4.73355Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_1_30">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -0,0 +1,12 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_35)">
<path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z" fill="#50AF95"/>
<path d="M16.0159 16.4154C16.9123 16.4154 17.3141 16.3915 17.3919 16.3856L17.3893 16.385C20.1395 16.2631 22.1909 15.7835 22.1909 15.2105C22.1909 14.6375 20.1388 14.1579 17.3893 14.0354V15.9086C17.3122 15.9157 16.8837 15.9514 16.0282 15.9514C15.3152 15.9514 14.7992 15.9209 14.6191 15.9079V14.0341C11.8637 14.1572 9.80707 14.6362 9.80707 15.2105C9.80707 15.7848 11.8637 16.2644 14.6191 16.3856C14.7967 16.3941 15.3029 16.4154 16.0159 16.4154Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.01649 15.5202L9.028 7.094C9.04113 7.06562 9.06219 7.04164 9.08864 7.02497C9.11509 7.00829 9.14581 6.99962 9.17707 7.00001H22.8242C22.8553 6.99993 22.8858 7.00881 22.912 7.02559C22.9382 7.04237 22.9591 7.06635 22.972 7.09464L26.9835 15.5208C26.9988 15.5522 27.0036 15.5876 26.9973 15.6218C26.991 15.6561 26.9739 15.6875 26.9485 15.7114L16.1144 26.0924C16.0836 26.1219 16.0426 26.1384 16 26.1384C15.9574 26.1384 15.9164 26.1219 15.8856 26.0924L5.05149 15.7107C5.02609 15.6869 5.00899 15.6555 5.00269 15.6212C4.99639 15.5869 5.00123 15.5515 5.01649 15.5202ZM17.3919 12.1648V13.8416C20.5047 13.9855 22.8436 14.6019 22.8436 15.3414C22.8436 16.081 20.5025 16.698 17.3913 16.8413V22.2165H14.6184V16.8432C11.5001 16.6993 9.15501 16.0823 9.15501 15.3421C9.15501 14.6019 11.5001 13.9842 14.6184 13.8409V12.1648H10.7819V9.60775H21.2291V12.1648H17.3919Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_1_35">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1,26 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3_219)">
<path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z" fill="#F7931A"/>
<path d="M23.189 14.02C23.503 11.924 21.906 10.797 19.724 10.045L20.432 7.205L18.704 6.775L18.014 9.54C17.56 9.426 17.094 9.32 16.629 9.214L17.324 6.431L15.596 6L14.888 8.839C14.512 8.753 14.142 8.669 13.784 8.579L13.786 8.57L11.402 7.975L10.942 9.821C10.942 9.821 12.225 10.115 12.198 10.133C12.898 10.308 13.024 10.771 13.003 11.139L12.197 14.374C12.245 14.386 12.307 14.404 12.377 14.431L12.194 14.386L11.064 18.918C10.978 19.13 10.761 19.449 10.271 19.328C10.289 19.353 9.015 19.015 9.015 19.015L8.157 20.993L10.407 21.554C10.825 21.659 11.235 21.769 11.638 21.872L10.923 24.744L12.65 25.174L13.358 22.334C13.83 22.461 14.288 22.579 14.736 22.691L14.03 25.519L15.758 25.949L16.473 23.083C19.421 23.641 21.637 23.416 22.57 20.75C23.322 18.604 22.533 17.365 20.982 16.558C22.112 16.298 22.962 15.555 23.189 14.02V14.02ZM19.239 19.558C18.706 21.705 15.091 20.544 13.919 20.253L14.869 16.448C16.041 16.741 19.798 17.32 19.239 19.558ZM19.774 13.989C19.287 15.942 16.279 14.949 15.304 14.706L16.164 11.256C17.139 11.499 20.282 11.952 19.774 13.989Z" fill="white"/>
<circle cx="27" cy="5" r="5" fill="url(#paint0_radial_3_219)"/>
<circle cx="27" cy="5" r="3.75" fill="url(#paint1_radial_3_219)"/>
<circle cx="27" cy="5" r="2.5" fill="url(#paint2_radial_3_219)"/>
</g>
<defs>
<radialGradient id="paint0_radial_3_219" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27 5) rotate(90) scale(5)">
<stop offset="0.739583" stop-color="#49266B"/>
<stop offset="1" stop-color="#976EC0"/>
</radialGradient>
<radialGradient id="paint1_radial_3_219" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27 5) rotate(90) scale(3.75)">
<stop offset="0.713542" stop-color="#3E2755"/>
<stop offset="1" stop-color="#845EAA"/>
</radialGradient>
<radialGradient id="paint2_radial_3_219" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27 5) rotate(90) scale(2.5)">
<stop offset="0.494792"/>
<stop offset="1" stop-color="#845EAA"/>
</radialGradient>
<clipPath id="clip0_3_219">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -0,0 +1,26 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3_219)">
<path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z" fill="#F7931A"/>
<path d="M23.189 14.02C23.503 11.924 21.906 10.797 19.724 10.045L20.432 7.205L18.704 6.775L18.014 9.54C17.56 9.426 17.094 9.32 16.629 9.214L17.324 6.431L15.596 6L14.888 8.839C14.512 8.753 14.142 8.669 13.784 8.579L13.786 8.57L11.402 7.975L10.942 9.821C10.942 9.821 12.225 10.115 12.198 10.133C12.898 10.308 13.024 10.771 13.003 11.139L12.197 14.374C12.245 14.386 12.307 14.404 12.377 14.431L12.194 14.386L11.064 18.918C10.978 19.13 10.761 19.449 10.271 19.328C10.289 19.353 9.015 19.015 9.015 19.015L8.157 20.993L10.407 21.554C10.825 21.659 11.235 21.769 11.638 21.872L10.923 24.744L12.65 25.174L13.358 22.334C13.83 22.461 14.288 22.579 14.736 22.691L14.03 25.519L15.758 25.949L16.473 23.083C19.421 23.641 21.637 23.416 22.57 20.75C23.322 18.604 22.533 17.365 20.982 16.558C22.112 16.298 22.962 15.555 23.189 14.02V14.02ZM19.239 19.558C18.706 21.705 15.091 20.544 13.919 20.253L14.869 16.448C16.041 16.741 19.798 17.32 19.239 19.558ZM19.774 13.989C19.287 15.942 16.279 14.949 15.304 14.706L16.164 11.256C17.139 11.499 20.282 11.952 19.774 13.989Z" fill="white"/>
<circle cx="27" cy="5" r="5" fill="url(#paint0_radial_3_219)"/>
<circle cx="27" cy="5" r="3.75" fill="url(#paint1_radial_3_219)"/>
<circle cx="27" cy="5" r="2.5" fill="url(#paint2_radial_3_219)"/>
</g>
<defs>
<radialGradient id="paint0_radial_3_219" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27 5) rotate(90) scale(5)">
<stop offset="0.739583" stop-color="#49266B"/>
<stop offset="1" stop-color="#976EC0"/>
</radialGradient>
<radialGradient id="paint1_radial_3_219" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27 5) rotate(90) scale(3.75)">
<stop offset="0.713542" stop-color="#3E2755"/>
<stop offset="1" stop-color="#845EAA"/>
</radialGradient>
<radialGradient id="paint2_radial_3_219" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27 5) rotate(90) scale(2.5)">
<stop offset="0.494792"/>
<stop offset="1" stop-color="#845EAA"/>
</radialGradient>
<clipPath id="clip0_3_219">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

Binary file not shown.

BIN
public/sounds/animation.m4a Normal file

Binary file not shown.

BIN
public/sounds/animation.oga Normal file

Binary file not shown.

Binary file not shown.

Binary file not shown.