OpenSourceJoker/vue-color-avatar
OpenSourceJoker/vue-color-avatar
3
0
Fork 0
mirror of https://github.com/Codennnn/vue-color-avatar.git synced 2024-12-22 03:32:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
LeoKu 2021-10-16 18:29:32 +08:00
commit 8898705348
136 changed files with 12237 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
.eslintrc.js Normal file
View File

@ -0,0 +1,57 @@
module.exports = {
root: true,
env: {
node: true,
},
globals: {
defineProps: 'readonly',
defineEmits: 'readonly',
defineExpose: 'readonly',
withDefaults: 'readonly',
},
parser: 'vue-eslint-parser',
parserOptions: {
parser: '@typescript-eslint/parser',
ecmaVersion: 2020,
sourceType: 'module',
ecmaFeatures: {
tsx: true,
},
},
extends: [
'eslint:recommended',
'plugin:import/recommended',
'plugin:import/typescript',
'plugin:@typescript-eslint/recommended',
'plugin:vue/vue3-recommended',
'plugin:prettier/recommended',
'plugin:tailwindcss/recommended',
],
plugins: ['simple-import-sort'],
rules: {
'vue/no-v-html': 0,
'simple-import-sort/imports': 1,
'simple-import-sort/exports': 1,
'sort-imports': 0,
'import/order': 0,
'import/no-unresolved': [
2,
{
ignore: ['^@/', '^@@/'],
},
],
'vue/no-unused-vars': 1,
'@typescript-eslint/explicit-module-boundary-types': 0,
'@typescript-eslint/consistent-type-imports': 1,
'@typescript-eslint/no-non-null-assertion': 0,
'tailwindcss/no-custom-classname': 0,
},
ignorePatterns: [
'dist',
'public',
'!.eslintrc.js',
'!.prettierrc.js',
'!.stylelintrc.js',
'!.lintstagedrc.js',
],
}

7
.gitignore vendored Normal file
View File

@ -0,0 +1,7 @@
node_modules
.DS_Store
dist
dist-ssr
*.local
yarn-error.log
stats.html

4
.husky/pre-commit Executable file
View File

@ -0,0 +1,4 @@
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"
yarn lint-staged

5
.lintstagedrc.js Normal file
View File

@ -0,0 +1,5 @@
module.exports = {
'*.{vue,js,jsx,ts,tsx}': 'eslint --fix',
'*.{vue,css,less,scss}': 'stylelint --fix',
'*.{md,json,html}': 'prettier --write',
}

16
.prettierrc.js Normal file
View File

@ -0,0 +1,16 @@
module.exports = {
arrowParens: 'always',
bracketSpacing: true,
jsxBracketSameLine: false,
jsxSingleQuote: false,
printWidth: 80,
quoteProps: 'as-needed',
rangeStart: 0,
rangeEnd: Infinity,
semi: false,
singleQuote: true,
tabWidth: 2,
trailingComma: 'es5',
useTabs: false,
endOfLine: 'auto',
}

30
.stylelintrc.js Normal file
View File

@ -0,0 +1,30 @@
module.exports = {
extends: [
'stylelint-config-recommended',
'stylelint-prettier/recommended',
'stylelint-config-rational-order',
],
plugins: ['stylelint-scss', 'stylelint-order'],
rules: {
'at-rule-no-unknown': null,
'no-irregular-whitespace': null,
'scss/at-rule-no-unknown': [
true,
{
ignoreAtRules: ['tailwind'],
},
],
'font-family-no-missing-generic-family-keyword': [
true,
{ ignoreFontFamilies: ['Fallback'] },
],
'selector-pseudo-class-no-unknown': [
true,
{ ignorePseudoClasses: ['deep'] },
],
},
ignoreFiles: ['dist/**/*.css'],
}

37
README-EN.md Normal file
View File

@ -0,0 +1,37 @@
<div align="center">
<h1>Vue Color Avatar</h1>
<p>🧑‍🦱 A pure front-end avatar generation website 🧑‍🦳</p>
[简体中文](./README.md)
</div>
![preview](./images/social-preview.png)
## Preview
[`https://vue-color-avatar.vercel.app`](https://vue-color-avatar.vercel.app)
## Introduction
By swapping components around, you can build your own avatar.
## Assets
Implementation of [Avatar Illustration System](https://www.figma.com/community/file/829741575478342595) by Micah Lanier. Licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
## Develop
This project is implemented using `Vue3`.
```sh
# 1. Clone project
git clone https://github.com/Codennnn/vue-color-avatar.git
# 2. Install dependencies
yarn install
# 3. Run
yarn dev
```

37
README.md Normal file
View File

@ -0,0 +1,37 @@
<div align="center">
<h1>Vue Color Avatar</h1>
<p>🧑‍🦱 一个纯前端实现的头像生成网站 🧑‍🦳</p>
[Read In English](./README-EN.md)
</div>
![preview](./images/social-preview.png)
## 在线预览
[`https://vue-color-avatar.vercel.app`](https://vue-color-avatar.vercel.app)
## 🥳 介绍
根据你喜好的风格，通过组合不同的头像组件来生成生成千变万化的头像。
## 设计资源
目前该项目所使用的所有头像素材均来自于 [Figma 社区](https://www.figma.com/community/file/829741575478342595)，作者：Micah Lanier。请注意，虽然该项目是 MIT 协议，但是素材的设计基于 [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/) 协议。如果你有好的创意素材，欢迎补充~
## 项目开发
该项目使用 `Vue3` + `Vite` 进行开发。
```sh
# 1. 克隆项目至本地
git clone https://github.com/Codennnn/vue-color-avatar.git
# 2. 安装项目依赖
yarn install
# 3. 运行项目
yarn dev
```

BIN
images/social-preview.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 95 KiB

91
index.html Normal file
View File

@ -0,0 +1,91 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vue Color Avatar</title>
<style>
body {
margin: 0;
}
[v-cloak] {
position: relative;
width: 100vw;
height: 100vh;
background-color: hsl(216, 14%, 14%);
}
[v-cloak] .placeholder {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
@keyframes flip {
0% {
transform: rotateY(0);
}
25% {
transform: rotateY(180deg);
}
50% {
transform: rotateY(180deg) rotateX(180deg);
}
75% {
transform: rotateY(360deg) rotateX(180deg);
}
100% {
transform: rotateY(360deg) rotateX(360deg);
}
}
[v-cloak] .logo {
position: relative;
width: 3rem;
height: 3rem;
overflow: hidden;
background-color: hsl(241, 99%, 70%);
border-radius: 50%;
animation: 2s flip infinite;
}
[v-cloak] .logo::after {
position: absolute;
top: -40%;
right: -40%;
width: 100%;
height: 100%;
background-color: hsl(186, 84%, 74%);
border-radius: 50%;
content: '';
}
[v-cloak] .text {
margin-top: 2rem;
color: hsl(211, 19%, 70%);
font-weight: bold;
font-size: 1rem;
}
</style>
</head>
<body>
<div id="app" v-cloak>
<div class="placeholder">
<div class="logo"></div>
<div class="text">Coming soon...</div>
</div>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>

58
package.json Normal file
View File

@ -0,0 +1,58 @@
{
"name": "vue-color-avatar",
"version": "1.0.0",
"private": true,
"license": "MIT",
"author": "LeoKu<czc12580520@gmail.com> (https://leoku.top)",
"scripts": {
"build": "vite build",
"build:prerelease": "vite build --mode prerelease",
"deps": "yarn upgrade-interactive --latest",
"dev": "vite",
"lint": "yarn lint:es && yarn lint:style && yarn lint:ts",
"lint:es": "eslint \"src/**/*.{js,jsx,ts,tsx,vue}\"",
"lint:prettier": "prettier --write \"src/**/*.{md,json,html}\"",
"lint:style": "stylelint \"src/**/*.{css,scss,vue}\"",
"lint:ts": "tsc --noEmit --skipLibCheck",
"prepare": "husky install",
"preview": "vite preview"
},
"dependencies": {
"canvas-confetti": "^1.4.0",
"clipboard": "^2.0.8",
"html2canvas": "^1.3.2",
"perfect-scrollbar": "^1.5.2",
"vue": "^3.2.6",
"vue-i18n": "^9.2.0-beta.9",
"vuex": "^4.0.2"
},
"devDependencies": {
"@types/canvas-confetti": "^1.4.2",
"@typescript-eslint/eslint-plugin": "^4.32.0",
"@typescript-eslint/parser": "^4.32.0",
"@vitejs/plugin-vue": "^1.9.2",
"@vue/compiler-sfc": "^3.2.19",
"eslint": "^7.32.0",
"eslint-config-prettier": "^8.3.0",
"eslint-plugin-import": "^2.24.2",
"eslint-plugin-prettier": "^4.0.0",
"eslint-plugin-simple-import-sort": "^7.0.0",
"eslint-plugin-tailwindcss": "^1.16.0",
"eslint-plugin-vue": "^7.18.0",
"husky": "^7.0.2",
"lint-staged": "^11.1.2",
"prettier": "^2.4.1",
"rollup-plugin-visualizer": "^5.5.2",
"sass": "^1.42.1",
"stylelint": "^13.13.1",
"stylelint-config-prettier": "^8.0.2",
"stylelint-config-rational-order": "^0.1.2",
"stylelint-config-recommended": "^5.0.0",
"stylelint-order": "^4.1.0",
"stylelint-prettier": "^1.2.0",
"stylelint-scss": "^3.21.0",
"typescript": "^4.4.3",
"vite": "^2.6.2",
"vue-tsc": "^0.3.0"
}
}

BIN
public/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

18
public/favicon.svg Normal file
View File

@ -0,0 +1,18 @@
<svg
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0 17.312C0 3.056 3.056 0 17.312 0h5.376C36.944 0 40 3.056 40 17.312v5.376C40 36.944 36.944 40 22.688 40h-5.376C3.056 40 0 36.944 0 22.688v-5.376z"
fill="#6967FE"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M17.05 0h5.638C36.944 0 40 3.056 40 17.312v5.376c0 .447-.003.882-.01 1.307-.162.003-.326.005-.49.005C27.074 24 17 13.926 17 1.5c0-.504.017-1.004.05-1.5z"
fill="#85E9F4"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 541 B

294
src/App.vue Normal file
View File

@ -0,0 +1,294 @@
<template>
<main class="main">
<Container>
<div class="content-warpper">
<div class="content-view">
<Header />
<div class="playground">
<div class="avatar-wrapper">
<VueColorAvatar
ref="colorAvatarRef"
:option="avatarOption"
:size="280"
:style="{
transform: `rotateY(${flipped ? -180 : 0}deg)`,
}"
/>
</div>
<ActionBar @actionHandler="handleAction" />
<div class="action-group">
<button class="action-randomize" @click="handleGenerate">
{{ t('action.randomize') }}
</button>
<button
class="action-download"
:disabled="downloading"
@click="handleDownload"
>
{{
downloading
? `${t('action.downloading')}...`
: t('action.download')
}}
</button>
</div>
</div>
<Footer />
<CodeModal :visible="codeVisible" @close="codeVisible = false" />
<DownloadModal
:visible="downloadModalVisible"
:image-url="imageDataURL"
@close=";(downloadModalVisible = false), (imageDataURL = '')"
/>
</div>
<Confetti />
<div class="gradient-bg">
<div class="gradient-top"></div>
<div class="gradient-bottom"></div>
</div>
</div>
</Container>
<Sider>
<Configurator />
</Sider>
</main>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import { useI18n } from 'vue-i18n'
import ActionBar from '@/components/ActionBar.vue'
import CodeModal from '@/components/CodeModal.vue'
import Configurator from '@/components/Configurator.vue'
import DownloadModal from '@/components/DownloadModal.vue'
import type { VueColorAvatarRef } from '@/components/VueColorAvatar.vue'
import VueColorAvatar from '@/components/VueColorAvatar.vue'
import { ActionType } from '@/enums'
import { useAvatarOption } from '@/hooks'
import Container from '@/layouts/Container.vue'
import Footer from '@/layouts/Footer.vue'
import Header from '@/layouts/Header.vue'
import Sider from '@/layouts/Sider.vue'
import { useStore } from '@/store'
import { REDO, UNDO } from '@/store/mutation-type'
import {
getRandomAvatarOption,
getSpecialAvatarOption,
showConfetti,
} from '@/utils'
import {
DOWNLOAD_DELAY,
NOT_COMPATIBLE_AGENTS,
TRIGGER_PROBABILITY,
} from '@/utils/constant'
import Confetti from './components/Confetti.vue'
const store = useStore()
const [avatarOption, setAvatarOption] = useAvatarOption()
const { t } = useI18n()
const colorAvatarRef = ref<VueColorAvatarRef>()
function handleGenerate() {
if (Math.random() <= TRIGGER_PROBABILITY) {
let colorfulOption = getSpecialAvatarOption()
while (
JSON.stringify(colorfulOption) === JSON.stringify(avatarOption.value)
) {
colorfulOption = getSpecialAvatarOption()
}
setAvatarOption(colorfulOption)
showConfetti()
} else {
const randomOption = getRandomAvatarOption(avatarOption.value)
setAvatarOption(randomOption)
}
}
const downloadModalVisible = ref(false)
const downloading = ref(false)
const imageDataURL = ref('')
async function handleDownload() {
try {
downloading.value = true
const avatarEle = colorAvatarRef.value?.avatarRef
const userAgent = window.navigator.userAgent.toLowerCase()
const notCompatible = NOT_COMPATIBLE_AGENTS.some(
(agent) => userAgent.indexOf(agent) !== -1
)
if (avatarEle) {
const html2canvas = (await import('html2canvas')).default
const canvas = await html2canvas(avatarEle, {
backgroundColor: null,
})
const dataURL = canvas.toDataURL()
if (notCompatible) {
imageDataURL.value = dataURL
downloadModalVisible.value = true
} else {
const trigger = document.createElement('a')
trigger.href = dataURL
trigger.download = 'vue-color-avatar.png'
trigger.click()
}
}
} finally {
setTimeout(() => {
downloading.value = false
}, DOWNLOAD_DELAY)
}
}
const flipped = ref(false)
const codeVisible = ref(false)
function handleAction(actionType: ActionType) {
switch (actionType) {
case ActionType.Undo:
store.commit(UNDO)
break
case ActionType.Redo:
store.commit(REDO)
break
case ActionType.Flip:
flipped.value = !flipped.value
break
case ActionType.Code:
codeVisible.value = !codeVisible.value
break
}
}
</script>
<style lang="scss" scoped>
.main {
width: 100%;
height: 100%;
overflow: hidden;
color: $color-text;
background-color: $color-page-bg;
.content-warpper {
height: 100%;
transform: scale(1);
.content-view {
position: relative;
z-index: 110;
display: flex;
flex-direction: column;
height: 100%;
overflow-y: auto;
}
}
}
.playground {
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 2rem 0;
.avatar-wrapper {
display: flex;
align-items: center;
justify-content: center;
@media screen and (max-width: $screen-sm) {
transform: scale(0.85);
}
}
.action-group {
display: flex;
align-items: center;
justify-content: center;
margin-top: 4rem;
.action-randomize,
.action-download {
min-width: 6rem;
height: 2.5rem;
margin: 0 1rem;
padding: 0 1rem;
color: $color-text;
font-weight: bold;
background: $color-gray;
border-radius: 0.6rem;
cursor: pointer;
transition: color 0.2s;
user-select: none;
&:hover {
color: lighten($color-text, 10);
}
&:disabled {
color: rgba($color-text, 0.5);
cursor: default;
}
}
}
}
.gradient-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
@mixin gradient-block($color) {
position: absolute;
width: 100vh;
height: 100vh;
background-image: radial-gradient(
rgba($color, 0.8) 20%,
rgba($color, 0.6) 40%,
rgba($color, 0.4) 60%,
rgba($color, 0.2) 80%,
transparent 100%
);
border-radius: 50%;
opacity: 0.2;
filter: blur(4rem);
}
.gradient-top {
@include gradient-block($color-secondary);
top: -50%;
right: -20%;
}
.gradient-bottom {
@include gradient-block($color-accent);
bottom: -50%;
left: -20%;
}
}
</style>

23
src/assets/icons/icon-back.svg Normal file
View File

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?><svg
width="24"
height="24"
viewBox="0 0 48 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
width="48"
height="48"
fill="white"
fill-opacity="0.01"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M44 40.8361C39.1069 34.8632 34.7617 31.4739 30.9644 30.6682C27.1671 29.8625 23.5517 29.7408 20.1182 30.303V41L4 23.5453L20.1182 7V17.167C26.4667 17.2172 31.8638 19.4948 36.3095 24C40.7553 28.5052 43.3187 34.1172 44 40.8361Z"
fill="none"
stroke="#fff"
stroke-width="4"
stroke-linejoin="round"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 612 B

29
src/assets/icons/icon-close.svg Normal file
View File

@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg
width="24"
height="24"
viewBox="0 0 48 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
width="48"
height="48"
fill="white"
fill-opacity="0.01"
/>
<path
d="M8 8L40 40"
stroke="#fff"
stroke-width="4"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M8 40L40 8"
stroke="#fff"
stroke-width="4"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 489 B

28
src/assets/icons/icon-code.svg Normal file
View File

@ -0,0 +1,28 @@
<?xml version="1.0" encoding="UTF-8"?><svg
width="24"
height="24"
viewBox="0 0 48 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 13L4 25.4322L16 37"
stroke="#fff"
stroke-width="4"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M32 13L44 25.4322L32 37"
stroke="#fff"
stroke-width="4"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M28 4L21 44"
stroke="#fff"
stroke-width="4"
stroke-linecap="round"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 527 B

35
src/assets/icons/icon-flip.svg Normal file
View File

@ -0,0 +1,35 @@
<?xml version="1.0" encoding="UTF-8"?><svg
width="24"
height="24"
viewBox="0 0 48 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
width="48"
height="48"
fill="white"
fill-opacity="0.01"
/>
<path
d="M24 6V42"
stroke="#fff"
stroke-width="4"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M4 34L16 12V34H4Z"
fill="none"
stroke="#fff"
stroke-width="4"
stroke-linejoin="round"
/>
<path
d="M44 34H32V12L44 34Z"
fill="none"
stroke="#fff"
stroke-width="4"
stroke-linejoin="round"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 606 B

27
src/assets/icons/icon-github.svg Normal file
View File

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg
width="24"
height="24"
viewBox="0 0 52 52"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
width="48"
height="48"
fill="white"
fill-opacity="0.01"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4ZM0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24Z"
fill="hsl(211, 19%, 70%)"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M19.183 45.4715C18.9896 45.2218 18.9896 42.9972 19.183 38.798C17.1112 38.8695 15.8022 38.7257 15.256 38.3666C14.4368 37.8279 13.6166 36.1666 12.8889 34.9958C12.1612 33.825 10.546 33.6399 9.8938 33.3782C9.24158 33.1164 9.07785 32.0495 11.691 32.8564C14.3042 33.6633 14.4316 35.8606 15.256 36.3744C16.0804 36.8882 18.0512 36.6634 18.9446 36.2518C19.8379 35.8402 19.7722 34.3077 19.9315 33.7006C20.1329 33.1339 19.423 33.0082 19.4074 33.0036C18.5353 33.0036 13.9537 32.0072 12.6952 27.5705C11.4368 23.1339 13.0579 20.234 13.9227 18.9874C14.4992 18.1563 14.4482 16.3851 13.7697 13.6736C16.2333 13.3588 18.1344 14.1342 19.4732 16C19.4745 16.0107 21.2283 14.9571 24 14.9571C26.7718 14.9571 27.7551 15.8153 28.514 16C29.2728 16.1847 29.8798 12.734 34.5666 13.6736C33.5881 15.5968 32.7686 18 33.3941 18.9874C34.0195 19.9748 36.4742 23.1146 34.9664 27.5705C33.9611 30.5412 31.9851 32.3522 29.0382 33.0036C28.7002 33.1114 28.5313 33.2854 28.5313 33.5254C28.5313 33.8855 28.9881 33.9248 29.6463 35.6116C30.085 36.7361 30.1167 39.9479 29.7413 45.2469C28.7904 45.489 28.0506 45.6515 27.5219 45.7346C26.5845 45.8819 25.5667 45.9645 24.5666 45.9964C23.5666 46.0283 23.2193 46.0247 21.8368 45.896C20.9151 45.8102 20.0305 45.6687 19.183 45.4715Z"
fill="hsl(211, 19%, 70%)"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

23
src/assets/icons/icon-next.svg Normal file
View File

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?><svg
width="24"
height="24"
viewBox="0 0 48 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
width="48"
height="48"
fill="white"
fill-opacity="0.01"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M4 40.8361C8.89307 34.8632 13.2383 31.4739 17.0356 30.6682C20.8329 29.8625 24.4483 29.7408 27.8818 30.303V41L44 23.5453L27.8818 7V17.167C21.5333 17.2172 16.1362 19.4948 11.6905 24C7.24474 28.5052 4.68126 34.1172 4 40.8361Z"
fill="none"
stroke="#fff"
stroke-width="4"
stroke-linejoin="round"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 611 B

21
src/assets/icons/icon-right.svg Normal file
View File

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?><svg
width="24"
height="24"
viewBox="0 0 48 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
width="48"
height="48"
fill="white"
fill-opacity="0.01"
/>
<path
d="M19 12L31 24L19 36"
stroke="#fff"
stroke-width="4"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 370 B

BIN
src/assets/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

18
src/assets/logo.svg Normal file
View File

@ -0,0 +1,18 @@
<svg
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0 17.312C0 3.056 3.056 0 17.312 0h5.376C36.944 0 40 3.056 40 17.312v5.376C40 36.944 36.944 40 22.688 40h-5.376C3.056 40 0 36.944 0 22.688v-5.376z"
fill="#6967FE"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M17.05 0h5.638C36.944 0 40 3.056 40 17.312v5.376c0 .447-.003.882-.01 1.307-.162.003-.326.005-.49.005C27.074 24 17 13.926 17 1.5c0-.504.017-1.004.05-1.5z"
fill="#85E9F4"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 541 B

444
src/assets/preview/beard/scruff.svg Normal file
View File

@ -0,0 +1,444 @@
<svg
width="164"
height="154"
viewBox="0 0 164 154"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>beard - scruff</title>
<path
d="M31 109C31 109.552 30.5523 110 30 110C29.4477 110 29 109.552 29 109C29 108.448 29.4477 108 30 108C30.5523 108 31 108.448 31 109Z"
fill="black"
/>
<path
d="M83 116C83 116.552 82.5523 117 82 117C81.4477 117 81 116.552 81 116C81 115.448 81.4477 115 82 115C82.5523 115 83 115.448 83 116Z"
fill="black"
/>
<path
d="M79 123C79 123.552 78.5523 124 78 124C77.4477 124 77 123.552 77 123C77 122.448 77.4477 122 78 122C78.5523 122 79 122.448 79 123Z"
fill="black"
/>
<path
d="M99 121C99 121.552 98.5523 122 98 122C97.4477 122 97 121.552 97 121C97 120.448 97.4477 120 98 120C98.5523 120 99 120.448 99 121Z"
fill="black"
/>
<path
d="M100 111C100 111.552 99.5523 112 99 112C98.4477 112 98 111.552 98 111C98 110.448 98.4477 110 99 110C99.5523 110 100 110.448 100 111Z"
fill="black"
/>
<path
d="M120 116C120 116.552 119.552 117 119 117C118.448 117 118 116.552 118 116C118 115.448 118.448 115 119 115C119.552 115 120 115.448 120 116Z"
fill="black"
/>
<path
d="M130 102C130 102.552 129.552 103 129 103C128.448 103 128 102.552 128 102C128 101.448 128.448 101 129 101C129.552 101 130 101.448 130 102Z"
fill="black"
/>
<path
d="M21 88C21 88.5523 20.5523 89 20 89C19.4477 89 19 88.5523 19 88C19 87.4477 19.4477 87 20 87C20.5523 87 21 87.4477 21 88Z"
fill="black"
/>
<path
d="M54 104C54 104.552 53.5523 105 53 105C52.4477 105 52 104.552 52 104C52 103.448 52.4477 103 53 103C53.5523 103 54 103.448 54 104Z"
fill="black"
/>
<path
d="M51 124C51 124.552 50.5523 125 50 125C49.4477 125 49 124.552 49 124C49 123.448 49.4477 123 50 123C50.5523 123 51 123.448 51 124Z"
fill="black"
/>
<path
d="M69 128C69 128.552 68.5523 129 68 129C67.4477 129 67 128.552 67 128C67 127.448 67.4477 127 68 127C68.5523 127 69 127.448 69 128Z"
fill="black"
/>
<path
d="M103 102C103 102.552 102.552 103 102 103C101.448 103 101 102.552 101 102C101 101.448 101.448 101 102 101C102.552 101 103 101.448 103 102Z"
fill="black"
/>
<path
d="M117 106C117 106.552 116.552 107 116 107C115.448 107 115 106.552 115 106C115 105.448 115.448 105 116 105C116.552 105 117 105.448 117 106Z"
fill="black"
/>
<path
d="M109 123C109 123.552 108.552 124 108 124C107.448 124 107 123.552 107 123C107 122.448 107.448 122 108 122C108.552 122 109 122.448 109 123Z"
fill="black"
/>
<path
d="M123 92C123 92.5523 122.552 93 122 93C121.448 93 121 92.5523 121 92C121 91.4477 121.448 91 122 91C122.552 91 123 91.4477 123 92Z"
fill="black"
/>
<path
d="M30 94C30 94.5523 29.5523 95 29 95C28.4477 95 28 94.5523 28 94C28 93.4477 28.4477 93 29 93C29.5523 93 30 93.4477 30 94Z"
fill="black"
/>
<path
d="M54 94C54 94.5523 53.5523 95 53 95C52.4477 95 52 94.5523 52 94C52 93.4477 52.4477 93 53 93C53.5523 93 54 93.4477 54 94Z"
fill="black"
/>
<path
d="M54 76C54 76.5523 53.5523 77 53 77C52.4477 77 52 76.5523 52 76C52 75.4477 52.4477 75 53 75C53.5523 75 54 75.4477 54 76Z"
fill="black"
/>
<path
d="M58 130C58 130.552 57.5523 131 57 131C56.4477 131 56 130.552 56 130C56 129.448 56.4477 129 57 129C57.5523 129 58 129.448 58 130Z"
fill="black"
/>
<path
d="M85 130C85 130.552 84.5523 131 84 131C83.4477 131 83 130.552 83 130C83 129.448 83.4477 129 84 129C84.5523 129 85 129.448 85 130Z"
fill="black"
/>
<path
d="M96 130C96 130.552 95.5523 131 95 131C94.4477 131 94 130.552 94 130C94 129.448 94.4477 129 95 129C95.5523 129 96 129.448 96 130Z"
fill="black"
/>
<path
d="M113 94C113 94.5523 112.552 95 112 95C111.448 95 111 94.5523 111 94C111 93.4477 111.448 93 112 93C112.552 93 113 93.4477 113 94Z"
fill="black"
/>
<path
d="M113 76C113 76.5523 112.552 77 112 77C111.448 77 111 76.5523 111 76C111 75.4477 111.448 75 112 75C112.552 75 113 75.4477 113 76Z"
fill="black"
/>
<path
d="M133 89C133 89.5523 132.552 90 132 90C131.448 90 131 89.5523 131 89C131 88.4477 131.448 88 132 88C132.552 88 133 88.4477 133 89Z"
fill="black"
/>
<path
d="M33 81C33 81.5523 32.5523 82 32 82C31.4477 82 31 81.5523 31 81C31 80.4477 31.4477 80 32 80C32.5523 80 33 80.4477 33 81Z"
fill="black"
/>
<path
d="M43 116C43 116.552 42.5523 117 42 117C41.4477 117 41 116.552 41 116C41 115.448 41.4477 115 42 115C42.5523 115 43 115.448 43 116Z"
fill="black"
/>
<path
d="M39 123C39 123.552 38.5523 124 38 124C37.4477 124 37 123.552 37 123C37 122.448 37.4477 122 38 122C38.5523 122 39 122.448 39 123Z"
fill="black"
/>
<path
d="M79 103C79 103.552 78.5523 104 78 104C77.4477 104 77 103.552 77 103C77 102.448 77.4477 102 78 102C78.5523 102 79 102.448 79 103Z"
fill="black"
/>
<path
d="M91 105C91 105.552 90.5523 106 90 106C89.4477 106 89 105.552 89 105C89 104.448 89.4477 104 90 104C90.5523 104 91 104.448 91 105Z"
fill="black"
/>
<path
d="M77 135C77 135.552 76.5523 136 76 136C75.4477 136 75 135.552 75 135C75 134.448 75.4477 134 76 134C76.5523 134 77 134.448 77 135Z"
fill="black"
/>
<path
d="M100 84C100 84.5523 99.5523 85 99 85C98.4477 85 98 84.5523 98 84C98 83.4477 98.4477 83 99 83C99.5523 83 100 83.4477 100 84Z"
fill="black"
/>
<path
d="M100 66C100 66.5523 99.5523 67 99 67C98.4477 67 98 66.5523 98 66C98 65.4477 98.4477 65 99 65C99.5523 65 100 65.4477 100 66Z"
fill="black"
/>
<path
d="M124 81C124 81.5523 123.552 82 123 82C122.448 82 122 81.5523 122 81C122 80.4477 122.448 80 123 80C123.552 80 124 80.4477 124 81Z"
fill="black"
/>
<path
d="M131 71C131 71.5523 130.552 72 130 72C129.448 72 129 71.5523 129 71C129 70.4477 129.448 70 130 70C130.552 70 131 70.4477 131 71Z"
fill="black"
/>
<path
d="M42 90C42 90.5523 41.5523 91 41 91C40.4477 91 40 90.5523 40 90C40 89.4477 40.4477 89 41 89C41.5523 89 42 89.4477 42 90Z"
fill="black"
/>
<path
d="M42 101C42 101.552 41.5523 102 41 102C40.4477 102 40 101.552 40 101C40 100.448 40.4477 100 41 100C41.5523 100 42 100.448 42 101Z"
fill="black"
/>
<path
d="M63 86C63 86.5523 62.5523 87 62 87C61.4477 87 61 86.5523 61 86C61 85.4477 61.4477 85 62 85C62.5523 85 63 85.4477 63 86Z"
fill="black"
/>
<path
d="M63 68C63 68.5523 62.5523 69 62 69C61.4477 69 61 68.5523 61 68C61 67.4477 61.4477 67 62 67C62.5523 67 63 67.4477 63 68Z"
fill="black"
/>
<path
d="M75 82C75 82.5523 74.5523 83 74 83C73.4477 83 73 82.5523 73 82C73 81.4477 73.4477 81 74 81C74.5523 81 75 81.4477 75 82Z"
fill="black"
/>
<path
d="M87 76C87 76.5523 86.5523 77 86 77C85.4477 77 85 76.5523 85 76C85 75.4477 85.4477 75 86 75C86.5523 75 87 75.4477 87 76Z"
fill="black"
/>
<path
d="M100 76C100 76.5523 99.5523 77 99 77C98.4477 77 98 76.5523 98 76C98 75.4477 98.4477 75 99 75C99.5523 75 100 75.4477 100 76Z"
fill="black"
/>
<path
d="M113 76C113 76.5523 112.552 77 112 77C111.448 77 111 76.5523 111 76C111 75.4477 111.448 75 112 75C112.552 75 113 75.4477 113 76Z"
fill="black"
/>
<path
d="M139 76C139 76.5523 138.552 77 138 77C137.448 77 137 76.5523 137 76C137 75.4477 137.448 75 138 75C138.552 75 139 75.4477 139 76Z"
fill="black"
/>
<path
d="M61 116C61 116.552 60.5523 117 60 117C59.4477 117 59 116.552 59 116C59 115.448 59.4477 115 60 115C60.5523 115 61 115.448 61 116Z"
fill="black"
/>
<path
d="M72 110C72 110.552 71.5523 111 71 111C70.4477 111 70 110.552 70 110C70 109.448 70.4477 109 71 109C71.5523 109 72 109.448 72 110Z"
fill="black"
/>
<path
d="M68 102C68 102.552 67.5523 103 67 103C66.4477 103 66 102.552 66 102C66 101.448 66.4477 101 67 101C67.5523 101 68 101.448 68 102Z"
fill="black"
/>
<path
d="M92 93C92 93.5523 91.5523 94 91 94C90.4477 94 90 93.5523 90 93C90 92.4477 90.4477 92 91 92C91.5523 92 92 92.4477 92 93Z"
fill="black"
/>
<path
d="M43 75C43 75.5523 42.5523 76 42 76C41.4477 76 41 75.5523 41 75C41 74.4477 41.4477 74 42 74C42.5523 74 43 74.4477 43 75Z"
fill="black"
/>
<path
d="M80 91C80 91.5523 79.5523 92 79 92C78.4477 92 78 91.5523 78 91C78 90.4477 78.4477 90 79 90C79.5523 90 80 90.4477 80 91Z"
fill="black"
/>
<path
d="M80 73C80 73.5523 79.5523 74 79 74C78.4477 74 78 73.5523 78 73C78 72.4477 78.4477 72 79 72C79.5523 72 80 72.4477 80 73Z"
fill="black"
/>
<path
d="M115 87C115 87.5523 114.552 88 114 88C113.448 88 113 87.5523 113 87C113 86.4477 113.448 86 114 86C114.552 86 115 86.4477 115 87Z"
fill="black"
/>
<path
d="M115 69C115 69.5523 114.552 70 114 70C113.448 70 113 69.5523 113 69C113 68.4477 113.448 68 114 68C114.552 68 115 68.4477 115 69Z"
fill="black"
/>
<path
d="M122 71C122 71.5523 121.552 72 121 72C120.448 72 120 71.5523 120 71C120 70.4477 120.448 70 121 70C121.552 70 122 70.4477 122 71Z"
fill="black"
/>
<path
d="M137 62C137 62.5523 136.552 63 136 63C135.448 63 135 62.5523 135 62C135 61.4477 135.448 61 136 61C136.552 61 137 61.4477 137 62Z"
fill="black"
/>
<path
d="M31 109C31 109.552 30.5523 110 30 110C29.4477 110 29 109.552 29 109C29 108.448 29.4477 108 30 108C30.5523 108 31 108.448 31 109Z"
stroke="black"
/>
<path
d="M83 116C83 116.552 82.5523 117 82 117C81.4477 117 81 116.552 81 116C81 115.448 81.4477 115 82 115C82.5523 115 83 115.448 83 116Z"
stroke="black"
/>
<path
d="M79 123C79 123.552 78.5523 124 78 124C77.4477 124 77 123.552 77 123C77 122.448 77.4477 122 78 122C78.5523 122 79 122.448 79 123Z"
stroke="black"
/>
<path
d="M99 121C99 121.552 98.5523 122 98 122C97.4477 122 97 121.552 97 121C97 120.448 97.4477 120 98 120C98.5523 120 99 120.448 99 121Z"
stroke="black"
/>
<path
d="M100 111C100 111.552 99.5523 112 99 112C98.4477 112 98 111.552 98 111C98 110.448 98.4477 110 99 110C99.5523 110 100 110.448 100 111Z"
stroke="black"
/>
<path
d="M120 116C120 116.552 119.552 117 119 117C118.448 117 118 116.552 118 116C118 115.448 118.448 115 119 115C119.552 115 120 115.448 120 116Z"
stroke="black"
/>
<path
d="M130 102C130 102.552 129.552 103 129 103C128.448 103 128 102.552 128 102C128 101.448 128.448 101 129 101C129.552 101 130 101.448 130 102Z"
stroke="black"
/>
<path
d="M21 88C21 88.5523 20.5523 89 20 89C19.4477 89 19 88.5523 19 88C19 87.4477 19.4477 87 20 87C20.5523 87 21 87.4477 21 88Z"
stroke="black"
/>
<path
d="M54 104C54 104.552 53.5523 105 53 105C52.4477 105 52 104.552 52 104C52 103.448 52.4477 103 53 103C53.5523 103 54 103.448 54 104Z"
stroke="black"
/>
<path
d="M51 124C51 124.552 50.5523 125 50 125C49.4477 125 49 124.552 49 124C49 123.448 49.4477 123 50 123C50.5523 123 51 123.448 51 124Z"
stroke="black"
/>
<path
d="M69 128C69 128.552 68.5523 129 68 129C67.4477 129 67 128.552 67 128C67 127.448 67.4477 127 68 127C68.5523 127 69 127.448 69 128Z"
stroke="black"
/>
<path
d="M103 102C103 102.552 102.552 103 102 103C101.448 103 101 102.552 101 102C101 101.448 101.448 101 102 101C102.552 101 103 101.448 103 102Z"
stroke="black"
/>
<path
d="M117 106C117 106.552 116.552 107 116 107C115.448 107 115 106.552 115 106C115 105.448 115.448 105 116 105C116.552 105 117 105.448 117 106Z"
stroke="black"
/>
<path
d="M109 123C109 123.552 108.552 124 108 124C107.448 124 107 123.552 107 123C107 122.448 107.448 122 108 122C108.552 122 109 122.448 109 123Z"
stroke="black"
/>
<path
d="M123 92C123 92.5523 122.552 93 122 93C121.448 93 121 92.5523 121 92C121 91.4477 121.448 91 122 91C122.552 91 123 91.4477 123 92Z"
stroke="black"
/>
<path
d="M30 94C30 94.5523 29.5523 95 29 95C28.4477 95 28 94.5523 28 94C28 93.4477 28.4477 93 29 93C29.5523 93 30 93.4477 30 94Z"
stroke="black"
/>
<path
d="M54 94C54 94.5523 53.5523 95 53 95C52.4477 95 52 94.5523 52 94C52 93.4477 52.4477 93 53 93C53.5523 93 54 93.4477 54 94Z"
stroke="black"
/>
<path
d="M54 76C54 76.5523 53.5523 77 53 77C52.4477 77 52 76.5523 52 76C52 75.4477 52.4477 75 53 75C53.5523 75 54 75.4477 54 76Z"
stroke="black"
/>
<path
d="M58 130C58 130.552 57.5523 131 57 131C56.4477 131 56 130.552 56 130C56 129.448 56.4477 129 57 129C57.5523 129 58 129.448 58 130Z"
stroke="black"
/>
<path
d="M85 130C85 130.552 84.5523 131 84 131C83.4477 131 83 130.552 83 130C83 129.448 83.4477 129 84 129C84.5523 129 85 129.448 85 130Z"
stroke="black"
/>
<path
d="M96 130C96 130.552 95.5523 131 95 131C94.4477 131 94 130.552 94 130C94 129.448 94.4477 129 95 129C95.5523 129 96 129.448 96 130Z"
stroke="black"
/>
<path
d="M113 94C113 94.5523 112.552 95 112 95C111.448 95 111 94.5523 111 94C111 93.4477 111.448 93 112 93C112.552 93 113 93.4477 113 94Z"
stroke="black"
/>
<path
d="M113 76C113 76.5523 112.552 77 112 77C111.448 77 111 76.5523 111 76C111 75.4477 111.448 75 112 75C112.552 75 113 75.4477 113 76Z"
stroke="black"
/>
<path
d="M133 89C133 89.5523 132.552 90 132 90C131.448 90 131 89.5523 131 89C131 88.4477 131.448 88 132 88C132.552 88 133 88.4477 133 89Z"
stroke="black"
/>
<path
d="M33 81C33 81.5523 32.5523 82 32 82C31.4477 82 31 81.5523 31 81C31 80.4477 31.4477 80 32 80C32.5523 80 33 80.4477 33 81Z"
stroke="black"
/>
<path
d="M43 116C43 116.552 42.5523 117 42 117C41.4477 117 41 116.552 41 116C41 115.448 41.4477 115 42 115C42.5523 115 43 115.448 43 116Z"
stroke="black"
/>
<path
d="M39 123C39 123.552 38.5523 124 38 124C37.4477 124 37 123.552 37 123C37 122.448 37.4477 122 38 122C38.5523 122 39 122.448 39 123Z"
stroke="black"
/>
<path
d="M79 103C79 103.552 78.5523 104 78 104C77.4477 104 77 103.552 77 103C77 102.448 77.4477 102 78 102C78.5523 102 79 102.448 79 103Z"
stroke="black"
/>
<path
d="M91 105C91 105.552 90.5523 106 90 106C89.4477 106 89 105.552 89 105C89 104.448 89.4477 104 90 104C90.5523 104 91 104.448 91 105Z"
stroke="black"
/>
<path
d="M77 135C77 135.552 76.5523 136 76 136C75.4477 136 75 135.552 75 135C75 134.448 75.4477 134 76 134C76.5523 134 77 134.448 77 135Z"
stroke="black"
/>
<path
d="M100 84C100 84.5523 99.5523 85 99 85C98.4477 85 98 84.5523 98 84C98 83.4477 98.4477 83 99 83C99.5523 83 100 83.4477 100 84Z"
stroke="black"
/>
<path
d="M100 66C100 66.5523 99.5523 67 99 67C98.4477 67 98 66.5523 98 66C98 65.4477 98.4477 65 99 65C99.5523 65 100 65.4477 100 66Z"
stroke="black"
/>
<path
d="M124 81C124 81.5523 123.552 82 123 82C122.448 82 122 81.5523 122 81C122 80.4477 122.448 80 123 80C123.552 80 124 80.4477 124 81Z"
stroke="black"
/>
<path
d="M131 71C131 71.5523 130.552 72 130 72C129.448 72 129 71.5523 129 71C129 70.4477 129.448 70 130 70C130.552 70 131 70.4477 131 71Z"
stroke="black"
/>
<path
d="M42 90C42 90.5523 41.5523 91 41 91C40.4477 91 40 90.5523 40 90C40 89.4477 40.4477 89 41 89C41.5523 89 42 89.4477 42 90Z"
stroke="black"
/>
<path
d="M42 101C42 101.552 41.5523 102 41 102C40.4477 102 40 101.552 40 101C40 100.448 40.4477 100 41 100C41.5523 100 42 100.448 42 101Z"
stroke="black"
/>
<path
d="M63 86C63 86.5523 62.5523 87 62 87C61.4477 87 61 86.5523 61 86C61 85.4477 61.4477 85 62 85C62.5523 85 63 85.4477 63 86Z"
stroke="black"
/>
<path
d="M63 68C63 68.5523 62.5523 69 62 69C61.4477 69 61 68.5523 61 68C61 67.4477 61.4477 67 62 67C62.5523 67 63 67.4477 63 68Z"
stroke="black"
/>
<path
d="M75 82C75 82.5523 74.5523 83 74 83C73.4477 83 73 82.5523 73 82C73 81.4477 73.4477 81 74 81C74.5523 81 75 81.4477 75 82Z"
stroke="black"
/>
<path
d="M87 76C87 76.5523 86.5523 77 86 77C85.4477 77 85 76.5523 85 76C85 75.4477 85.4477 75 86 75C86.5523 75 87 75.4477 87 76Z"
stroke="black"
/>
<path
d="M100 76C100 76.5523 99.5523 77 99 77C98.4477 77 98 76.5523 98 76C98 75.4477 98.4477 75 99 75C99.5523 75 100 75.4477 100 76Z"
stroke="black"
/>
<path
d="M113 76C113 76.5523 112.552 77 112 77C111.448 77 111 76.5523 111 76C111 75.4477 111.448 75 112 75C112.552 75 113 75.4477 113 76Z"
stroke="black"
/>
<path
d="M139 76C139 76.5523 138.552 77 138 77C137.448 77 137 76.5523 137 76C137 75.4477 137.448 75 138 75C138.552 75 139 75.4477 139 76Z"
stroke="black"
/>
<path
d="M61 116C61 116.552 60.5523 117 60 117C59.4477 117 59 116.552 59 116C59 115.448 59.4477 115 60 115C60.5523 115 61 115.448 61 116Z"
stroke="black"
/>
<path
d="M72 110C72 110.552 71.5523 111 71 111C70.4477 111 70 110.552 70 110C70 109.448 70.4477 109 71 109C71.5523 109 72 109.448 72 110Z"
stroke="black"
/>
<path
d="M68 102C68 102.552 67.5523 103 67 103C66.4477 103 66 102.552 66 102C66 101.448 66.4477 101 67 101C67.5523 101 68 101.448 68 102Z"
stroke="black"
/>
<path
d="M92 93C92 93.5523 91.5523 94 91 94C90.4477 94 90 93.5523 90 93C90 92.4477 90.4477 92 91 92C91.5523 92 92 92.4477 92 93Z"
stroke="black"
/>
<path
d="M43 75C43 75.5523 42.5523 76 42 76C41.4477 76 41 75.5523 41 75C41 74.4477 41.4477 74 42 74C42.5523 74 43 74.4477 43 75Z"
stroke="black"
/>
<path
d="M80 91C80 91.5523 79.5523 92 79 92C78.4477 92 78 91.5523 78 91C78 90.4477 78.4477 90 79 90C79.5523 90 80 90.4477 80 91Z"
stroke="black"
/>
<path
d="M80 73C80 73.5523 79.5523 74 79 74C78.4477 74 78 73.5523 78 73C78 72.4477 78.4477 72 79 72C79.5523 72 80 72.4477 80 73Z"
stroke="black"
/>
<path
d="M115 87C115 87.5523 114.552 88 114 88C113.448 88 113 87.5523 113 87C113 86.4477 113.448 86 114 86C114.552 86 115 86.4477 115 87Z"
stroke="black"
/>
<path
d="M115 69C115 69.5523 114.552 70 114 70C113.448 70 113 69.5523 113 69C113 68.4477 113.448 68 114 68C114.552 68 115 68.4477 115 69Z"
stroke="black"
/>
<path
d="M122 71C122 71.5523 121.552 72 121 72C120.448 72 120 71.5523 120 71C120 70.4477 120.448 70 121 70C121.552 70 122 70.4477 122 71Z"
stroke="black"
/>
<path
d="M137 62C137 62.5523 136.552 63 136 63C135.448 63 135 62.5523 135 62C135 61.4477 135.448 61 136 61C136.552 61 137 61.4477 137 62Z"
stroke="black"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

57
src/assets/preview/clothes/collared.svg Normal file
View File

@ -0,0 +1,57 @@
<svg
width="281"
height="93"
viewBox="0 0 281 93"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>clothes - collared</title>
<path
d="M142.771 67.5777C142.771 67.5779 142.771 67.5779 144 66L142.771 67.5779L144.493 68.9188L145.679 67.0874L145.679 67.087L145.681 67.0841L145.69 67.0697L145.731 67.0072C145.742 66.9904 145.755 66.971 145.769 66.9491C145.803 66.8975 145.847 66.8318 145.9 66.7529C146.05 66.5278 146.275 66.1947 146.57 65.7695C147.158 64.919 148.023 63.7016 149.118 62.2463C151.312 59.3316 154.416 55.482 158.071 51.7183C161.737 47.9446 165.898 44.3176 170.198 41.7935C174.514 39.2597 178.777 37.9491 182.733 38.4825C225.171 44.2046 256.402 63.002 276.674 91.0006H3.37453C19.6742 61.6588 42.8579 42.9825 80.4446 34.4127C82.0464 34.0474 84.2242 34.1581 86.9471 34.7915C89.6421 35.4183 92.7146 36.5194 96.0282 37.9759C102.655 40.8887 110.052 45.1363 117.004 49.5364C123.945 53.9299 130.39 58.4425 135.104 61.8597C137.459 63.5674 139.379 64.9995 140.709 66.0036C141.374 66.5056 141.891 66.9005 142.241 67.1693C142.416 67.3037 142.55 67.4065 142.639 67.4754L142.739 67.553L142.764 67.5722L142.77 67.5767L142.771 67.5777Z"
fill="#9287FF"
stroke="black"
stroke-width="4"
/>
<path
d="M68.6127 37.0849L73.7794 17.8529C73.9886 17.0741 74.9962 16.854 75.5402 17.4493C90.4034 33.7135 109.16 33.0762 115.385 32.3297C116.23 32.2284 116.892 33.1531 116.495 33.906L103.338 58.859C103.136 59.2414 102.724 59.4518 102.3 59.3636C98.3518 58.5411 78.6774 53.7321 68.7286 37.8667C68.583 37.6345 68.5416 37.3496 68.6127 37.0849Z"
fill="#E0DDFF"
stroke="black"
stroke-width="4"
/>
<path
d="M199.195 36.9814L187.615 17.4989C187.222 16.8374 186.253 16.8483 185.834 17.4937C180.097 26.3296 170.202 30.4 166.742 31.6024C166.12 31.8187 165.835 32.5584 166.171 33.1254L179.673 55.9402C179.875 56.2806 180.255 56.4651 180.636 56.3568C182.771 55.749 190.096 52.6851 199.182 38.0212C199.378 37.706 199.385 37.3001 199.195 36.9814Z"
fill="#E0DDFF"
stroke="black"
stroke-width="4"
/>
<path
d="M125.5 54.5L116.5 33L109.5 48L125.5 54.5Z"
fill="black"
stroke="black"
stroke-width="4"
stroke-linejoin="round"
/>
<path
d="M157 53.5L166 32L173 47L157 53.5Z"
fill="black"
stroke="black"
stroke-width="4"
stroke-linejoin="round"
/>
<path
d="M86.5 14L74.5 17L84.5 23.5L86.5 14Z"
fill="black"
stroke="black"
stroke-width="4"
stroke-linejoin="round"
/>
<path
d="M176 14L187 17L180 23.5L176 14Z"
fill="black"
stroke="black"
stroke-width="4"
stroke-linejoin="round"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

23
src/assets/preview/clothes/crew.svg Normal file
View File

@ -0,0 +1,23 @@
<svg
width="281"
height="93"
viewBox="0 0 281 93"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>clothes - crew</title>
<path
d="M182.552 38.4488L182.692 38.4809L182.836 38.4927C228.961 42.2969 256.62 62.7848 276.694 90.9997H3.37453C19.6742 61.6579 42.8579 42.9816 80.4446 34.4117C96.4579 30.7606 115.113 28.9394 137 28.9395C146.456 28.9395 153.814 30.3819 160.796 32.2853C163.383 32.9904 165.983 33.7805 168.643 34.5887C173.045 35.9265 177.611 37.3141 182.552 38.4488Z"
fill="#9287FF"
stroke="black"
stroke-width="4"
/>
<path
d="M68.9305 36.5805L78.0837 16.9838C78.3023 16.5157 78.8456 16.293 79.3326 16.4654C117.259 29.8904 151.762 28.945 183.736 20.0444C184.139 19.9324 184.569 20.0806 184.815 20.4178L198.747 39.4703C199.13 39.994 198.935 40.7324 198.331 40.9696C164.724 54.166 101.663 51.9229 69.4152 37.9037C68.9036 37.6813 68.6945 37.0859 68.9305 36.5805Z"
fill="#E0DDFF"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

17
src/assets/preview/clothes/open.svg Normal file
View File

@ -0,0 +1,17 @@
<svg
width="281"
height="93"
viewBox="0 0 281 93"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>clothes - open</title>
<path
d="M276.366 90.8628H3.45626C3.49074 90.7926 3.52546 90.7219 3.5604 90.6507C8.10518 81.395 16.4899 64.319 27.4025 49.0413C33.5961 40.3702 40.5303 32.3872 47.9416 26.7719C55.3538 21.1558 63.0614 18.0405 70.8916 18.7256C85.946 20.0429 99.3549 28.2854 112.817 36.5604C114.092 37.3444 115.368 38.1288 116.646 38.9076C131.131 47.7349 146.005 55.9312 162.365 52.3445C167.899 51.1311 171.629 48.5345 173.976 45.1797C176.29 41.8727 177.122 38.0292 177.266 34.5166C177.41 30.9989 176.871 27.6738 176.311 25.2562C176.049 24.1257 175.779 23.1785 175.564 22.4839C179.189 18.8351 183.027 16.71 186.989 15.7533C191.284 14.7164 195.876 15.0158 200.707 16.4448C210.437 19.3229 220.847 26.6969 231.007 36.1789C249.621 53.5516 266.7 77.3231 276.366 90.8628Z"
fill="#9287FF"
stroke="black"
stroke-width="4.27431"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

30
src/assets/preview/ear/attached.svg Normal file
View File

@ -0,0 +1,30 @@
<svg
width="48"
height="48"
viewBox="0 0 48 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(5, 2)">
<title>ear - attached</title>
<path
d="M30.5 6.17556C28.17 5.40834 25.6547 5 23.08 5C12.5866 5 4.08007 11.5 5.08001 23.5C6.12162 36 13.5866 40.5 24.08 40.5C25.2476 40.5 26.3906 40.3975 27.5 40.2011C28.7105 39.9869 29.8811 39.6609 31 39.2347"
stroke="#000"
stroke-width="8"
/>
<path
d="M31.5 39.0361C29.2204 39.9786 26.7127 40.5 24.08 40.5C13.5866 40.5 6.12162 36 5.08001 23.5C4.08007 11.5 12.5866 5 23.08 5C26.2175 5 29.2667 5.60635 32 6.72957L31.5 39.0361Z"
fill="#ffcebc"
/>
<path
d="M27.5 13.5004C23.5 11.6671 14.7 10.7004 11.5 21.5004"
stroke="#000"
stroke-width="4"
/>
<path
d="M17 14C19.1667 15.8333 23.3 21.5 22.5 29.5"
stroke="#000"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 917 B

32
src/assets/preview/ear/detached.svg Normal file
View File

@ -0,0 +1,32 @@
<svg
width="48"
height="52"
viewBox="0 0 48 52"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(5, 0)">
<title>ear - detached</title>
<path
d="M36.466 43.1111L37 42.5357V41.7506V8.24948V7.13022L36.046 6.54483C32.3122 4.25363 27.7717 3 23.08 3C17.4397 3 12.1591 4.74745 8.39775 8.29504C4.59419 11.8824 2.54206 17.1274 3.08692 23.6661C3.61786 30.0378 5.75693 34.7272 9.30474 37.8433C9.01338 38.8425 8.92733 39.9197 9.06236 41.0533C9.45166 44.3216 11.1039 46.6766 13.6572 48.1277C16.0911 49.511 19.2061 49.9998 22.5242 49.9998C28.0033 49.9998 32.8077 47.0528 36.466 43.1111Z"
stroke="black"
stroke-width="4"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M42.972 23.984C43.0434 23.3322 43.08 22.6703 43.08 22C43.08 11.7827 33.5734 5 23.08 5C12.5866 5 4.08007 11.5 5.08001 23.5C5.63643 30.1774 8.02584 34.5719 11.7307 37.2171C11.1423 38.2409 10.8848 39.4436 11.0483 40.8167C11.6774 46.0984 16.1862 47.9998 22.5242 47.9998C33.6292 47.9998 42.4159 33.9534 42.972 23.984Z"
fill="#ffcebc"
/>
<path
d="M27.5 13.5004C23.5 11.6671 14.7 10.7004 11.5 21.5004"
stroke="#000"
stroke-width="4"
/>
<path
d="M17 14C19.1667 15.8333 23.3 21.5 22.5 29.5"
stroke="#000"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

16
src/assets/preview/earrings/hoop.svg Normal file
View File

@ -0,0 +1,16 @@
<svg
width="52"
height="52"
viewBox="0 0 52 52"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>earrings - hoop</title>
<path
d="M26 2C39.2548 2 50 12.7452 50 26C50 39.2548 39.2548 50 26 50C12.7452 50 2 39.2548 2 26C2 19.6087 5.5 14.5 8.5715 9.5L9.5 8"
stroke="#F4D150"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 385 B

23
src/assets/preview/earrings/stud.svg Normal file
View File

@ -0,0 +1,23 @@
<svg
width="48"
height="50"
viewBox="0 0 48 50"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 24)">
<title>earrings - stud</title>
<circle
cx="25"
cy="4"
r="4"
fill="#F4D150"
/>
<circle
cx="26"
cy="3"
r="1"
fill="#FFEDEF"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 348 B

23
src/assets/preview/eyebrows/down.svg Normal file
View File

@ -0,0 +1,23 @@
<svg
width="149"
height="48"
viewBox="0 0 149 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>eyebrows - down</title>
<path
d="M27 26.5C33.1667 29 48.1 29.5 58.5 11.5"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M94 4C99.1667 9.33333 112.1 16.8 122.5 4"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 472 B

59
src/assets/preview/eyebrows/eyelashesdown.svg Normal file
View File

@ -0,0 +1,59 @@
<svg
width="149"
height="51"
viewBox="0 0 149 51"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>eyebrows - eyelashesdown</title>
<path
d="M27 29.5C33.1667 32 48.1 32.5 58.5 14.5"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M94 7C99.1667 12.3333 112.1 19.8 122.5 7"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M37.1484 29.4578L31 24.0312"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M116.219 12.4435L118.004 4.43945"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M45.5975 25.8142L41.5508 18.6816"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M108.142 12.0179L109.08 3.87109"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M52.6736 20.2005L50.4727 12.3008"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M99.993 11.031L99.2168 2.86719"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

59
src/assets/preview/eyebrows/eyelashesup.svg Normal file
View File

@ -0,0 +1,59 @@
<svg
width="149"
height="51"
viewBox="0 0 149 51"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>eyebrows - eyelashesup</title>
<path
d="M99 13.2143C104.667 10.5476 118 8.11427 126 19.7143"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M23.5791 38.521C25.6497 32.6104 33.2612 21.3959 47.1418 23.8224"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M26.0742 32.4578L19.9258 27.0312"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M122.961 14.157L129.109 8.73047"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M32.5233 26.8142L28.4766 19.6816"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M115.512 10.5135L119.559 3.38086"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M40.5994 23.2005L38.3984 15.3008"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M106.436 9.89973L108.637 2"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

23
src/assets/preview/eyebrows/up.svg Normal file
View File

@ -0,0 +1,23 @@
<svg
width="149"
height="48"
viewBox="0 0 149 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>eyebrows - up</title>
<path
d="M99 10.2143C104.667 7.5476 118 5.11427 126 16.7143"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M23.5791 35.521C25.6497 29.6104 33.2612 18.3959 47.1418 20.8224"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 504 B

27
src/assets/preview/eyes/ellipse.svg Normal file
View File

@ -0,0 +1,27 @@
<svg
width="96"
height="48"
viewBox="0 0 96 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>eyes - ellipse</title>
<ellipse
cx="16.5301"
cy="29.4023"
rx="9"
ry="13.5"
transform="rotate(-6.77646 16.5301 29.4023)"
fill="black"
/>
<ellipse
cx="80.5312"
cy="19.4021"
rx="9"
ry="13.5"
transform="rotate(-6.27568 80.5312 19.4021)"
fill="black"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 502 B

41
src/assets/preview/eyes/eyeshadow.svg Normal file
View File

@ -0,0 +1,41 @@
<svg
width="96"
height="49"
viewBox="0 0 96 49"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>eyes - eyeshadow</title>
<circle
cx="15.2398"
cy="21.2394"
r="12"
transform="rotate(-6.27568 15.2398 21.2394)"
fill="#D2EFF3"
/>
<ellipse
cx="16.5301"
cy="30.4023"
rx="9"
ry="13.5"
transform="rotate(-6.77646 16.5301 30.4023)"
fill="black"
/>
<circle
cx="79.0191"
cy="12.6105"
r="12"
transform="rotate(-6.27568 79.0191 12.6105)"
fill="#D2EFF3"
/>
<ellipse
cx="80.5312"
cy="20.4021"
rx="9"
ry="13.5"
transform="rotate(-6.27568 80.5312 20.4021)"
fill="black"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 788 B

27
src/assets/preview/eyes/round.svg Normal file
View File

@ -0,0 +1,27 @@
<svg
width="96"
height="48"
viewBox="0 0 96 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>eyes - round</title>
<ellipse
cx="16.1171"
cy="28.9268"
rx="9"
ry="10"
transform="rotate(-6.77646 16.1171 28.9268)"
fill="black"
/>
<ellipse
cx="80.1486"
cy="18.9231"
rx="9"
ry="10"
transform="rotate(-6.27568 80.1486 18.9231)"
fill="black"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 496 B

23
src/assets/preview/eyes/smiling.svg Normal file
View File

@ -0,0 +1,23 @@
<svg
width="96"
height="48"
viewBox="0 0 96 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>eyes - smiling</title>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M5.28675 34.0729C5.40099 34.8857 6.43424 35.0669 7.00876 34.4806C9.47388 31.9648 13.2637 30.1163 17.663 29.5936C20.2577 29.2853 22.7544 29.4749 24.9787 30.0657C25.7326 30.2659 26.4737 29.6294 26.2105 28.8951C24.5451 24.2497 19.8447 21.1962 14.7356 21.8033C8.79442 22.5093 4.55046 27.8978 5.25642 33.839C5.26572 33.9172 5.27583 33.9952 5.28675 34.0729Z"
fill="#171921"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M69.3848 24.0725C69.4976 24.8856 70.5308 25.0671 71.1062 24.4816C73.5487 21.9959 77.2977 20.1702 81.6484 19.6532C84.2128 19.3485 86.6804 19.5348 88.88 20.1167C89.6341 20.3162 90.3751 19.6795 90.1108 18.9456C88.456 14.3522 83.8041 11.3346 78.7482 11.9354C72.8624 12.6348 68.6579 17.9732 69.3573 23.8591C69.3658 23.9305 69.3749 24.0016 69.3848 24.0725Z"
fill="#171921"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

72
src/assets/preview/face/base.svg Normal file
View File

@ -0,0 +1,72 @@
<svg
width="200"
height="320"
viewBox="0 0 200 320"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0)">
<title>face - base</title>
<path
d="M154 319.5C139.6 299.5 128.333 260.834 127 241.5L58.5 212L30 319.5H154Z"
fill="#ffcebc"
stroke="black"
stroke-width="4"
/>
<mask
id="mask0"
style="mask-type: alpha"
maskUnits="userSpaceOnUse"
x="30"
y="212"
width="124"
height="118"
>
<path
d="M154 329.5C139.6 309.5 128.333 260.834 127 241.5L58.5 212L30 329.5H154Z"
fill="#ffcebc"
/>
</mask>
<g mask="url(#mask0)">
<g style="mix-blend-mode: multiply">
<ellipse
cx="124"
cy="210"
rx="59"
ry="54"
fill="black"
/>
</g>
</g>
<mask
id="path-4-inside-1"
fill="white"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M183.886 150.917C183.859 150.801 183.831 150.685 183.803 150.569C183.776 150.454 183.748 150.338 183.719 150.222L167.323 81.7855C167.306 81.7177 167.29 81.6499 167.274 81.5821C167.258 81.5142 167.242 81.4465 167.225 81.3787L167.152 81.0752L167.151 81.0755C156.933 39.6308 115.156 14.1472 73.5821 24.1081C32.0078 34.0689 6.31547 75.7174 15.9883 117.293L15.9863 117.293L32.9776 188.211L32.9916 188.208C43.5944 229.112 85.0616 254.149 126.329 244.261C167.597 234.374 193.216 193.264 184.131 151.996L184.144 151.993L183.886 150.917Z"
/>
</mask>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M183.886 150.917C183.859 150.801 183.831 150.685 183.803 150.569C183.776 150.454 183.748 150.338 183.719 150.222L167.323 81.7855C167.306 81.7177 167.29 81.6499 167.274 81.5821C167.258 81.5142 167.242 81.4465 167.225 81.3787L167.152 81.0752L167.151 81.0755C156.933 39.6308 115.156 14.1472 73.5821 24.1081C32.0078 34.0689 6.31547 75.7174 15.9883 117.293L15.9863 117.293L32.9776 188.211L32.9916 188.208C43.5944 229.112 85.0616 254.149 126.329 244.261C167.597 234.374 193.216 193.264 184.131 151.996L184.144 151.993L183.886 150.917Z"
fill="#ffcebc"
/>
<path
d="M183.886 150.917L179.992 151.831L179.994 151.84L179.996 151.849L183.886 150.917ZM183.719 150.222L179.83 151.154L179.832 151.163L179.834 151.172L183.719 150.222ZM167.323 81.7855L163.43 82.7076L163.433 82.7175L167.323 81.7855ZM167.274 81.5821L163.384 82.5141L163.384 82.5142L167.274 81.5821ZM167.225 81.3787L163.335 82.3108L163.338 82.321L167.225 81.3787ZM167.152 81.0752L171.042 80.1432L170.111 76.255L166.222 77.1849L167.152 81.0752ZM167.151 81.0755L163.267 82.0331L164.218 85.8897L168.081 84.9659L167.151 81.0755ZM73.5821 24.1081L72.6501 20.2182L73.5821 24.1081ZM15.9883 117.293L16.9223 121.182L20.7842 120.255L19.8842 116.386L15.9883 117.293ZM15.9863 117.293L15.0523 113.404L11.1649 114.337L12.0964 118.225L15.9863 117.293ZM32.9776 188.211L29.0877 189.143L30.0201 193.035L33.9113 192.101L32.9776 188.211ZM32.9916 188.208L36.8636 187.204L35.8779 183.401L32.058 184.318L32.9916 188.208ZM126.329 244.261L125.397 240.371H125.397L126.329 244.261ZM184.131 151.996L183.2 148.106L179.381 149.021L180.225 152.856L184.131 151.996ZM184.144 151.993L185.075 155.883L188.966 154.951L188.034 151.061L184.144 151.993ZM187.78 150.002C187.751 149.881 187.722 149.759 187.693 149.637L179.914 151.502C179.94 151.611 179.966 151.721 179.992 151.831L187.78 150.002ZM187.693 149.637C187.664 149.516 187.635 149.395 187.605 149.273L179.834 151.172C179.861 151.281 179.887 151.391 179.914 151.502L187.693 149.637ZM163.433 82.7175L179.83 151.154L187.609 149.29L171.212 80.8535L163.433 82.7175ZM171.215 80.8634C171.198 80.7928 171.181 80.7216 171.164 80.65L163.384 82.5142C163.4 82.5781 163.415 82.6425 163.43 82.7076L171.215 80.8634ZM171.164 80.65C171.147 80.579 171.13 80.5078 171.113 80.4364L163.338 82.321C163.353 82.3851 163.369 82.4494 163.384 82.5141L171.164 80.65ZM163.262 82.0072L163.335 82.3108L171.115 80.4467L171.042 80.1432L163.262 82.0072ZM168.081 84.9659L168.083 84.9655L166.222 77.1849L166.221 77.1852L168.081 84.9659ZM171.035 80.118C160.291 36.5398 116.364 9.74466 72.6501 20.2182L74.514 27.998C113.949 18.5498 153.575 42.7219 163.267 82.0331L171.035 80.118ZM72.6501 20.2182C28.936 30.6917 1.92157 74.4836 12.0923 118.199L19.8842 116.386C10.7094 76.9513 35.0796 37.4461 74.514 27.998L72.6501 20.2182ZM16.9204 121.183L16.9223 121.182L15.0542 113.403L15.0523 113.404L16.9204 121.183ZM36.8676 187.279L19.8763 116.361L12.0964 118.225L29.0877 189.143L36.8676 187.279ZM32.058 184.318L32.044 184.322L33.9113 192.101L33.9252 192.097L32.058 184.318ZM29.1195 189.211C40.2685 232.223 83.8693 258.548 127.261 248.151L125.397 240.371C86.2539 249.75 46.9204 226.002 36.8636 187.204L29.1195 189.211ZM127.261 248.151C170.653 237.755 197.591 194.53 188.038 151.136L180.225 152.856C188.842 191.999 164.541 230.993 125.397 240.371L127.261 248.151ZM183.212 148.103L183.2 148.106L185.063 155.886L185.075 155.883L183.212 148.103ZM179.996 151.849L180.254 152.925L188.034 151.061L187.776 149.985L179.996 151.849Z"
fill="black"
mask="url(#path-4-inside-1)"
/>
</g>
<defs>
<clipPath id="clip0">
<rect
width="200"
height="320"
fill="white"
/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

35
src/assets/preview/glasses/round.svg Normal file
View File

@ -0,0 +1,35 @@
<svg
width="152"
height="65"
viewBox="0 0 152 65"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>glasses - round</title>
<circle
cx="123.5"
cy="28"
r="26"
stroke="#aaa"
stroke-width="4"
/>
<circle
cx="56.5"
cy="37"
r="26"
stroke="#aaa"
stroke-width="4"
/>
<path
d="M98.5 35C98.5 32.8783 97.6571 30.8434 96.1569 29.3431C94.6566 27.8429 92.6217 27 90.5 27C88.3783 27 86.3434 27.8429 84.8431 29.3431C83.3429 30.8434 82.5 32.8783 82.5 35"
stroke="#aaa"
stroke-width="4"
/>
<path
d="M31 39L1 44.5"
stroke="#aaa"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 725 B

32
src/assets/preview/glasses/square.svg Normal file
View File

@ -0,0 +1,32 @@
<svg
width="160"
height="74"
viewBox="0 0 160 74"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>glasses - square</title>
<path
d="M36.5 42.5L2 49.125"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M32.4878 25.9393C31.618 22.4804 33.9396 19.0308 37.4716 18.5345L76.1882 13.0932C79.4696 12.632 82.5036 14.9183 82.9648 18.1998L88.5317 57.8105C88.9929 61.0919 86.7066 64.126 83.4252 64.5871L48.9526 69.4319C45.9161 69.8587 43.0465 67.9273 42.2987 64.9536L32.4878 25.9393Z"
stroke="black"
stroke-width="4"
/>
<path
d="M154.751 8.96388C154.634 5.39915 151.451 2.7232 147.919 3.21958L109.203 8.66085C105.921 9.12202 103.635 12.156 104.096 15.4375L109.663 55.0482C110.124 58.3297 113.158 60.616 116.44 60.1548L150.912 55.31C153.949 54.8832 156.175 52.2357 156.074 49.1711L154.751 8.96388Z"
stroke="black"
stroke-width="4"
/>
<path
d="M85.5 37.125L107.5 33.625"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

16
src/assets/preview/mouth/frown.svg Normal file
View File

@ -0,0 +1,16 @@
<svg
width="77"
height="64"
viewBox="0 0 77 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>mouth - frown</title>
<path
d="M2 41C5.21065 33.0427 17.1069 16.2329 39.0069 12.6522C60.9069 9.07139 72.1273 21.1068 75 27.5721"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 355 B

40
src/assets/preview/mouth/laughing.svg Normal file
View File

@ -0,0 +1,40 @@
<svg
width="73"
height="64"
viewBox="0 0 73 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>mouth - laughing</title>
<path
d="M69.9204 13.3305C69.7501 11.263 67.6363 10.1117 65.8448 10.8176C61.6161 12.4839 47.6267 17.7834 37.7627 19.1403C26.9401 20.6291 10.5503 18.821 5.80622 18.2319C3.87694 17.9923 2.15721 19.6504 2.49021 21.6654C3.14178 25.6081 4.48399 29.4088 6.45857 32.8914C8.6608 36.7754 11.6065 40.1877 15.1274 42.9333C18.6484 45.679 22.6757 47.7042 26.9793 48.8935C31.283 50.0827 35.7787 50.4126 40.2099 49.8644C44.6411 49.3162 48.9208 47.9005 52.8049 45.6983C56.689 43.4961 60.1012 40.5504 62.8469 37.0294C65.5925 33.5085 67.6178 29.4812 68.807 25.1775C69.8726 21.3212 70.2483 17.3106 69.9204 13.3305Z"
fill="#171921"
stroke="#171921"
stroke-width="4"
/>
<mask
id="mouthLaughing"
style="mask-type: alpha"
maskUnits="userSpaceOnUse"
x="4"
y="12"
width="65"
height="37"
>
<path
d="M67.7931 12.1925C68.3091 16.363 67.9985 20.5943 66.8793 24.6448C65.76 28.6953 63.8539 32.4857 61.2697 35.7996C58.6856 39.1134 55.474 41.8858 51.8185 43.9585C48.1629 46.0312 44.1348 47.3636 39.9643 47.8795C35.7938 48.3955 31.5625 48.085 27.512 46.9657C23.4615 45.8464 19.6712 43.9403 16.3573 41.3562C13.0435 38.772 10.2711 35.5605 8.19838 31.9049C6.12569 28.2493 4.79332 24.2213 4.27734 20.0508L67.7931 12.1925Z"
fill="#171921"
/>
</mask>
<g mask="url(#mouthLaughing)">
<circle
cx="40.5221"
cy="52.3146"
r="21.5"
transform="rotate(-7.05286 40.5221 52.3146)"
fill="#FC909F"
/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

31
src/assets/preview/mouth/nervous.svg Normal file
View File

@ -0,0 +1,31 @@
<svg
width="80"
height="64"
viewBox="0 0 80 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>mouth - nervous</title>
<rect
x="4.24805"
y="17.4707"
width="70"
height="24"
rx="4"
transform="rotate(-4 4.24805 17.4707)"
fill="black"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M67.8211 13.0252L10.5039 17.0332L12.3439 24.0378C13.0765 26.8266 15.6892 28.6999 18.5656 28.4988C15.6892 28.6999 13.3627 30.9186 13.0253 33.7822L12.1781 40.9747L69.4952 36.9667L67.6552 29.9621C66.9226 27.1734 64.3099 25.3 61.4336 25.5012C64.3099 25.3 66.6365 23.0813 66.9738 20.2177L67.8211 13.0252Z"
fill="white"
/>
<path
d="M9.06711 15.8455C5.41077 15.5824 2.32285 18.6103 2.58059 22.2961L3.5994 36.8658C3.85714 40.5517 7.33642 43.1204 10.9206 42.351C17.8645 40.8603 31.142 38.2166 40.7373 37.5457C50.3326 36.8747 63.8488 37.6448 70.9326 38.1545C74.589 38.4176 77.6769 35.3897 77.4191 31.7039L76.4003 17.1342C76.1426 13.4483 72.6633 10.8796 69.0792 11.649C62.1352 13.1397 48.8578 15.7833 39.2624 16.4543C29.6671 17.1253 16.151 16.3552 9.06711 15.8455Z"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

16
src/assets/preview/mouth/pucker.svg Normal file
View File

@ -0,0 +1,16 @@
<svg
width="64"
height="64"
viewBox="0 0 64 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>mouth - pucker</title>
<path
d="M26 16.6965C30.1667 14.3631 47 11.3964 47 18.1964C47 26.6964 35.5 26.1965 35.5 26.1965C35.5 26.1965 48.5447 23.0354 46 32.1965C43.5 41.1965 36.5 37.6965 34.5 36.6965"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 425 B

16
src/assets/preview/mouth/sad.svg Normal file
View File

@ -0,0 +1,16 @@
<svg
width="64"
height="64"
viewBox="0 0 64 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>mouth - sad</title>
<path
d="M13 46C14.7153 38.0427 21.0708 21.2329 32.7708 17.6522C44.4708 14.0714 50.4653 26.1068 52 32.5721"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 354 B

16
src/assets/preview/mouth/smile.svg Normal file
View File

@ -0,0 +1,16 @@
<svg
width="67"
height="64"
viewBox="0 0 67 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>mouth - smile</title>
<path
d="M2.5 17.5C5 34.5 33.5 42.5 59.5 23"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 293 B

16
src/assets/preview/mouth/smirk.svg Normal file
View File

@ -0,0 +1,16 @@
<svg
width="64"
height="64"
viewBox="0 0 64 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>mouth - smirk</title>
<path
d="M10.0007 24.1649C14.941 30.6115 22.4277 37.7537 33.9767 36.125C45.5257 34.4963 50.6642 26.5297 49.1492 20.0779"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 369 B

45
src/assets/preview/mouth/surprised.svg Normal file
View File

@ -0,0 +1,45 @@
<svg
width="64"
height="64"
viewBox="0 0 64 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>mouth - surprised</title>
<path
d="M36.047 54.8914C46.884 52.9301 53.2329 40.9546 51.0248 28.7536C48.8167 16.5526 38.6734 7.56185 27.8364 9.52311C16.9993 11.4844 10.6504 23.4598 12.8585 35.6608C15.0666 47.8619 25.2099 56.8526 36.047 54.8914Z"
fill="black"
stroke="black"
stroke-width="3.59115"
/>
<mask
id="mouthSurprised"
style="mask-type: alpha"
maskUnits="userSpaceOnUse"
x="14"
y="11"
width="36"
height="43"
>
<ellipse
cx="31.9417"
cy="32.2072"
rx="17.5976"
ry="21.257"
transform="rotate(-10.2582 31.9417 32.2072)"
fill="#171921"
/>
</mask>
<g mask="url(#mouthSurprised)">
<ellipse
cx="35.202"
cy="50.2187"
rx="20.2046"
ry="18.3047"
transform="rotate(-10.2582 35.202 50.2187)"
fill="#FC909F"
/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

16
src/assets/preview/nose/curve.svg Normal file
View File

@ -0,0 +1,16 @@
<svg
width="32"
height="40"
viewBox="0 0 32 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>nose - curve</title>
<path
d="M16.5 7C16.1667 10.8333 16.5 19.2 20.5 22C25.5 25.5 20 34 10 32"
stroke="#171921"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 323 B

16
src/assets/preview/nose/pointed.svg Normal file
View File

@ -0,0 +1,16 @@
<svg
width="32"
height="40"
viewBox="0 0 32 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>nose - pointed</title>
<path
d="M16.5 3C16.5 17 23.5 28 23.5 28C23.5 28 20 34 10 32"
stroke="#171921"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 313 B

16
src/assets/preview/nose/round.svg Normal file
View File

@ -0,0 +1,16 @@
<svg
width="32"
height="40"
viewBox="0 0 32 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>nose - round</title>
<path
d="M12.307 12.3397C17.753 11.0993 26.6843 12.9603 24.7238 22.8833C22.9813 31.7023 13.6141 32.1857 11 29.7048"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 363 B

20
src/assets/preview/tops/beanie.svg Normal file
View File

@ -0,0 +1,20 @@
<svg
width="240"
height="200"
viewBox="0 0 240 200"
fill="none"
preserveAspectRatio="xMidYMid meet"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(40, 40) scale(0.27)">
<defs />
<path
fill="#000"
d="M71.5 502.6c-3.8-1.6-14.6-15.8-20.3-26.5C46 466.3 28 426.5 23.1 414c-6.4-16.4-13.6-42.5-14.7-53.3-.7-7.4-.6-7.8 7.4-17.6l4.5-5.6-.6-34c-.6-35-.1-45 3.3-68.5 3.3-22.8 4.9-36 6-48.5.6-6.6 2-17.8 3.1-25 3.6-24.8 7.3-35.2 16.9-47.5 2.8-3.6 9.9-13.2 15.8-21.4C84.3 65.5 92.4 58.7 110 54.5c5.2-1.2 13.8-2.7 19-3.3 15.7-1.9 20.1-4.1 40-20.1 13.3-10.7 21.5-15 30.8-16.1 6.7-.9 21.1.2 26.7 2 3.3 1 19.4 3.9 26.5 4.7 5.4.6 18.5-2.4 32-7.1 17.9-6.4 20.2-7 31.5-7.4 16.4-.6 24.4 1.4 50 12.3 24.1 10.3 27.7 11.1 43 9.5 26.1-2.7 42.9 2.8 71 23.1 19.5 14 24.1 16.2 40 18.4 2.8.4 6.4 1.5 8.1 2.6 5.5 3.4 13.2 12.5 22.8 27.1 14.3 21.9 24.6 40.4 30 54 .9 2.4 3.2 5 6 7 5.1 3.5 7.8 8.4 18.6 33.8 7.9 18.5 11.4 31.3 19.6 72.8l6.8 33.7v20.1c.1 21.9-.2 23.4-5.4 23.4-1.5 0-4.1-.7-5.6-1.5-1.6-.8-3.7-1.5-4.6-1.5-1 0-4.1-.9-7-2-10.8-4-49.4-12.7-59.8-13.4-2-.2-4.5-.8-5.5-1.3-2.3-1.2-13.7-3.5-30-6-14-2.2-60.2-2.4-81.5-.5l-29 2.8c-45 4.2-84.8 13-119.3 26.6-27 10.6-76.5 37.3-98.3 53.1-39.8 28.8-71.9 57.9-93.6 85.2-6.6 8.3-12.7 15.6-13.6 16.3-2 1.5-3.9 1.5-7.7-.2zm11.1-29.3c12.5-15.7 36.4-39.4 58.2-57.5l3.2-2.6-3.7-7.9c-2-4.3-5.1-10.3-6.9-13.3-1.7-3-6.2-11.3-9.9-18.5-9.7-18.5-15-27.8-21.5-37.5-6.8-10.1-16.9-23-18.1-23-1.8 0-28.8 17.9-42.4 28.1-5 3.7-11.2 9.4-13.8 12.7l-4.7 6 2.1 8.4c5.3 21.5 11.6 39.7 19.1 55.1 2.6 5.4 4.8 10 4.8 10.4 0 1.1 9.4 21.8 13.8 30.2 3.9 7.6 10.9 19.1 11.7 19.1.1 0 3.8-4.4 8.1-9.7zm89.5-81.5c12.6-9 18.5-12.8 35.1-22.8 7.4-4.5 12.4-8.1 11.9-8.6s-4.6-8.3-9.3-17.4c-4.6-9.1-10.6-20-13.3-24.3-14.2-22.2-19.7-30.2-27-39.5l-7.9-10.1-17.6 9.1c-9.6 5-20.6 11-24.5 13.3-3.8 2.3-9.4 5.5-12.2 7.1-2.9 1.6-5.3 3.1-5.3 3.4s3.3 5 7.4 10.5c8.8 11.8 19.6 29.6 29.7 49l11.3 21.6 6.6 12.2c1.4 2.6 3 4.5 3.6 4.3s5.7-3.7 11.5-7.8zm88.4-50.4c9.6-4.5 22.1-9.6 31.3-12.6 6.8-2.3 9.2-3.5 9.2-4.8 0-9.8-10.5-41.9-19.5-59.5-10.1-19.9-21.8-37.5-24.9-37.5-1 0-11.9 4.2-18.1 7-1.1.5-4.9 2.1-8.5 3.6-3.6 1.4-8.1 3.3-10 4.1l-5.5 2.4c-7.1 3-24.9 11.1-29.6 13.4l-5.6 2.8 9.6 12.7c5.3 7 11.3 15.6 13.4 19.1l8.9 14.4c2.9 4.4 8.3 14.1 12.1 21.5l10 19.1 3 5.7 9.6-4.5 14.6-6.9zm357.2-26.1C617 300.9 606.4 246 600 224c-2.3-8.1-11-29.6-17.6-43.5-2.3-4.7-4.5-5.4-19.6-5.4-7.7-.1-9.8.2-9.8 1.3 0 .7 1.1 4.7 2.4 8.7 4.8 14.8 6.3 20.7 11.7 45.9 1.9 8.8 2.3 13.7 2.3 30 .1 19.6-.5 25-5 43.6-.7 3.3-1.4 6.5-1.4 7.1 0 1 3.6 1.9 18 4.8 8.5 1.7 34.2 8.3 34.9 9 1.9 1.9 2.3-.6 1.8-10.2zm-569.7-3c13.2-8.9 26.6-17 65-39.2 19.1-11.1 58.8-30.9 83.5-41.6l15-6.6c26.5-11.8 61.3-24.6 86-31.7l24.5-6.8c5.4-1.3 10.9-2.7 24.5-6.6 23.5-6.6 35.4-9.1 57.5-12.3 5.8-.8 13.1-1.9 16.2-2.5s12.3-1.7 20.5-2.6l23.8-2.5c5-.5 30-1.2 55.6-1.5l46.7-.7-5.2-10.1c-5.1-9.8-11.2-20.2-18.5-31.6-2-3-4-6.3-4.6-7.2-3.8-6.5-11.4-16.4-15.4-20.1-4.3-4.1-5.3-4.5-11.6-5.2-14.4-1.5-20.2-4.4-44.9-22.2-9.9-7.2-21.5-13.4-30.7-16.4-5.9-1.9-7.8-2-24.4-1.4-12.2.5-20.1.3-24.4-.5-6.3-1.1-19.4-6-33.6-12.5-14.7-6.7-29.9-10.2-38.8-9.1-2.9.4-13.2 3.4-23 6.7-26.9 9.1-38.5 9.7-69.2 3.4-22.5-4.6-25.3-3.7-48 15.1-16.3 13.5-24.5 16.8-48.3 19.9-18 2.3-23.6 4.9-33.7 15.7-3.3 3.5-7.8 9-10 12.3-2.2 3.2-6.7 9.4-10 13.8l-7 9.6c-.5.8-2.9 4-5.3 7-10.6 13.4-12.8 23.3-19.3 86.6-.5 5-1.3 11.3-1.9 14-.5 2.8-2.1 14.7-3.6 26.5-2.5 20.7-2.6 22.2-1.5 42l1.1 23.9c0 3.3 0 3.3 2.3 1.7l10.7-7.3zm290.5 3.9c15.8-3.3 35.1-6.6 44.8-7.7l5.9-.7-.6-3.1c-.3-1.8-.8-8.1-1.1-14.2-1.3-23.5-4.4-38-14.8-69.5-6.1-18.3-9.3-26-11.1-26-.6 0-4.3.9-8.1 2-3.9 1.2-13.5 3.8-21.5 6-23.2 6.1-25.7 6.9-40.7 11.6-9.8 3.2-14.1 5-13.5 5.8l5.3 8.1c15.9 24.5 27.6 52.2 32.9 78 2.9 13.9 2.8 13.8 5.3 13.2 1.2-.2 9-1.8 17.2-3.5zm207.2-12.7c2.2-8.6 5-23.6 6.3-32.9 1.6-11.5.5-20.2-6-49.6-1.8-8.4-2.7-11.6-8.9-31.9-5-16.1-1.7-14.5-27.5-13.7l-28.9 1.3-6.7.6.6 3.6c.4 2 2.9 10.6 5.6 19.1 7.5 23.3 11.6 39.1 15.6 60.6 1.4 7.3 1.6 33.6.3 38.2-1.2 4-2.1 3.7 13.6 5.1 12 1.1 30.4 3.9 31.3 4.7 1.5 1.6 3.6-.7 4.7-5.1zm-106.2 0l30.5-1.8 6.5-.2 1.3-5c1.7-6.6 1-31.7-1.1-40-.9-3.3-2.6-10-3.8-15-2.1-8.9-5.4-19.9-10.9-36.5-1.6-4.7-3.6-12.3-4.6-16.9-1.1-5-2.4-8.5-3.2-8.9-1.5-.5-23.1 1.9-34.2 3.9l-20.9 3.4c-8.5 1.4-15.9 2.9-16.3 3.3-.5.5.2 3.7 1.6 7.3 4.3 11.5 8.4 24.2 11.6 35.9l4 14c1.8 5 5 31.3 5 41.3 0 5.6.3 11.9.6 14l.7 3.7 4.6-.5c2.5-.3 15.4-1.2 28.6-2z"
/>
<path
fill="#f48150"
d="M70.4 484.7c-4.3-5.9-9.8-15.6-14-24.5C51.6 450 46 437.3 46 436.6c0-.3-2.2-4.9-4.8-10.3-7.5-15.4-13.8-33.6-19.1-55.2-3-12.1-2.8-13.3 2.6-20.3 5-6.3 15.4-14.5 34.8-27.5 17.9-11.9 24.3-15.6 25.8-15 1.9.7 12.6 14.2 19.6 24.6 6.6 9.8 11.9 19 21.6 37.6 3.7 7.2 8.2 15.5 9.9 18.5s5.3 9.9 8 15.3c4.1 8.3 4.7 10 3.5 11.1-.8.7-6.1 5.2-11.9 10.1-16.9 14.4-38.4 36-49.7 50-5.8 7.2-11 13.1-11.7 13.2-.6.2-2.5-1.6-4.2-4zm84.1-85c-1.6-3.4-4.8-9.6-7.1-13.7l-11.9-22.5c-13.1-25.1-24.8-43.6-36.2-57.2l-4.4-5.2 7.3-4.2 14.3-8.5c3.9-2.3 15.9-8.7 26.7-14.3l19.6-10.2 9.2 11.7c8.4 10.6 12.3 16.4 27.5 40.1 2.7 4.3 7.8 13.4 11.3 20.3l10.3 19.7c2.9 5.3 3.5 7.3 2.6 8-.7.6-6.4 4-12.7 7.8-13.9 8.2-32.7 20.6-43.3 28.6-4.3 3.3-8.4 5.9-9 5.8-.7 0-2.5-2.8-4.2-6.2zm78-45.7c-1.4-2.2-5.3-9.5-8.6-16.2-12-23.8-26.9-47.7-41.8-66.8-4.4-5.7-8.1-10.9-8.1-11.5 0-1 19.5-10.9 29.9-15.2 2-.8 5.1-2.1 6.9-2.9 1.7-.8 4.7-2 6.5-2.8 1.7-.8 6.1-2.6 9.7-4l8.5-3.6c1.1-.5 6.7-2.8 12.4-5.1l10.4-4.3 4 4.5c11.2 12.5 27 42.1 34.1 63.9 5.6 17.4 9.7 36.7 8.1 38-.5.5-5.1 2.2-10 3.8-9 3-21.6 8.1-31 12.6l-16.8 8-11.7 5.5-2.5-3.9zm382.7-24.6c-4.1-1.8-26.8-7.8-37.2-9.9-19-3.8-19-3.8-19-5.8 0-1 .9-5.5 1.9-10 4.8-20.1 5.6-25.9 5.5-42.7-.1-17.1-.5-20.1-6.8-47-2.3-10.1-3.8-15.1-8.6-30.5-1.2-3.8-2.4-8.1-2.7-9.3l-.6-2.4 16.9.3c9.3.1 17.5.7 18.2 1.2 1.3 1 2 2.5 11.4 24.2 8.9 20.6 11.1 28.7 20.4 75.5 4.9 24.5 5.7 30.6 6.2 43.3.5 16.2.6 15.8-5.6 13.1zM31.9 319.3l-.4-9.5c-.2-.9-.6-10.4-1-21-.6-18-.5-20.9 2.4-43.5l3.6-25.5c.2-.7.9-5.8 1.4-11.3 4.3-43 6.7-59.2 10.3-70 2.7-8 3.9-10.2 9-16.6 2.4-3 4.8-6.2 5.3-7 .6-.9 3.7-5.2 7-9.6s7.8-10.6 10-13.8c2.2-3.3 6.7-8.8 10-12.3 10.1-10.8 15.7-13.4 33.7-15.7 23.8-3.1 32-6.4 48.3-19.9 6.1-5.1 12.8-10.4 15-11.8 9.8-6.6 19-7.4 38.6-3.4 29.5 6 37.4 5.6 64.1-3.5 13.7-4.6 20-6.2 25.8-6.6 12.2-.9 26.1 2.2 41.5 9.2 13.7 6.3 27.2 11.3 32.9 12.4 3.6.7 12.5.8 24 .4 15.9-.5 19-.4 24.2 1.2 8.9 2.7 22.3 9.7 32 16.7 24.7 17.9 30.5 20.8 44.9 22.3 6.3.7 7.3 1.1 11.6 5.2 4 3.7 11.6 13.6 15.4 20.1.6.9 2.6 4.2 4.6 7.2 12 18.5 23.6 40.2 24.1 45l.3 2.5-46.5.7-56 1.7-24.3 2.5c-8.2.9-17.4 2-20.5 2.6s-10.4 1.7-16.2 2.5c-22.1 3.2-34 5.7-57.5 12.3-13.6 3.9-19.1 5.3-24.5 6.6-5.3 1.3-9.1 2.3-24.5 6.8-24.7 7.1-59.5 19.9-86 31.7l-15 6.6c-21.4 9.3-49.2 22.9-74 36.3-8.5 4.6-42 24-50 28.9-12 7.5-28.8 18.4-34.6 22.6-3.7 2.6-7.2 4.7-7.8 4.7-.7 0-1.1-2.7-1.2-7.7zm284.6 4.6c-.3-.4-1.7-6.1-3-12.6-5.3-25.2-15.7-51.1-29.9-74.3-3.2-5.2-7.3-11.4-9.2-13.7s-3.4-4.6-3.4-5.1c0-.6 7.1-3.3 15.8-6.1 16.4-5.2 18.6-5.9 42.2-12.2l23.5-6.4c4.9-1.4 9.9-2.5 11-2.5 2.6 0 5 5.4 12.2 27 10.8 32.6 12.9 42.8 15.3 75 1.5 19.6 1.9 17.7-4.7 18.5-14.5 1.7-48.5 7.9-62.1 11.4-3.9 1.1-7.4 1.5-7.7 1zM541 312c-13.2-2.8-36.4-6-43.5-6-6.2 0-6.6-.6-5-7.5s2-27.1.5-34.2c-3.1-15.6-7.4-34.4-8.7-38.3-.8-2.5-1.6-5.2-1.8-6s-2.6-8.5-5.3-17c-5-15.7-7.9-27.6-7-28.5.7-.7 38.4-2.5 53-2.5 13.7 0 12.2-1.3 16.9 14.1 6.2 20.3 7.1 23.5 8.9 31.9 6.9 31.2 8.1 42.1 6 55.9-2.4 15.7-6 33.3-7.7 37.6-.6 1.6-1 1.7-6.3.5zm-137-3c-1-.6-1.5-5.2-2.1-18.2-.7-16.6-3-35.6-4.9-40.8l-4-14c-3.5-12.7-8.7-28.6-13.1-39.8-1.6-4-2.9-7.7-2.9-8.1 0-.5 3-1.6 6.8-2.5 10.4-2.3 54.8-8.8 67.9-9.9l6.3-.5.9 3.6 2.1 9.2c.7 3 2.5 9.3 4 14 5.8 17.6 8.8 27.8 10.9 36.5l3.8 15c2.1 8.2 2.9 39.1 1.1 46l-1.3 5-7.5.3c-12 .4-65.1 4.1-65.9 4.6-.4.3-1.3.1-2.1-.4z"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

19
src/assets/preview/tops/clean.svg Normal file
View File

@ -0,0 +1,19 @@
<svg
width="240"
height="200"
viewBox="0 0 240 200"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(-35, 40)">
<title>tops - clean</title>
<ellipse
cx="147.854"
cy="58.1803"
rx="6.85759"
ry="18.4393"
transform="rotate(117 147.854 58.1803)"
fill="#FCFDFF"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 356 B

17
src/assets/preview/tops/danny.svg Normal file
View File

@ -0,0 +1,17 @@
<svg
width="240"
height="270"
viewBox="0 0 240 270"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(10, -1)">
<title>tops - danny</title>
<path
d="M123.788 17.4887L123.864 17.4969L123.941 17.4991C150.61 18.2835 171.342 28.8969 186.013 41.8493C200.069 54.2583 208.463 68.7231 211.2 78.5817C207.14 80.8991 200.185 82.8931 191.315 84.5285C181.639 86.3123 170.022 87.615 158.168 88.5436C134.462 90.4007 109.978 90.7491 98.5428 90.5005L92.4699 90.3685L97.2764 94.0826C99.774 96.0125 103.099 97.3557 106.615 98.3003C110.156 99.2517 114.034 99.8354 117.746 100.167C121.57 100.509 125.299 100.589 128.387 100.51C117.8 108.672 104.325 114.948 91.0384 119.6C75.6922 124.973 60.7685 128.12 51.2093 129.521L49.0601 129.836L49.551 131.952C52.8984 146.381 59.0518 171.603 63.179 188.519C65.01 196.025 66.4422 201.895 67.0537 204.463C68.1379 209.017 71.5518 215.508 75.4484 221.491C79.0412 227.008 83.2329 232.38 86.7703 235.687L78.9322 267.5H49.3714C57.7091 254.787 59.469 240.097 57.7689 224.517C55.9286 207.653 50.0074 189.513 43.7659 171.35C43.1514 169.562 42.5339 167.774 41.9165 165.986C36.2326 149.527 30.5644 133.113 27.4936 117.382C24.0922 99.9582 23.9407 83.6514 30.3264 69.3137C40.6653 46.0999 58.9929 32.6198 77.3255 25.1911C95.701 17.745 113.945 16.4399 123.788 17.4887Z"
fill="white"
stroke="#171921"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

29
src/assets/preview/tops/fonze.svg Normal file
View File

@ -0,0 +1,29 @@
<svg
width="240"
height="200"
viewBox="0 0 240 200"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<title>tops - fonze</title>
<path
d="M210.177 51.3965C201.855 91.2936 103.499 96.8962 83.6772 96.8962C31.6548 102.823 56.6248 165.262 66.1772 196.396C58.6772 197.396 59.6772 206.396 30.6772 134.896C7.47724 77.6964 73.1831 42.8337 121.999 30.9995C170.815 19.1653 189.499 2.50195 189.499 2.50195C210.177 11 215.116 27.7185 210.177 51.3965Z"
fill="black"
/>
<path
d="M205.134 124.947L189.316 71.5069L199.354 62.3644C210.109 99.4523 210.601 120.988 205.134 124.947Z"
fill="black"
/>
<path
d="M80 170C74.4 142.8 60.3333 147.667 51 149L41 105L81.5844 96.5056C82.3363 96.2656 83.1408 96.0955 84 96L81.5844 96.5056C63.4332 102.299 75.9565 148.796 91 168L80 170Z"
fill="black"
/>
<path
d="M24.9887 67.3632C33.8341 62.9091 44.2805 65.4873 48.3981 67.3331L36.6273 82.2134C39.6625 77.3568 30.1329 70.2897 24.9887 67.3632Z"
fill="black"
/>
<path
d="M10 84.4996C21.6 77.6996 32.8333 79.9996 37 81.9996L32.5 97.5C31.3 89.1 17 85.3331 10 84.4996Z"
fill="black"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

26
src/assets/preview/tops/funny.svg Normal file
View File

@ -0,0 +1,26 @@
<svg
width="240"
height="200"
viewBox="0 0 240 200"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(-10, 60)">
<title>tops - funny</title>
<path
d="M140 56C154.667 55.3333 180.4 47.2 166 20"
stroke="black"
stroke-width="4"
/>
<path
d="M114 54C128.667 53.3333 154.4 45.2 140 18"
stroke="black"
stroke-width="4"
/>
<path
d="M78 65C92.6667 64.3333 118.4 56.2 104 29"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 531 B

22
src/assets/preview/tops/pixie.svg Normal file
View File

@ -0,0 +1,22 @@
<svg
width="261"
height="249"
viewBox="0 0 261 249"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 0)">
<title>tops - pixie</title>
<path
d="M121.837 88.8195C121.051 87.0776 121.051 87.0779 121.05 87.0783L121.047 87.0794L121.04 87.0828L121.015 87.0942C120.994 87.1038 120.964 87.1177 120.925 87.1357C120.89 87.1518 120.848 87.1714 120.799 87.1943C120.74 87.2223 120.67 87.2553 120.591 87.2932C120.301 87.4313 119.882 87.6353 119.352 87.9045C118.291 88.4426 116.782 89.2418 114.972 90.2948C111.356 92.3984 106.515 95.527 101.628 99.626C91.9116 107.776 81.7052 120.03 81.0904 135.926C80.8259 142.765 79.9706 175.806 80.1619 188.433C80.323 199.065 85.8253 210.481 93.4581 221.008C100.109 230.18 108.508 238.857 116.832 246.008C79.0664 247.501 50.4555 242.546 31.1209 237.121C21.038 234.292 13.4742 231.334 8.44733 229.094C6.46024 228.208 4.86951 227.434 3.67627 226.825C12.7707 220.141 20.3578 208.682 25.3638 191.675C30.8537 173.024 33.288 147.554 31.1521 113.963C29.2166 83.5247 44.0087 57.8092 66.3601 39.629C88.7347 21.4301 118.55 10.9109 146.238 10.9109C161.221 10.9109 173.377 13.8448 183.177 20.9616C192.98 28.081 200.668 39.5619 206.363 57.1322L206.758 58.3516L208.036 58.4485C220.412 59.3865 229.115 64.4881 235.532 72.6621C242.017 80.924 246.24 92.4216 249.336 106.232C251.376 115.332 249.389 124.311 247.001 134.651L246.89 135.133C244.553 145.25 241.952 156.505 243.096 169.666C244.126 181.51 248.853 193.135 252.782 202.074C253.287 203.222 253.776 204.321 254.242 205.368C255.617 208.455 256.793 211.096 257.586 213.253C258.118 214.698 258.425 215.79 258.523 216.566C258.573 216.963 258.555 217.168 258.542 217.254C258.097 217.665 257.273 218.12 255.957 218.522C254.588 218.94 252.864 219.248 250.882 219.442C246.921 219.828 242.138 219.738 237.544 219.296C232.942 218.853 228.638 218.067 225.623 217.108C224.092 216.622 223.033 216.134 222.436 215.711C222.345 215.646 222.275 215.591 222.222 215.546C222.594 214.259 223.132 212.723 223.753 210.949C226.947 201.824 232.348 186.398 228.855 166.08C226.766 153.924 221.189 132.457 216.162 114.11C213.643 104.919 211.255 96.4828 209.496 90.3444C208.616 87.275 207.894 84.7798 207.391 83.0515C207.14 82.1874 206.944 81.515 206.81 81.0584L206.658 80.5384L206.619 80.4055L206.609 80.3717L206.607 80.3632L206.606 80.361C206.606 80.3605 206.606 80.3602 204.772 80.8993L206.606 80.3602L205.677 77.2011L203.395 79.5745L203.395 79.5751L203.391 79.579L203.372 79.5991C203.353 79.6178 203.325 79.6471 203.286 79.6867C203.208 79.7659 203.088 79.8861 202.928 80.0445C202.607 80.3612 202.123 80.8304 201.482 81.4293C200.199 82.6271 198.286 84.343 195.784 86.3943C190.779 90.4982 183.428 95.9376 174.067 101.257C156.25 111.382 131.216 121.037 101.246 120.29C110.86 111.359 116.392 104.018 119.562 98.7007C121.329 95.736 122.36 93.4028 122.955 91.7777C123.252 90.9654 123.44 90.3309 123.555 89.8839C123.613 89.6605 123.653 89.484 123.68 89.3558C123.693 89.2917 123.703 89.2397 123.711 89.1998C123.714 89.1799 123.717 89.1631 123.72 89.1493L123.723 89.1309L123.724 89.1235L123.724 89.1202C123.725 89.1187 123.725 89.1172 121.837 88.8195ZM121.837 88.8195L121.051 87.0776L124.276 85.6229L123.725 89.1172L121.837 88.8195ZM222.068 215.388C222.071 215.388 222.082 215.402 222.097 215.428C222.073 215.401 222.066 215.388 222.068 215.388Z"
fill="#d2eff3"
stroke="black"
stroke-width="3.82184"
/>
<path
d="M207 58C207.5 62.5 206.7 71.5 205.5 77.5"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

29
src/assets/preview/tops/punk.svg Normal file
View File

@ -0,0 +1,29 @@
<svg
width="240"
height="203"
viewBox="0 0 240 203"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(10, 30)">
<title>tops - punk</title>
<path
opacity="0.35"
d="M187.986 80.1756C179.986 73.7756 166.153 73.1758 160.486 73.6758L152.486 47.1758C166.086 50.3758 184.486 71.1758 187.986 80.1756Z"
fill="#717376"
/>
<path
d="M85.7923 14.7636C85.7923 14.7636 91.5301 10.802 115.746 4.70097C139.963 -1.40007 148.792 0.983287 148.792 0.983287L160.581 73.815C160.581 73.815 152.542 73.6416 132.548 78.0085C112.555 82.3754 102.986 87.6748 102.986 87.6748L85.7923 14.7636Z"
fill="#171921"
/>
<path
d="M48.9855 89.6758C42.1855 48.0758 72.3188 21.5091 85.9855 14.1758L102.985 87.6758C83.7855 48.0758 57.6521 72.5091 48.9855 89.6758Z"
fill="#171921"
/>
<path
opacity="0.35"
d="M67.4855 133.675C60.2855 106.475 89.4855 91.8415 102.985 87.6749C95.9855 71.3415 79.9854 56.6749 60.4854 74.6756C42.4854 105.175 49.4855 128.676 54.9855 146.675L67.4855 133.675Z"
fill="#717376"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

22
src/assets/preview/tops/turban.svg Normal file
View File

@ -0,0 +1,22 @@
<svg
width="240"
height="212"
viewBox="0 0 240 212"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, 15)">
<title>tops - turban</title>
<path
d="M222.726 112.791C222.726 46.702 186.268 2.00007 141.859 2C84.9656 2 27 23.3414 27 124.255C27 149.223 37.6589 167.827 52.5644 181.54C51.0704 179.671 49.8666 177.996 49.0668 176.619C46.176 149.638 78.2326 128.929 109.601 108.665C126.254 97.907 142.712 87.2746 153.646 75.8956C163.24 81.3324 191.44 104.109 196.813 113.32C199.695 118.26 204.322 135.189 207.484 154.95C217.822 142.532 222.726 130.107 222.726 112.791Z"
fill="white"
stroke="black"
stroke-width="4"
/>
<path
d="M154.264 75.2457C167.438 63.3013 187.146 36.0399 185.881 18.334"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 831 B

17
src/assets/preview/tops/wave.svg Normal file
View File

@ -0,0 +1,17 @@
<svg
width="306"
height="340"
viewBox="0 0 306 340"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(-5, 0)">
<title>tops - wave</title>
<path
d="M209.76 336.932C209.271 336.902 208.865 336.872 208.544 336.847C202.393 327.458 196.789 311.969 192.447 296.059C188.226 280.589 185.261 264.968 184.147 254.649C221.22 243.931 244.458 205.667 238.871 166.189C238.864 166.117 238.856 166.067 238.856 166.066C238.848 166.006 238.837 165.938 238.825 165.867C238.802 165.724 238.768 165.532 238.726 165.3C238.641 164.832 238.516 164.172 238.353 163.346C238.028 161.693 237.552 159.358 236.942 156.532C235.722 150.88 233.967 143.249 231.825 135.155C229.685 127.065 227.152 118.485 224.372 110.945C221.613 103.46 218.541 96.8015 215.264 92.7056L214.967 92.3351L214.532 92.1463C212.6 91.3081 210.593 90.3741 208.499 89.3991C198.568 84.775 186.659 79.2299 171.235 78.6199C152.46 77.8774 128.684 84.3957 96.5441 107.706L94.5214 109.173L96.467 110.74C112.393 123.574 115.836 140.598 115.1 155.048C114.539 166.077 111.551 175.459 109.865 180.149C108.704 178.452 107.964 176.319 107.408 173.814C107.023 172.083 106.743 170.258 106.449 168.347L106.403 168.045C106.096 166.051 105.769 163.97 105.292 161.961C104.341 157.95 102.732 153.941 99.1602 151.102C95.5807 148.257 90.3641 146.848 82.7671 147.272L80.5398 147.396L81.0046 149.578L92.3634 202.891L92.3824 202.98L92.41 203.068C96.4679 215.93 103.426 227.078 112.323 235.88C112.399 236.007 112.509 236.193 112.65 236.434C112.939 236.928 113.356 237.653 113.861 238.563C114.87 240.384 116.229 242.941 117.621 245.886C120.435 251.835 123.282 259.138 123.83 265.102C124.386 271.154 122.865 278.962 121.123 285.412C120.26 288.605 119.361 291.406 118.677 293.407C118.535 293.824 118.402 294.206 118.281 294.549C113.249 292.144 108.754 292.323 104.902 294.565C100.738 296.989 97.6892 301.625 95.4191 306.781C91.2706 316.202 89.2756 328.42 88.3551 336.002C63.4846 330.298 44.281 324.507 31.2149 320.107C24.5012 317.846 19.408 315.953 15.9993 314.627C14.2949 313.964 13.0117 313.443 12.1575 313.089C11.9454 313.002 11.7598 312.924 11.6007 312.857C11.4477 312.466 11.2377 311.916 10.9828 311.219C10.4158 309.667 9.62676 307.384 8.74853 304.479C6.99149 298.667 4.88057 290.38 3.4734 280.502C0.656265 260.725 0.676883 234.696 11.8698 209.384C13.679 205.292 15.94 201.089 18.3903 196.533C27.8582 178.931 40.1551 156.07 40.1551 114.084C40.1551 83.4931 55.0029 57.7305 76.8623 39.5692C98.7415 21.3915 127.56 10.9109 155.237 10.9109C170.368 10.9109 182.533 12.6444 192.311 18.5511C202.028 24.4212 209.679 34.5978 215.362 52.1322C215.94 53.9168 217.851 55.0074 219.719 54.4015C231.034 50.7304 248.191 54.4361 262.673 63.8904C277.091 73.3032 288.289 88.0455 288.289 105.814C288.289 121.24 285.647 131.664 283.071 141.815L283.071 141.815C279.952 154.104 276.94 165.974 279.065 185.313C279.774 191.762 281.216 196.336 283.231 200.128C285.213 203.859 287.712 206.747 290.345 209.792L290.405 209.861C296.679 217.113 299.534 223.079 300.455 228.327C301.375 233.562 300.412 238.31 298.623 243.237C297.723 245.712 296.629 248.197 295.47 250.815L295.37 251.04C294.249 253.573 293.074 256.225 292.019 259.016C289.836 264.787 288.133 271.223 288.302 278.851C288.446 285.326 289.594 289.764 291.311 293.122C293.008 296.442 295.199 298.565 297.111 300.417L297.162 300.466C298.905 302.155 300.355 303.577 301.428 305.57C302.387 307.351 303.098 309.702 303.217 313.232C279.208 327.511 255.445 333.413 237.601 335.734C228.565 336.91 221.057 337.166 215.818 337.129C213.199 337.11 211.149 337.019 209.76 336.932Z"
fill="#FC909F"
stroke="black"
stroke-width="3.82184"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

444
src/assets/widgets/beard/scruff.svg Normal file
View File

@ -0,0 +1,444 @@
<svg
width="164"
height="154"
viewBox="0 0 164 154"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(34, 101)">
<title>beard - scruff</title>
<path
d="M31 109C31 109.552 30.5523 110 30 110C29.4477 110 29 109.552 29 109C29 108.448 29.4477 108 30 108C30.5523 108 31 108.448 31 109Z"
fill="black"
/>
<path
d="M83 116C83 116.552 82.5523 117 82 117C81.4477 117 81 116.552 81 116C81 115.448 81.4477 115 82 115C82.5523 115 83 115.448 83 116Z"
fill="black"
/>
<path
d="M79 123C79 123.552 78.5523 124 78 124C77.4477 124 77 123.552 77 123C77 122.448 77.4477 122 78 122C78.5523 122 79 122.448 79 123Z"
fill="black"
/>
<path
d="M99 121C99 121.552 98.5523 122 98 122C97.4477 122 97 121.552 97 121C97 120.448 97.4477 120 98 120C98.5523 120 99 120.448 99 121Z"
fill="black"
/>
<path
d="M100 111C100 111.552 99.5523 112 99 112C98.4477 112 98 111.552 98 111C98 110.448 98.4477 110 99 110C99.5523 110 100 110.448 100 111Z"
fill="black"
/>
<path
d="M120 116C120 116.552 119.552 117 119 117C118.448 117 118 116.552 118 116C118 115.448 118.448 115 119 115C119.552 115 120 115.448 120 116Z"
fill="black"
/>
<path
d="M130 102C130 102.552 129.552 103 129 103C128.448 103 128 102.552 128 102C128 101.448 128.448 101 129 101C129.552 101 130 101.448 130 102Z"
fill="black"
/>
<path
d="M21 88C21 88.5523 20.5523 89 20 89C19.4477 89 19 88.5523 19 88C19 87.4477 19.4477 87 20 87C20.5523 87 21 87.4477 21 88Z"
fill="black"
/>
<path
d="M54 104C54 104.552 53.5523 105 53 105C52.4477 105 52 104.552 52 104C52 103.448 52.4477 103 53 103C53.5523 103 54 103.448 54 104Z"
fill="black"
/>
<path
d="M51 124C51 124.552 50.5523 125 50 125C49.4477 125 49 124.552 49 124C49 123.448 49.4477 123 50 123C50.5523 123 51 123.448 51 124Z"
fill="black"
/>
<path
d="M69 128C69 128.552 68.5523 129 68 129C67.4477 129 67 128.552 67 128C67 127.448 67.4477 127 68 127C68.5523 127 69 127.448 69 128Z"
fill="black"
/>
<path
d="M103 102C103 102.552 102.552 103 102 103C101.448 103 101 102.552 101 102C101 101.448 101.448 101 102 101C102.552 101 103 101.448 103 102Z"
fill="black"
/>
<path
d="M117 106C117 106.552 116.552 107 116 107C115.448 107 115 106.552 115 106C115 105.448 115.448 105 116 105C116.552 105 117 105.448 117 106Z"
fill="black"
/>
<path
d="M109 123C109 123.552 108.552 124 108 124C107.448 124 107 123.552 107 123C107 122.448 107.448 122 108 122C108.552 122 109 122.448 109 123Z"
fill="black"
/>
<path
d="M123 92C123 92.5523 122.552 93 122 93C121.448 93 121 92.5523 121 92C121 91.4477 121.448 91 122 91C122.552 91 123 91.4477 123 92Z"
fill="black"
/>
<path
d="M30 94C30 94.5523 29.5523 95 29 95C28.4477 95 28 94.5523 28 94C28 93.4477 28.4477 93 29 93C29.5523 93 30 93.4477 30 94Z"
fill="black"
/>
<path
d="M54 94C54 94.5523 53.5523 95 53 95C52.4477 95 52 94.5523 52 94C52 93.4477 52.4477 93 53 93C53.5523 93 54 93.4477 54 94Z"
fill="black"
/>
<path
d="M54 76C54 76.5523 53.5523 77 53 77C52.4477 77 52 76.5523 52 76C52 75.4477 52.4477 75 53 75C53.5523 75 54 75.4477 54 76Z"
fill="black"
/>
<path
d="M58 130C58 130.552 57.5523 131 57 131C56.4477 131 56 130.552 56 130C56 129.448 56.4477 129 57 129C57.5523 129 58 129.448 58 130Z"
fill="black"
/>
<path
d="M85 130C85 130.552 84.5523 131 84 131C83.4477 131 83 130.552 83 130C83 129.448 83.4477 129 84 129C84.5523 129 85 129.448 85 130Z"
fill="black"
/>
<path
d="M96 130C96 130.552 95.5523 131 95 131C94.4477 131 94 130.552 94 130C94 129.448 94.4477 129 95 129C95.5523 129 96 129.448 96 130Z"
fill="black"
/>
<path
d="M113 94C113 94.5523 112.552 95 112 95C111.448 95 111 94.5523 111 94C111 93.4477 111.448 93 112 93C112.552 93 113 93.4477 113 94Z"
fill="black"
/>
<path
d="M113 76C113 76.5523 112.552 77 112 77C111.448 77 111 76.5523 111 76C111 75.4477 111.448 75 112 75C112.552 75 113 75.4477 113 76Z"
fill="black"
/>
<path
d="M133 89C133 89.5523 132.552 90 132 90C131.448 90 131 89.5523 131 89C131 88.4477 131.448 88 132 88C132.552 88 133 88.4477 133 89Z"
fill="black"
/>
<path
d="M33 81C33 81.5523 32.5523 82 32 82C31.4477 82 31 81.5523 31 81C31 80.4477 31.4477 80 32 80C32.5523 80 33 80.4477 33 81Z"
fill="black"
/>
<path
d="M43 116C43 116.552 42.5523 117 42 117C41.4477 117 41 116.552 41 116C41 115.448 41.4477 115 42 115C42.5523 115 43 115.448 43 116Z"
fill="black"
/>
<path
d="M39 123C39 123.552 38.5523 124 38 124C37.4477 124 37 123.552 37 123C37 122.448 37.4477 122 38 122C38.5523 122 39 122.448 39 123Z"
fill="black"
/>
<path
d="M79 103C79 103.552 78.5523 104 78 104C77.4477 104 77 103.552 77 103C77 102.448 77.4477 102 78 102C78.5523 102 79 102.448 79 103Z"
fill="black"
/>
<path
d="M91 105C91 105.552 90.5523 106 90 106C89.4477 106 89 105.552 89 105C89 104.448 89.4477 104 90 104C90.5523 104 91 104.448 91 105Z"
fill="black"
/>
<path
d="M77 135C77 135.552 76.5523 136 76 136C75.4477 136 75 135.552 75 135C75 134.448 75.4477 134 76 134C76.5523 134 77 134.448 77 135Z"
fill="black"
/>
<path
d="M100 84C100 84.5523 99.5523 85 99 85C98.4477 85 98 84.5523 98 84C98 83.4477 98.4477 83 99 83C99.5523 83 100 83.4477 100 84Z"
fill="black"
/>
<path
d="M100 66C100 66.5523 99.5523 67 99 67C98.4477 67 98 66.5523 98 66C98 65.4477 98.4477 65 99 65C99.5523 65 100 65.4477 100 66Z"
fill="black"
/>
<path
d="M124 81C124 81.5523 123.552 82 123 82C122.448 82 122 81.5523 122 81C122 80.4477 122.448 80 123 80C123.552 80 124 80.4477 124 81Z"
fill="black"
/>
<path
d="M131 71C131 71.5523 130.552 72 130 72C129.448 72 129 71.5523 129 71C129 70.4477 129.448 70 130 70C130.552 70 131 70.4477 131 71Z"
fill="black"
/>
<path
d="M42 90C42 90.5523 41.5523 91 41 91C40.4477 91 40 90.5523 40 90C40 89.4477 40.4477 89 41 89C41.5523 89 42 89.4477 42 90Z"
fill="black"
/>
<path
d="M42 101C42 101.552 41.5523 102 41 102C40.4477 102 40 101.552 40 101C40 100.448 40.4477 100 41 100C41.5523 100 42 100.448 42 101Z"
fill="black"
/>
<path
d="M63 86C63 86.5523 62.5523 87 62 87C61.4477 87 61 86.5523 61 86C61 85.4477 61.4477 85 62 85C62.5523 85 63 85.4477 63 86Z"
fill="black"
/>
<path
d="M63 68C63 68.5523 62.5523 69 62 69C61.4477 69 61 68.5523 61 68C61 67.4477 61.4477 67 62 67C62.5523 67 63 67.4477 63 68Z"
fill="black"
/>
<path
d="M75 82C75 82.5523 74.5523 83 74 83C73.4477 83 73 82.5523 73 82C73 81.4477 73.4477 81 74 81C74.5523 81 75 81.4477 75 82Z"
fill="black"
/>
<path
d="M87 76C87 76.5523 86.5523 77 86 77C85.4477 77 85 76.5523 85 76C85 75.4477 85.4477 75 86 75C86.5523 75 87 75.4477 87 76Z"
fill="black"
/>
<path
d="M100 76C100 76.5523 99.5523 77 99 77C98.4477 77 98 76.5523 98 76C98 75.4477 98.4477 75 99 75C99.5523 75 100 75.4477 100 76Z"
fill="black"
/>
<path
d="M113 76C113 76.5523 112.552 77 112 77C111.448 77 111 76.5523 111 76C111 75.4477 111.448 75 112 75C112.552 75 113 75.4477 113 76Z"
fill="black"
/>
<path
d="M139 76C139 76.5523 138.552 77 138 77C137.448 77 137 76.5523 137 76C137 75.4477 137.448 75 138 75C138.552 75 139 75.4477 139 76Z"
fill="black"
/>
<path
d="M61 116C61 116.552 60.5523 117 60 117C59.4477 117 59 116.552 59 116C59 115.448 59.4477 115 60 115C60.5523 115 61 115.448 61 116Z"
fill="black"
/>
<path
d="M72 110C72 110.552 71.5523 111 71 111C70.4477 111 70 110.552 70 110C70 109.448 70.4477 109 71 109C71.5523 109 72 109.448 72 110Z"
fill="black"
/>
<path
d="M68 102C68 102.552 67.5523 103 67 103C66.4477 103 66 102.552 66 102C66 101.448 66.4477 101 67 101C67.5523 101 68 101.448 68 102Z"
fill="black"
/>
<path
d="M92 93C92 93.5523 91.5523 94 91 94C90.4477 94 90 93.5523 90 93C90 92.4477 90.4477 92 91 92C91.5523 92 92 92.4477 92 93Z"
fill="black"
/>
<path
d="M43 75C43 75.5523 42.5523 76 42 76C41.4477 76 41 75.5523 41 75C41 74.4477 41.4477 74 42 74C42.5523 74 43 74.4477 43 75Z"
fill="black"
/>
<path
d="M80 91C80 91.5523 79.5523 92 79 92C78.4477 92 78 91.5523 78 91C78 90.4477 78.4477 90 79 90C79.5523 90 80 90.4477 80 91Z"
fill="black"
/>
<path
d="M80 73C80 73.5523 79.5523 74 79 74C78.4477 74 78 73.5523 78 73C78 72.4477 78.4477 72 79 72C79.5523 72 80 72.4477 80 73Z"
fill="black"
/>
<path
d="M115 87C115 87.5523 114.552 88 114 88C113.448 88 113 87.5523 113 87C113 86.4477 113.448 86 114 86C114.552 86 115 86.4477 115 87Z"
fill="black"
/>
<path
d="M115 69C115 69.5523 114.552 70 114 70C113.448 70 113 69.5523 113 69C113 68.4477 113.448 68 114 68C114.552 68 115 68.4477 115 69Z"
fill="black"
/>
<path
d="M122 71C122 71.5523 121.552 72 121 72C120.448 72 120 71.5523 120 71C120 70.4477 120.448 70 121 70C121.552 70 122 70.4477 122 71Z"
fill="black"
/>
<path
d="M137 62C137 62.5523 136.552 63 136 63C135.448 63 135 62.5523 135 62C135 61.4477 135.448 61 136 61C136.552 61 137 61.4477 137 62Z"
fill="black"
/>
<path
d="M31 109C31 109.552 30.5523 110 30 110C29.4477 110 29 109.552 29 109C29 108.448 29.4477 108 30 108C30.5523 108 31 108.448 31 109Z"
stroke="black"
/>
<path
d="M83 116C83 116.552 82.5523 117 82 117C81.4477 117 81 116.552 81 116C81 115.448 81.4477 115 82 115C82.5523 115 83 115.448 83 116Z"
stroke="black"
/>
<path
d="M79 123C79 123.552 78.5523 124 78 124C77.4477 124 77 123.552 77 123C77 122.448 77.4477 122 78 122C78.5523 122 79 122.448 79 123Z"
stroke="black"
/>
<path
d="M99 121C99 121.552 98.5523 122 98 122C97.4477 122 97 121.552 97 121C97 120.448 97.4477 120 98 120C98.5523 120 99 120.448 99 121Z"
stroke="black"
/>
<path
d="M100 111C100 111.552 99.5523 112 99 112C98.4477 112 98 111.552 98 111C98 110.448 98.4477 110 99 110C99.5523 110 100 110.448 100 111Z"
stroke="black"
/>
<path
d="M120 116C120 116.552 119.552 117 119 117C118.448 117 118 116.552 118 116C118 115.448 118.448 115 119 115C119.552 115 120 115.448 120 116Z"
stroke="black"
/>
<path
d="M130 102C130 102.552 129.552 103 129 103C128.448 103 128 102.552 128 102C128 101.448 128.448 101 129 101C129.552 101 130 101.448 130 102Z"
stroke="black"
/>
<path
d="M21 88C21 88.5523 20.5523 89 20 89C19.4477 89 19 88.5523 19 88C19 87.4477 19.4477 87 20 87C20.5523 87 21 87.4477 21 88Z"
stroke="black"
/>
<path
d="M54 104C54 104.552 53.5523 105 53 105C52.4477 105 52 104.552 52 104C52 103.448 52.4477 103 53 103C53.5523 103 54 103.448 54 104Z"
stroke="black"
/>
<path
d="M51 124C51 124.552 50.5523 125 50 125C49.4477 125 49 124.552 49 124C49 123.448 49.4477 123 50 123C50.5523 123 51 123.448 51 124Z"
stroke="black"
/>
<path
d="M69 128C69 128.552 68.5523 129 68 129C67.4477 129 67 128.552 67 128C67 127.448 67.4477 127 68 127C68.5523 127 69 127.448 69 128Z"
stroke="black"
/>
<path
d="M103 102C103 102.552 102.552 103 102 103C101.448 103 101 102.552 101 102C101 101.448 101.448 101 102 101C102.552 101 103 101.448 103 102Z"
stroke="black"
/>
<path
d="M117 106C117 106.552 116.552 107 116 107C115.448 107 115 106.552 115 106C115 105.448 115.448 105 116 105C116.552 105 117 105.448 117 106Z"
stroke="black"
/>
<path
d="M109 123C109 123.552 108.552 124 108 124C107.448 124 107 123.552 107 123C107 122.448 107.448 122 108 122C108.552 122 109 122.448 109 123Z"
stroke="black"
/>
<path
d="M123 92C123 92.5523 122.552 93 122 93C121.448 93 121 92.5523 121 92C121 91.4477 121.448 91 122 91C122.552 91 123 91.4477 123 92Z"
stroke="black"
/>
<path
d="M30 94C30 94.5523 29.5523 95 29 95C28.4477 95 28 94.5523 28 94C28 93.4477 28.4477 93 29 93C29.5523 93 30 93.4477 30 94Z"
stroke="black"
/>
<path
d="M54 94C54 94.5523 53.5523 95 53 95C52.4477 95 52 94.5523 52 94C52 93.4477 52.4477 93 53 93C53.5523 93 54 93.4477 54 94Z"
stroke="black"
/>
<path
d="M54 76C54 76.5523 53.5523 77 53 77C52.4477 77 52 76.5523 52 76C52 75.4477 52.4477 75 53 75C53.5523 75 54 75.4477 54 76Z"
stroke="black"
/>
<path
d="M58 130C58 130.552 57.5523 131 57 131C56.4477 131 56 130.552 56 130C56 129.448 56.4477 129 57 129C57.5523 129 58 129.448 58 130Z"
stroke="black"
/>
<path
d="M85 130C85 130.552 84.5523 131 84 131C83.4477 131 83 130.552 83 130C83 129.448 83.4477 129 84 129C84.5523 129 85 129.448 85 130Z"
stroke="black"
/>
<path
d="M96 130C96 130.552 95.5523 131 95 131C94.4477 131 94 130.552 94 130C94 129.448 94.4477 129 95 129C95.5523 129 96 129.448 96 130Z"
stroke="black"
/>
<path
d="M113 94C113 94.5523 112.552 95 112 95C111.448 95 111 94.5523 111 94C111 93.4477 111.448 93 112 93C112.552 93 113 93.4477 113 94Z"
stroke="black"
/>
<path
d="M113 76C113 76.5523 112.552 77 112 77C111.448 77 111 76.5523 111 76C111 75.4477 111.448 75 112 75C112.552 75 113 75.4477 113 76Z"
stroke="black"
/>
<path
d="M133 89C133 89.5523 132.552 90 132 90C131.448 90 131 89.5523 131 89C131 88.4477 131.448 88 132 88C132.552 88 133 88.4477 133 89Z"
stroke="black"
/>
<path
d="M33 81C33 81.5523 32.5523 82 32 82C31.4477 82 31 81.5523 31 81C31 80.4477 31.4477 80 32 80C32.5523 80 33 80.4477 33 81Z"
stroke="black"
/>
<path
d="M43 116C43 116.552 42.5523 117 42 117C41.4477 117 41 116.552 41 116C41 115.448 41.4477 115 42 115C42.5523 115 43 115.448 43 116Z"
stroke="black"
/>
<path
d="M39 123C39 123.552 38.5523 124 38 124C37.4477 124 37 123.552 37 123C37 122.448 37.4477 122 38 122C38.5523 122 39 122.448 39 123Z"
stroke="black"
/>
<path
d="M79 103C79 103.552 78.5523 104 78 104C77.4477 104 77 103.552 77 103C77 102.448 77.4477 102 78 102C78.5523 102 79 102.448 79 103Z"
stroke="black"
/>
<path
d="M91 105C91 105.552 90.5523 106 90 106C89.4477 106 89 105.552 89 105C89 104.448 89.4477 104 90 104C90.5523 104 91 104.448 91 105Z"
stroke="black"
/>
<path
d="M77 135C77 135.552 76.5523 136 76 136C75.4477 136 75 135.552 75 135C75 134.448 75.4477 134 76 134C76.5523 134 77 134.448 77 135Z"
stroke="black"
/>
<path
d="M100 84C100 84.5523 99.5523 85 99 85C98.4477 85 98 84.5523 98 84C98 83.4477 98.4477 83 99 83C99.5523 83 100 83.4477 100 84Z"
stroke="black"
/>
<path
d="M100 66C100 66.5523 99.5523 67 99 67C98.4477 67 98 66.5523 98 66C98 65.4477 98.4477 65 99 65C99.5523 65 100 65.4477 100 66Z"
stroke="black"
/>
<path
d="M124 81C124 81.5523 123.552 82 123 82C122.448 82 122 81.5523 122 81C122 80.4477 122.448 80 123 80C123.552 80 124 80.4477 124 81Z"
stroke="black"
/>
<path
d="M131 71C131 71.5523 130.552 72 130 72C129.448 72 129 71.5523 129 71C129 70.4477 129.448 70 130 70C130.552 70 131 70.4477 131 71Z"
stroke="black"
/>
<path
d="M42 90C42 90.5523 41.5523 91 41 91C40.4477 91 40 90.5523 40 90C40 89.4477 40.4477 89 41 89C41.5523 89 42 89.4477 42 90Z"
stroke="black"
/>
<path
d="M42 101C42 101.552 41.5523 102 41 102C40.4477 102 40 101.552 40 101C40 100.448 40.4477 100 41 100C41.5523 100 42 100.448 42 101Z"
stroke="black"
/>
<path
d="M63 86C63 86.5523 62.5523 87 62 87C61.4477 87 61 86.5523 61 86C61 85.4477 61.4477 85 62 85C62.5523 85 63 85.4477 63 86Z"
stroke="black"
/>
<path
d="M63 68C63 68.5523 62.5523 69 62 69C61.4477 69 61 68.5523 61 68C61 67.4477 61.4477 67 62 67C62.5523 67 63 67.4477 63 68Z"
stroke="black"
/>
<path
d="M75 82C75 82.5523 74.5523 83 74 83C73.4477 83 73 82.5523 73 82C73 81.4477 73.4477 81 74 81C74.5523 81 75 81.4477 75 82Z"
stroke="black"
/>
<path
d="M87 76C87 76.5523 86.5523 77 86 77C85.4477 77 85 76.5523 85 76C85 75.4477 85.4477 75 86 75C86.5523 75 87 75.4477 87 76Z"
stroke="black"
/>
<path
d="M100 76C100 76.5523 99.5523 77 99 77C98.4477 77 98 76.5523 98 76C98 75.4477 98.4477 75 99 75C99.5523 75 100 75.4477 100 76Z"
stroke="black"
/>
<path
d="M113 76C113 76.5523 112.552 77 112 77C111.448 77 111 76.5523 111 76C111 75.4477 111.448 75 112 75C112.552 75 113 75.4477 113 76Z"
stroke="black"
/>
<path
d="M139 76C139 76.5523 138.552 77 138 77C137.448 77 137 76.5523 137 76C137 75.4477 137.448 75 138 75C138.552 75 139 75.4477 139 76Z"
stroke="black"
/>
<path
d="M61 116C61 116.552 60.5523 117 60 117C59.4477 117 59 116.552 59 116C59 115.448 59.4477 115 60 115C60.5523 115 61 115.448 61 116Z"
stroke="black"
/>
<path
d="M72 110C72 110.552 71.5523 111 71 111C70.4477 111 70 110.552 70 110C70 109.448 70.4477 109 71 109C71.5523 109 72 109.448 72 110Z"
stroke="black"
/>
<path
d="M68 102C68 102.552 67.5523 103 67 103C66.4477 103 66 102.552 66 102C66 101.448 66.4477 101 67 101C67.5523 101 68 101.448 68 102Z"
stroke="black"
/>
<path
d="M92 93C92 93.5523 91.5523 94 91 94C90.4477 94 90 93.5523 90 93C90 92.4477 90.4477 92 91 92C91.5523 92 92 92.4477 92 93Z"
stroke="black"
/>
<path
d="M43 75C43 75.5523 42.5523 76 42 76C41.4477 76 41 75.5523 41 75C41 74.4477 41.4477 74 42 74C42.5523 74 43 74.4477 43 75Z"
stroke="black"
/>
<path
d="M80 91C80 91.5523 79.5523 92 79 92C78.4477 92 78 91.5523 78 91C78 90.4477 78.4477 90 79 90C79.5523 90 80 90.4477 80 91Z"
stroke="black"
/>
<path
d="M80 73C80 73.5523 79.5523 74 79 74C78.4477 74 78 73.5523 78 73C78 72.4477 78.4477 72 79 72C79.5523 72 80 72.4477 80 73Z"
stroke="black"
/>
<path
d="M115 87C115 87.5523 114.552 88 114 88C113.448 88 113 87.5523 113 87C113 86.4477 113.448 86 114 86C114.552 86 115 86.4477 115 87Z"
stroke="black"
/>
<path
d="M115 69C115 69.5523 114.552 70 114 70C113.448 70 113 69.5523 113 69C113 68.4477 113.448 68 114 68C114.552 68 115 68.4477 115 69Z"
stroke="black"
/>
<path
d="M122 71C122 71.5523 121.552 72 121 72C120.448 72 120 71.5523 120 71C120 70.4477 120.448 70 121 70C121.552 70 122 70.4477 122 71Z"
stroke="black"
/>
<path
d="M137 62C137 62.5523 136.552 63 136 63C135.448 63 135 62.5523 135 62C135 61.4477 135.448 61 136 61C136.552 61 137 61.4477 137 62Z"
stroke="black"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

57
src/assets/widgets/clothes/collared.svg Normal file
View File

@ -0,0 +1,57 @@
<svg
width="281"
height="93"
viewBox="0 0 281 93"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(-43.5, 247)">
<title>clothes - collared</title>
<path
d="M142.771 67.5777C142.771 67.5779 142.771 67.5779 144 66L142.771 67.5779L144.493 68.9188L145.679 67.0874L145.679 67.087L145.681 67.0841L145.69 67.0697L145.731 67.0072C145.742 66.9904 145.755 66.971 145.769 66.9491C145.803 66.8975 145.847 66.8318 145.9 66.7529C146.05 66.5278 146.275 66.1947 146.57 65.7695C147.158 64.919 148.023 63.7016 149.118 62.2463C151.312 59.3316 154.416 55.482 158.071 51.7183C161.737 47.9446 165.898 44.3176 170.198 41.7935C174.514 39.2597 178.777 37.9491 182.733 38.4825C225.171 44.2046 256.402 63.002 276.674 91.0006H3.37453C19.6742 61.6588 42.8579 42.9825 80.4446 34.4127C82.0464 34.0474 84.2242 34.1581 86.9471 34.7915C89.6421 35.4183 92.7146 36.5194 96.0282 37.9759C102.655 40.8887 110.052 45.1363 117.004 49.5364C123.945 53.9299 130.39 58.4425 135.104 61.8597C137.459 63.5674 139.379 64.9995 140.709 66.0036C141.374 66.5056 141.891 66.9005 142.241 67.1693C142.416 67.3037 142.55 67.4065 142.639 67.4754L142.739 67.553L142.764 67.5722L142.77 67.5767L142.771 67.5777Z"
fill="#9287FF"
stroke="black"
stroke-width="4"
/>
<path
d="M68.6127 37.0849L73.7794 17.8529C73.9886 17.0741 74.9962 16.854 75.5402 17.4493C90.4034 33.7135 109.16 33.0762 115.385 32.3297C116.23 32.2284 116.892 33.1531 116.495 33.906L103.338 58.859C103.136 59.2414 102.724 59.4518 102.3 59.3636C98.3518 58.5411 78.6774 53.7321 68.7286 37.8667C68.583 37.6345 68.5416 37.3496 68.6127 37.0849Z"
fill="#E0DDFF"
stroke="black"
stroke-width="4"
/>
<path
d="M199.195 36.9814L187.615 17.4989C187.222 16.8374 186.253 16.8483 185.834 17.4937C180.097 26.3296 170.202 30.4 166.742 31.6024C166.12 31.8187 165.835 32.5584 166.171 33.1254L179.673 55.9402C179.875 56.2806 180.255 56.4651 180.636 56.3568C182.771 55.749 190.096 52.6851 199.182 38.0212C199.378 37.706 199.385 37.3001 199.195 36.9814Z"
fill="#E0DDFF"
stroke="black"
stroke-width="4"
/>
<path
d="M125.5 54.5L116.5 33L109.5 48L125.5 54.5Z"
fill="black"
stroke="black"
stroke-width="4"
stroke-linejoin="round"
/>
<path
d="M157 53.5L166 32L173 47L157 53.5Z"
fill="black"
stroke="black"
stroke-width="4"
stroke-linejoin="round"
/>
<path
d="M86.5 14L74.5 17L84.5 23.5L86.5 14Z"
fill="black"
stroke="black"
stroke-width="4"
stroke-linejoin="round"
/>
<path
d="M176 14L187 17L180 23.5L176 14Z"
fill="black"
stroke="black"
stroke-width="4"
stroke-linejoin="round"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

23
src/assets/widgets/clothes/crew.svg Normal file
View File

@ -0,0 +1,23 @@
<svg
width="281"
height="93"
viewBox="0 0 281 93"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(-43.5, 250)">
<title>clothes - crew</title>
<path
d="M182.552 38.4488L182.692 38.4809L182.836 38.4927C228.961 42.2969 256.62 62.7848 276.694 90.9997H3.37453C19.6742 61.6579 42.8579 42.9816 80.4446 34.4117C96.4579 30.7606 115.113 28.9394 137 28.9395C146.456 28.9395 153.814 30.3819 160.796 32.2853C163.383 32.9904 165.983 33.7805 168.643 34.5887C173.045 35.9265 177.611 37.3141 182.552 38.4488Z"
fill="#9287FF"
stroke="black"
stroke-width="4"
/>
<path
d="M68.9305 36.5805L78.0837 16.9838C78.3023 16.5157 78.8456 16.293 79.3326 16.4654C117.259 29.8904 151.762 28.945 183.736 20.0444C184.139 19.9324 184.569 20.0806 184.815 20.4178L198.747 39.4703C199.13 39.994 198.935 40.7324 198.331 40.9696C164.724 54.166 101.663 51.9229 69.4152 37.9037C68.9036 37.6813 68.6945 37.0859 68.9305 36.5805Z"
fill="#E0DDFF"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

17
src/assets/widgets/clothes/open.svg Normal file
View File

@ -0,0 +1,17 @@
<svg
width="281"
height="93"
viewBox="0 0 281 93"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(-43.5, 247)">
<title>clothes - open</title>
<path
d="M276.366 90.8628H3.45626C3.49074 90.7926 3.52546 90.7219 3.5604 90.6507C8.10518 81.395 16.4899 64.319 27.4025 49.0413C33.5961 40.3702 40.5303 32.3872 47.9416 26.7719C55.3538 21.1558 63.0614 18.0405 70.8916 18.7256C85.946 20.0429 99.3549 28.2854 112.817 36.5604C114.092 37.3444 115.368 38.1288 116.646 38.9076C131.131 47.7349 146.005 55.9312 162.365 52.3445C167.899 51.1311 171.629 48.5345 173.976 45.1797C176.29 41.8727 177.122 38.0292 177.266 34.5166C177.41 30.9989 176.871 27.6738 176.311 25.2562C176.049 24.1257 175.779 23.1785 175.564 22.4839C179.189 18.8351 183.027 16.71 186.989 15.7533C191.284 14.7164 195.876 15.0158 200.707 16.4448C210.437 19.3229 220.847 26.6969 231.007 36.1789C249.621 53.5516 266.7 77.3231 276.366 90.8628Z"
fill="#9287FF"
stroke="black"
stroke-width="4.27431"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

30
src/assets/widgets/ear/attached.svg Normal file
View File

@ -0,0 +1,30 @@
<svg
width="48"
height="48"
viewBox="0 0 48 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(5, 130.5)">
<title>ear - attached</title>
<path
d="M30.5 6.17556C28.17 5.40834 25.6547 5 23.08 5C12.5866 5 4.08007 11.5 5.08001 23.5C6.12162 36 13.5866 40.5 24.08 40.5C25.2476 40.5 26.3906 40.3975 27.5 40.2011C28.7105 39.9869 29.8811 39.6609 31 39.2347"
stroke="#000"
stroke-width="8"
/>
<path
d="M31.5 39.0361C29.2204 39.9786 26.7127 40.5 24.08 40.5C13.5866 40.5 6.12162 36 5.08001 23.5C4.08007 11.5 12.5866 5 23.08 5C26.2175 5 29.2667 5.60635 32 6.72957L31.5 39.0361Z"
fill="#ffcebc"
/>
<path
d="M27.5 13.5004C23.5 11.6671 14.7 10.7004 11.5 21.5004"
stroke="#000"
stroke-width="4"
/>
<path
d="M17 14C19.1667 15.8333 23.3 21.5 22.5 29.5"
stroke="#000"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 921 B

32
src/assets/widgets/ear/detached.svg Normal file
View File

@ -0,0 +1,32 @@
<svg
width="48"
height="52"
viewBox="0 0 48 52"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(2.5, 129)">
<title>ear - detached</title>
<path
d="M36.466 43.1111L37 42.5357V41.7506V8.24948V7.13022L36.046 6.54483C32.3122 4.25363 27.7717 3 23.08 3C17.4397 3 12.1591 4.74745 8.39775 8.29504C4.59419 11.8824 2.54206 17.1274 3.08692 23.6661C3.61786 30.0378 5.75693 34.7272 9.30474 37.8433C9.01338 38.8425 8.92733 39.9197 9.06236 41.0533C9.45166 44.3216 11.1039 46.6766 13.6572 48.1277C16.0911 49.511 19.2061 49.9998 22.5242 49.9998C28.0033 49.9998 32.8077 47.0528 36.466 43.1111Z"
stroke="black"
stroke-width="4"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M42.972 23.984C43.0434 23.3322 43.08 22.6703 43.08 22C43.08 11.7827 33.5734 5 23.08 5C12.5866 5 4.08007 11.5 5.08001 23.5C5.63643 30.1774 8.02584 34.5719 11.7307 37.2171C11.1423 38.2409 10.8848 39.4436 11.0483 40.8167C11.6774 46.0984 16.1862 47.9998 22.5242 47.9998C33.6292 47.9998 42.4159 33.9534 42.972 23.984Z"
fill="#ffcebc"
/>
<path
d="M27.5 13.5004C23.5 11.6671 14.7 10.7004 11.5 21.5004"
stroke="#000"
stroke-width="4"
/>
<path
d="M17 14C19.1667 15.8333 23.3 21.5 22.5 29.5"
stroke="#000"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

16
src/assets/widgets/earrings/hoop.svg Normal file
View File

@ -0,0 +1,16 @@
<svg
width="52"
height="52"
viewBox="0 0 52 52"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(4, 163)">
<title>earrings - hoop</title>
<path
d="M26 2C39.2548 2 50 12.7452 50 26C50 39.2548 39.2548 50 26 50C12.7452 50 2 39.2548 2 26C2 19.6087 5.5 14.5 8.5715 9.5L9.5 8"
stroke="#F4D150"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 387 B

23
src/assets/widgets/earrings/stud.svg Normal file
View File

@ -0,0 +1,23 @@
<svg
width="48"
height="50"
viewBox="0 0 48 50"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(-1, 167)">
<title>earrings - stud</title>
<circle
cx="25"
cy="4"
r="4"
fill="#F4D150"
/>
<circle
cx="26"
cy="3"
r="1"
fill="#FFEDEF"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 350 B

23
src/assets/widgets/eyebrows/down.svg Normal file
View File

@ -0,0 +1,23 @@
<svg
width="149"
height="48"
viewBox="0 0 149 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(26, 80)">
<title>eyebrows - down</title>
<path
d="M27 26.5C33.1667 29 48.1 29.5 58.5 11.5"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M94 4C99.1667 9.33333 112.1 16.8 122.5 4"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 474 B

59
src/assets/widgets/eyebrows/eyelashesdown.svg Normal file
View File

@ -0,0 +1,59 @@
<svg
width="149"
height="51"
viewBox="0 0 149 51"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(30, 75)">
<title>eyebrows - eyelashesdown</title>
<path
d="M27 29.5C33.1667 32 48.1 32.5 58.5 14.5"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M94 7C99.1667 12.3333 112.1 19.8 122.5 7"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M37.1484 29.4578L31 24.0312"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M116.219 12.4435L118.004 4.43945"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M45.5975 25.8142L41.5508 18.6816"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M108.142 12.0179L109.08 3.87109"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M52.6736 20.2005L50.4727 12.3008"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M99.993 11.031L99.2168 2.86719"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

59
src/assets/widgets/eyebrows/eyelashesup.svg Normal file
View File

@ -0,0 +1,59 @@
<svg
width="149"
height="51"
viewBox="0 0 149 51"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(30, 75)">
<title>eyebrows - eyelashesup</title>
<path
d="M99 13.2143C104.667 10.5476 118 8.11427 126 19.7143"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M23.5791 38.521C25.6497 32.6104 33.2612 21.3959 47.1418 23.8224"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M26.0742 32.4578L19.9258 27.0312"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M122.961 14.157L129.109 8.73047"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M32.5233 26.8142L28.4766 19.6816"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M115.512 10.5135L119.559 3.38086"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M40.5994 23.2005L38.3984 15.3008"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M106.436 9.89973L108.637 2"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

23
src/assets/widgets/eyebrows/up.svg Normal file
View File

@ -0,0 +1,23 @@
<svg
width="149"
height="48"
viewBox="0 0 149 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(33, 78)">
<title>eyebrows - up</title>
<path
d="M99 10.2143C104.667 7.5476 118 5.11427 126 16.7143"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M23.5791 35.521C25.6497 29.6104 33.2612 18.3959 47.1418 20.8224"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 506 B

27
src/assets/widgets/eyes/ellipse.svg Normal file
View File

@ -0,0 +1,27 @@
<svg
width="96"
height="48"
viewBox="0 0 96 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(60, 95)">
<title>eyes - ellipse</title>
<ellipse
cx="16.5301"
cy="29.4023"
rx="9"
ry="13.5"
transform="rotate(-6.77646 16.5301 29.4023)"
fill="black"
/>
<ellipse
cx="80.5312"
cy="19.4021"
rx="9"
ry="13.5"
transform="rotate(-6.27568 80.5312 19.4021)"
fill="black"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 504 B

41
src/assets/widgets/eyes/eyeshadow.svg Normal file
View File

@ -0,0 +1,41 @@
<svg
width="96"
height="49"
viewBox="0 0 96 49"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(60, 95)">
<title>eyes - eyeshadow</title>
<circle
cx="15.2398"
cy="21.2394"
r="12"
transform="rotate(-6.27568 15.2398 21.2394)"
fill="#D2EFF3"
/>
<ellipse
cx="16.5301"
cy="30.4023"
rx="9"
ry="13.5"
transform="rotate(-6.77646 16.5301 30.4023)"
fill="black"
/>
<circle
cx="79.0191"
cy="12.6105"
r="12"
transform="rotate(-6.27568 79.0191 12.6105)"
fill="#D2EFF3"
/>
<ellipse
cx="80.5312"
cy="20.4021"
rx="9"
ry="13.5"
transform="rotate(-6.27568 80.5312 20.4021)"
fill="black"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 790 B

27
src/assets/widgets/eyes/round.svg Normal file
View File

@ -0,0 +1,27 @@
<svg
width="96"
height="48"
viewBox="0 0 96 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(62, 97)">
<title>eyes - round</title>
<ellipse
cx="16.1171"
cy="28.9268"
rx="9"
ry="10"
transform="rotate(-6.77646 16.1171 28.9268)"
fill="black"
/>
<ellipse
cx="80.1486"
cy="18.9231"
rx="9"
ry="10"
transform="rotate(-6.27568 80.1486 18.9231)"
fill="black"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 498 B

23
src/assets/widgets/eyes/smiling.svg Normal file
View File

@ -0,0 +1,23 @@
<svg
width="96"
height="48"
viewBox="0 0 96 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(61, 92)">
<title>eyes - smiling</title>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M5.28675 34.0729C5.40099 34.8857 6.43424 35.0669 7.00876 34.4806C9.47388 31.9648 13.2637 30.1163 17.663 29.5936C20.2577 29.2853 22.7544 29.4749 24.9787 30.0657C25.7326 30.2659 26.4737 29.6294 26.2105 28.8951C24.5451 24.2497 19.8447 21.1962 14.7356 21.8033C8.79442 22.5093 4.55046 27.8978 5.25642 33.839C5.26572 33.9172 5.27583 33.9952 5.28675 34.0729Z"
fill="#171921"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M69.3848 24.0725C69.4976 24.8856 70.5308 25.0671 71.1062 24.4816C73.5487 21.9959 77.2977 20.1702 81.6484 19.6532C84.2128 19.3485 86.6804 19.5348 88.88 20.1167C89.6341 20.3162 90.3751 19.6795 90.1108 18.9456C88.456 14.3522 83.8041 11.3346 78.7482 11.9354C72.8624 12.6348 68.6579 17.9732 69.3573 23.8591C69.3658 23.9305 69.3749 24.0016 69.3848 24.0725Z"
fill="#171921"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

72
src/assets/widgets/face/base.svg Normal file
View File

@ -0,0 +1,72 @@
<svg
width="200"
height="320"
viewBox="0 0 200 320"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0)">
<title>face - base</title>
<path
d="M154 319.5C139.6 299.5 128.333 260.834 127 241.5L58.5 212L30 319.5H154Z"
fill="#ffcebc"
stroke="black"
stroke-width="4"
/>
<mask
id="mask0"
style="mask-type: alpha"
maskUnits="userSpaceOnUse"
x="30"
y="212"
width="124"
height="118"
>
<path
d="M154 329.5C139.6 309.5 128.333 260.834 127 241.5L58.5 212L30 329.5H154Z"
fill="#ffcebc"
/>
</mask>
<g mask="url(#mask0)">
<g style="mix-blend-mode: multiply">
<ellipse
cx="124"
cy="210"
rx="59"
ry="54"
fill="black"
/>
</g>
</g>
<mask
id="path-4-inside-1"
fill="white"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M183.886 150.917C183.859 150.801 183.831 150.685 183.803 150.569C183.776 150.454 183.748 150.338 183.719 150.222L167.323 81.7855C167.306 81.7177 167.29 81.6499 167.274 81.5821C167.258 81.5142 167.242 81.4465 167.225 81.3787L167.152 81.0752L167.151 81.0755C156.933 39.6308 115.156 14.1472 73.5821 24.1081C32.0078 34.0689 6.31547 75.7174 15.9883 117.293L15.9863 117.293L32.9776 188.211L32.9916 188.208C43.5944 229.112 85.0616 254.149 126.329 244.261C167.597 234.374 193.216 193.264 184.131 151.996L184.144 151.993L183.886 150.917Z"
/>
</mask>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M183.886 150.917C183.859 150.801 183.831 150.685 183.803 150.569C183.776 150.454 183.748 150.338 183.719 150.222L167.323 81.7855C167.306 81.7177 167.29 81.6499 167.274 81.5821C167.258 81.5142 167.242 81.4465 167.225 81.3787L167.152 81.0752L167.151 81.0755C156.933 39.6308 115.156 14.1472 73.5821 24.1081C32.0078 34.0689 6.31547 75.7174 15.9883 117.293L15.9863 117.293L32.9776 188.211L32.9916 188.208C43.5944 229.112 85.0616 254.149 126.329 244.261C167.597 234.374 193.216 193.264 184.131 151.996L184.144 151.993L183.886 150.917Z"
fill="#ffcebc"
/>
<path
d="M183.886 150.917L179.992 151.831L179.994 151.84L179.996 151.849L183.886 150.917ZM183.719 150.222L179.83 151.154L179.832 151.163L179.834 151.172L183.719 150.222ZM167.323 81.7855L163.43 82.7076L163.433 82.7175L167.323 81.7855ZM167.274 81.5821L163.384 82.5141L163.384 82.5142L167.274 81.5821ZM167.225 81.3787L163.335 82.3108L163.338 82.321L167.225 81.3787ZM167.152 81.0752L171.042 80.1432L170.111 76.255L166.222 77.1849L167.152 81.0752ZM167.151 81.0755L163.267 82.0331L164.218 85.8897L168.081 84.9659L167.151 81.0755ZM73.5821 24.1081L72.6501 20.2182L73.5821 24.1081ZM15.9883 117.293L16.9223 121.182L20.7842 120.255L19.8842 116.386L15.9883 117.293ZM15.9863 117.293L15.0523 113.404L11.1649 114.337L12.0964 118.225L15.9863 117.293ZM32.9776 188.211L29.0877 189.143L30.0201 193.035L33.9113 192.101L32.9776 188.211ZM32.9916 188.208L36.8636 187.204L35.8779 183.401L32.058 184.318L32.9916 188.208ZM126.329 244.261L125.397 240.371H125.397L126.329 244.261ZM184.131 151.996L183.2 148.106L179.381 149.021L180.225 152.856L184.131 151.996ZM184.144 151.993L185.075 155.883L188.966 154.951L188.034 151.061L184.144 151.993ZM187.78 150.002C187.751 149.881 187.722 149.759 187.693 149.637L179.914 151.502C179.94 151.611 179.966 151.721 179.992 151.831L187.78 150.002ZM187.693 149.637C187.664 149.516 187.635 149.395 187.605 149.273L179.834 151.172C179.861 151.281 179.887 151.391 179.914 151.502L187.693 149.637ZM163.433 82.7175L179.83 151.154L187.609 149.29L171.212 80.8535L163.433 82.7175ZM171.215 80.8634C171.198 80.7928 171.181 80.7216 171.164 80.65L163.384 82.5142C163.4 82.5781 163.415 82.6425 163.43 82.7076L171.215 80.8634ZM171.164 80.65C171.147 80.579 171.13 80.5078 171.113 80.4364L163.338 82.321C163.353 82.3851 163.369 82.4494 163.384 82.5141L171.164 80.65ZM163.262 82.0072L163.335 82.3108L171.115 80.4467L171.042 80.1432L163.262 82.0072ZM168.081 84.9659L168.083 84.9655L166.222 77.1849L166.221 77.1852L168.081 84.9659ZM171.035 80.118C160.291 36.5398 116.364 9.74466 72.6501 20.2182L74.514 27.998C113.949 18.5498 153.575 42.7219 163.267 82.0331L171.035 80.118ZM72.6501 20.2182C28.936 30.6917 1.92157 74.4836 12.0923 118.199L19.8842 116.386C10.7094 76.9513 35.0796 37.4461 74.514 27.998L72.6501 20.2182ZM16.9204 121.183L16.9223 121.182L15.0542 113.403L15.0523 113.404L16.9204 121.183ZM36.8676 187.279L19.8763 116.361L12.0964 118.225L29.0877 189.143L36.8676 187.279ZM32.058 184.318L32.044 184.322L33.9113 192.101L33.9252 192.097L32.058 184.318ZM29.1195 189.211C40.2685 232.223 83.8693 258.548 127.261 248.151L125.397 240.371C86.2539 249.75 46.9204 226.002 36.8636 187.204L29.1195 189.211ZM127.261 248.151C170.653 237.755 197.591 194.53 188.038 151.136L180.225 152.856C188.842 191.999 164.541 230.993 125.397 240.371L127.261 248.151ZM183.212 148.103L183.2 148.106L185.063 155.886L185.075 155.883L183.212 148.103ZM179.996 151.849L180.254 152.925L188.034 151.061L187.776 149.985L179.996 151.849Z"
fill="black"
mask="url(#path-4-inside-1)"
/>
</g>
<defs>
<clipPath id="clip0">
<rect
width="200"
height="320"
fill="white"
/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

35
src/assets/widgets/glasses/round.svg Normal file
View File

@ -0,0 +1,35 @@
<svg
width="152"
height="65"
viewBox="0 0 152 65"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(22, 89)">
<title>glasses - round</title>
<circle
cx="123.5"
cy="28"
r="26"
stroke="black"
stroke-width="4"
/>
<circle
cx="56.5"
cy="37"
r="26"
stroke="black"
stroke-width="4"
/>
<path
d="M98.5 35C98.5 32.8783 97.6571 30.8434 96.1569 29.3431C94.6566 27.8429 92.6217 27 90.5 27C88.3783 27 86.3434 27.8429 84.8431 29.3431C83.3429 30.8434 82.5 32.8783 82.5 35"
stroke="black"
stroke-width="4"
/>
<path
d="M31 39L1 44.5"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 731 B

32
src/assets/widgets/glasses/square.svg Normal file
View File

@ -0,0 +1,32 @@
<svg
width="160"
height="74"
viewBox="0 0 160 74"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(14, 87)">
<title>glasses - square</title>
<path
d="M36.5 42.5L2 49.125"
stroke="black"
stroke-width="4"
stroke-linecap="round"
/>
<path
d="M32.4878 25.9393C31.618 22.4804 33.9396 19.0308 37.4716 18.5345L76.1882 13.0932C79.4696 12.632 82.5036 14.9183 82.9648 18.1998L88.5317 57.8105C88.9929 61.0919 86.7066 64.126 83.4252 64.5871L48.9526 69.4319C45.9161 69.8587 43.0465 67.9273 42.2987 64.9536L32.4878 25.9393Z"
stroke="black"
stroke-width="4"
/>
<path
d="M154.751 8.96388C154.634 5.39915 151.451 2.7232 147.919 3.21958L109.203 8.66085C105.921 9.12202 103.635 12.156 104.096 15.4375L109.663 55.0482C110.124 58.3297 113.158 60.616 116.44 60.1548L150.912 55.31C153.949 54.8832 156.175 52.2357 156.074 49.1711L154.751 8.96388Z"
stroke="black"
stroke-width="4"
/>
<path
d="M85.5 37.125L107.5 33.625"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

16
src/assets/widgets/mouth/frown.svg Normal file
View File

@ -0,0 +1,16 @@
<svg
width="77"
height="64"
viewBox="0 0 77 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(75, 160)">
<title>mouth - frown</title>
<path
d="M2 41C5.21065 33.0427 17.1069 16.2329 39.0069 12.6522C60.9069 9.07139 72.1273 21.1068 75 27.5721"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 358 B

40
src/assets/widgets/mouth/laughing.svg Normal file
View File

@ -0,0 +1,40 @@
<svg
width="73"
height="64"
viewBox="0 0 73 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(85, 158)">
<title>mouth - laughing</title>
<path
d="M69.9204 13.3305C69.7501 11.263 67.6363 10.1117 65.8448 10.8176C61.6161 12.4839 47.6267 17.7834 37.7627 19.1403C26.9401 20.6291 10.5503 18.821 5.80622 18.2319C3.87694 17.9923 2.15721 19.6504 2.49021 21.6654C3.14178 25.6081 4.48399 29.4088 6.45857 32.8914C8.6608 36.7754 11.6065 40.1877 15.1274 42.9333C18.6484 45.679 22.6757 47.7042 26.9793 48.8935C31.283 50.0827 35.7787 50.4126 40.2099 49.8644C44.6411 49.3162 48.9208 47.9005 52.8049 45.6983C56.689 43.4961 60.1012 40.5504 62.8469 37.0294C65.5925 33.5085 67.6178 29.4812 68.807 25.1775C69.8726 21.3212 70.2483 17.3106 69.9204 13.3305Z"
fill="#171921"
stroke="#171921"
stroke-width="4"
/>
<mask
id="mouthLaughing"
style="mask-type: alpha"
maskUnits="userSpaceOnUse"
x="4"
y="12"
width="65"
height="37"
>
<path
d="M67.7931 12.1925C68.3091 16.363 67.9985 20.5943 66.8793 24.6448C65.76 28.6953 63.8539 32.4857 61.2697 35.7996C58.6856 39.1134 55.474 41.8858 51.8185 43.9585C48.1629 46.0312 44.1348 47.3636 39.9643 47.8795C35.7938 48.3955 31.5625 48.085 27.512 46.9657C23.4615 45.8464 19.6712 43.9403 16.3573 41.3562C13.0435 38.772 10.2711 35.5605 8.19838 31.9049C6.12569 28.2493 4.79332 24.2213 4.27734 20.0508L67.7931 12.1925Z"
fill="#171921"
/>
</mask>
<g mask="url(#mouthLaughing)">
<circle
cx="40.5221"
cy="52.3146"
r="21.5"
transform="rotate(-7.05286 40.5221 52.3146)"
fill="#FC909F"
/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

31
src/assets/widgets/mouth/nervous.svg Normal file
View File

@ -0,0 +1,31 @@
<svg
width="80"
height="64"
viewBox="0 0 80 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(75, 165)">
<title>mouth - nervous</title>
<rect
x="4.24805"
y="17.4707"
width="70"
height="24"
rx="4"
transform="rotate(-4 4.24805 17.4707)"
fill="black"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M67.8211 13.0252L10.5039 17.0332L12.3439 24.0378C13.0765 26.8266 15.6892 28.6999 18.5656 28.4988C15.6892 28.6999 13.3627 30.9186 13.0253 33.7822L12.1781 40.9747L69.4952 36.9667L67.6552 29.9621C66.9226 27.1734 64.3099 25.3 61.4336 25.5012C64.3099 25.3 66.6365 23.0813 66.9738 20.2177L67.8211 13.0252Z"
fill="white"
/>
<path
d="M9.06711 15.8455C5.41077 15.5824 2.32285 18.6103 2.58059 22.2961L3.5994 36.8658C3.85714 40.5517 7.33642 43.1204 10.9206 42.351C17.8645 40.8603 31.142 38.2166 40.7373 37.5457C50.3326 36.8747 63.8488 37.6448 70.9326 38.1545C74.589 38.4176 77.6769 35.3897 77.4191 31.7039L76.4003 17.1342C76.1426 13.4483 72.6633 10.8796 69.0792 11.649C62.1352 13.1397 48.8578 15.7833 39.2624 16.4543C29.6671 17.1253 16.151 16.3552 9.06711 15.8455Z"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

16
src/assets/widgets/mouth/pucker.svg Normal file
View File

@ -0,0 +1,16 @@
<svg
width="64"
height="64"
viewBox="0 0 64 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(87, 163)">
<title>mouth - pucker</title>
<path
d="M26 16.6965C30.1667 14.3631 47 11.3964 47 18.1964C47 26.6964 35.5 26.1965 35.5 26.1965C35.5 26.1965 48.5447 23.0354 46 32.1965C43.5 41.1965 36.5 37.6965 34.5 36.6965"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 428 B

16
src/assets/widgets/mouth/sad.svg Normal file
View File

@ -0,0 +1,16 @@
<svg
width="64"
height="64"
viewBox="0 0 64 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(90, 160)">
<title>mouth - sad</title>
<path
d="M13 46C14.7153 38.0427 21.0708 21.2329 32.7708 17.6522C44.4708 14.0714 50.4653 26.1068 52 32.5721"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 357 B

16
src/assets/widgets/mouth/smile.svg Normal file
View File

@ -0,0 +1,16 @@
<svg
width="67"
height="64"
viewBox="0 0 67 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(87, 163)">
<title>mouth - smile</title>
<path
d="M2.5 17.5C5 34.5 33.5 42.5 59.5 23"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 296 B

16
src/assets/widgets/mouth/smirk.svg Normal file
View File

@ -0,0 +1,16 @@
<svg
width="64"
height="64"
viewBox="0 0 64 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(90, 160)">
<title>mouth - smirk</title>
<path
d="M10.0007 24.1649C14.941 30.6115 22.4277 37.7537 33.9767 36.125C45.5257 34.4963 50.6642 26.5297 49.1492 20.0779"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 372 B

45
src/assets/widgets/mouth/surprised.svg Normal file
View File

@ -0,0 +1,45 @@
<svg
width="64"
height="64"
viewBox="0 0 64 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(85, 165)">
<title>mouth - surprised</title>
<path
d="M36.047 54.8914C46.884 52.9301 53.2329 40.9546 51.0248 28.7536C48.8167 16.5526 38.6734 7.56185 27.8364 9.52311C16.9993 11.4844 10.6504 23.4598 12.8585 35.6608C15.0666 47.8619 25.2099 56.8526 36.047 54.8914Z"
fill="black"
stroke="black"
stroke-width="3.59115"
/>
<mask
id="mouthSurprised"
style="mask-type: alpha"
maskUnits="userSpaceOnUse"
x="14"
y="11"
width="36"
height="43"
>
<ellipse
cx="31.9417"
cy="32.2072"
rx="17.5976"
ry="21.257"
transform="rotate(-10.2582 31.9417 32.2072)"
fill="#171921"
/>
</mask>
<g mask="url(#mouthSurprised)">
<ellipse
cx="35.202"
cy="50.2187"
rx="20.2046"
ry="18.3047"
transform="rotate(-10.2582 35.202 50.2187)"
fill="#FC909F"
/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

16
src/assets/widgets/nose/curve.svg Normal file
View File

@ -0,0 +1,16 @@
<svg
width="32"
height="40"
viewBox="0 0 32 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(98, 128)">
<title>nose - curve</title>
<path
d="M16.5 7C16.1667 10.8333 16.5 19.2 20.5 22C25.5 25.5 20 34 10 32"
stroke="#171921"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 326 B

16
src/assets/widgets/nose/pointed.svg Normal file
View File

@ -0,0 +1,16 @@
<svg
width="32"
height="40"
viewBox="0 0 32 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(99, 128)">
<title>nose - pointed</title>
<path
d="M16.5 3C16.5 17 23.5 28 23.5 28C23.5 28 20 34 10 32"
stroke="#171921"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 316 B

16
src/assets/widgets/nose/round.svg Normal file
View File

@ -0,0 +1,16 @@
<svg
width="32"
height="40"
viewBox="0 0 32 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(98, 123)">
<title>nose - round</title>
<path
d="M12.307 12.3397C17.753 11.0993 26.6843 12.9603 24.7238 22.8833C22.9813 31.7023 13.6141 32.1857 11 29.7048"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 366 B

20
src/assets/widgets/tops/beanie.svg Normal file
View File

@ -0,0 +1,20 @@
<svg
width="240"
height="200"
viewBox="0 0 240 200"
fill="none"
preserveAspectRatio="xMidYMid meet"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(0, -2) scale(0.27)">
<defs />
<path
fill="#000"
d="M71.5 502.6c-3.8-1.6-14.6-15.8-20.3-26.5C46 466.3 28 426.5 23.1 414c-6.4-16.4-13.6-42.5-14.7-53.3-.7-7.4-.6-7.8 7.4-17.6l4.5-5.6-.6-34c-.6-35-.1-45 3.3-68.5 3.3-22.8 4.9-36 6-48.5.6-6.6 2-17.8 3.1-25 3.6-24.8 7.3-35.2 16.9-47.5 2.8-3.6 9.9-13.2 15.8-21.4C84.3 65.5 92.4 58.7 110 54.5c5.2-1.2 13.8-2.7 19-3.3 15.7-1.9 20.1-4.1 40-20.1 13.3-10.7 21.5-15 30.8-16.1 6.7-.9 21.1.2 26.7 2 3.3 1 19.4 3.9 26.5 4.7 5.4.6 18.5-2.4 32-7.1 17.9-6.4 20.2-7 31.5-7.4 16.4-.6 24.4 1.4 50 12.3 24.1 10.3 27.7 11.1 43 9.5 26.1-2.7 42.9 2.8 71 23.1 19.5 14 24.1 16.2 40 18.4 2.8.4 6.4 1.5 8.1 2.6 5.5 3.4 13.2 12.5 22.8 27.1 14.3 21.9 24.6 40.4 30 54 .9 2.4 3.2 5 6 7 5.1 3.5 7.8 8.4 18.6 33.8 7.9 18.5 11.4 31.3 19.6 72.8l6.8 33.7v20.1c.1 21.9-.2 23.4-5.4 23.4-1.5 0-4.1-.7-5.6-1.5-1.6-.8-3.7-1.5-4.6-1.5-1 0-4.1-.9-7-2-10.8-4-49.4-12.7-59.8-13.4-2-.2-4.5-.8-5.5-1.3-2.3-1.2-13.7-3.5-30-6-14-2.2-60.2-2.4-81.5-.5l-29 2.8c-45 4.2-84.8 13-119.3 26.6-27 10.6-76.5 37.3-98.3 53.1-39.8 28.8-71.9 57.9-93.6 85.2-6.6 8.3-12.7 15.6-13.6 16.3-2 1.5-3.9 1.5-7.7-.2zm11.1-29.3c12.5-15.7 36.4-39.4 58.2-57.5l3.2-2.6-3.7-7.9c-2-4.3-5.1-10.3-6.9-13.3-1.7-3-6.2-11.3-9.9-18.5-9.7-18.5-15-27.8-21.5-37.5-6.8-10.1-16.9-23-18.1-23-1.8 0-28.8 17.9-42.4 28.1-5 3.7-11.2 9.4-13.8 12.7l-4.7 6 2.1 8.4c5.3 21.5 11.6 39.7 19.1 55.1 2.6 5.4 4.8 10 4.8 10.4 0 1.1 9.4 21.8 13.8 30.2 3.9 7.6 10.9 19.1 11.7 19.1.1 0 3.8-4.4 8.1-9.7zm89.5-81.5c12.6-9 18.5-12.8 35.1-22.8 7.4-4.5 12.4-8.1 11.9-8.6s-4.6-8.3-9.3-17.4c-4.6-9.1-10.6-20-13.3-24.3-14.2-22.2-19.7-30.2-27-39.5l-7.9-10.1-17.6 9.1c-9.6 5-20.6 11-24.5 13.3-3.8 2.3-9.4 5.5-12.2 7.1-2.9 1.6-5.3 3.1-5.3 3.4s3.3 5 7.4 10.5c8.8 11.8 19.6 29.6 29.7 49l11.3 21.6 6.6 12.2c1.4 2.6 3 4.5 3.6 4.3s5.7-3.7 11.5-7.8zm88.4-50.4c9.6-4.5 22.1-9.6 31.3-12.6 6.8-2.3 9.2-3.5 9.2-4.8 0-9.8-10.5-41.9-19.5-59.5-10.1-19.9-21.8-37.5-24.9-37.5-1 0-11.9 4.2-18.1 7-1.1.5-4.9 2.1-8.5 3.6-3.6 1.4-8.1 3.3-10 4.1l-5.5 2.4c-7.1 3-24.9 11.1-29.6 13.4l-5.6 2.8 9.6 12.7c5.3 7 11.3 15.6 13.4 19.1l8.9 14.4c2.9 4.4 8.3 14.1 12.1 21.5l10 19.1 3 5.7 9.6-4.5 14.6-6.9zm357.2-26.1C617 300.9 606.4 246 600 224c-2.3-8.1-11-29.6-17.6-43.5-2.3-4.7-4.5-5.4-19.6-5.4-7.7-.1-9.8.2-9.8 1.3 0 .7 1.1 4.7 2.4 8.7 4.8 14.8 6.3 20.7 11.7 45.9 1.9 8.8 2.3 13.7 2.3 30 .1 19.6-.5 25-5 43.6-.7 3.3-1.4 6.5-1.4 7.1 0 1 3.6 1.9 18 4.8 8.5 1.7 34.2 8.3 34.9 9 1.9 1.9 2.3-.6 1.8-10.2zm-569.7-3c13.2-8.9 26.6-17 65-39.2 19.1-11.1 58.8-30.9 83.5-41.6l15-6.6c26.5-11.8 61.3-24.6 86-31.7l24.5-6.8c5.4-1.3 10.9-2.7 24.5-6.6 23.5-6.6 35.4-9.1 57.5-12.3 5.8-.8 13.1-1.9 16.2-2.5s12.3-1.7 20.5-2.6l23.8-2.5c5-.5 30-1.2 55.6-1.5l46.7-.7-5.2-10.1c-5.1-9.8-11.2-20.2-18.5-31.6-2-3-4-6.3-4.6-7.2-3.8-6.5-11.4-16.4-15.4-20.1-4.3-4.1-5.3-4.5-11.6-5.2-14.4-1.5-20.2-4.4-44.9-22.2-9.9-7.2-21.5-13.4-30.7-16.4-5.9-1.9-7.8-2-24.4-1.4-12.2.5-20.1.3-24.4-.5-6.3-1.1-19.4-6-33.6-12.5-14.7-6.7-29.9-10.2-38.8-9.1-2.9.4-13.2 3.4-23 6.7-26.9 9.1-38.5 9.7-69.2 3.4-22.5-4.6-25.3-3.7-48 15.1-16.3 13.5-24.5 16.8-48.3 19.9-18 2.3-23.6 4.9-33.7 15.7-3.3 3.5-7.8 9-10 12.3-2.2 3.2-6.7 9.4-10 13.8l-7 9.6c-.5.8-2.9 4-5.3 7-10.6 13.4-12.8 23.3-19.3 86.6-.5 5-1.3 11.3-1.9 14-.5 2.8-2.1 14.7-3.6 26.5-2.5 20.7-2.6 22.2-1.5 42l1.1 23.9c0 3.3 0 3.3 2.3 1.7l10.7-7.3zm290.5 3.9c15.8-3.3 35.1-6.6 44.8-7.7l5.9-.7-.6-3.1c-.3-1.8-.8-8.1-1.1-14.2-1.3-23.5-4.4-38-14.8-69.5-6.1-18.3-9.3-26-11.1-26-.6 0-4.3.9-8.1 2-3.9 1.2-13.5 3.8-21.5 6-23.2 6.1-25.7 6.9-40.7 11.6-9.8 3.2-14.1 5-13.5 5.8l5.3 8.1c15.9 24.5 27.6 52.2 32.9 78 2.9 13.9 2.8 13.8 5.3 13.2 1.2-.2 9-1.8 17.2-3.5zm207.2-12.7c2.2-8.6 5-23.6 6.3-32.9 1.6-11.5.5-20.2-6-49.6-1.8-8.4-2.7-11.6-8.9-31.9-5-16.1-1.7-14.5-27.5-13.7l-28.9 1.3-6.7.6.6 3.6c.4 2 2.9 10.6 5.6 19.1 7.5 23.3 11.6 39.1 15.6 60.6 1.4 7.3 1.6 33.6.3 38.2-1.2 4-2.1 3.7 13.6 5.1 12 1.1 30.4 3.9 31.3 4.7 1.5 1.6 3.6-.7 4.7-5.1zm-106.2 0l30.5-1.8 6.5-.2 1.3-5c1.7-6.6 1-31.7-1.1-40-.9-3.3-2.6-10-3.8-15-2.1-8.9-5.4-19.9-10.9-36.5-1.6-4.7-3.6-12.3-4.6-16.9-1.1-5-2.4-8.5-3.2-8.9-1.5-.5-23.1 1.9-34.2 3.9l-20.9 3.4c-8.5 1.4-15.9 2.9-16.3 3.3-.5.5.2 3.7 1.6 7.3 4.3 11.5 8.4 24.2 11.6 35.9l4 14c1.8 5 5 31.3 5 41.3 0 5.6.3 11.9.6 14l.7 3.7 4.6-.5c2.5-.3 15.4-1.2 28.6-2z"
/>
<path
fill="#f48150"
d="M70.4 484.7c-4.3-5.9-9.8-15.6-14-24.5C51.6 450 46 437.3 46 436.6c0-.3-2.2-4.9-4.8-10.3-7.5-15.4-13.8-33.6-19.1-55.2-3-12.1-2.8-13.3 2.6-20.3 5-6.3 15.4-14.5 34.8-27.5 17.9-11.9 24.3-15.6 25.8-15 1.9.7 12.6 14.2 19.6 24.6 6.6 9.8 11.9 19 21.6 37.6 3.7 7.2 8.2 15.5 9.9 18.5s5.3 9.9 8 15.3c4.1 8.3 4.7 10 3.5 11.1-.8.7-6.1 5.2-11.9 10.1-16.9 14.4-38.4 36-49.7 50-5.8 7.2-11 13.1-11.7 13.2-.6.2-2.5-1.6-4.2-4zm84.1-85c-1.6-3.4-4.8-9.6-7.1-13.7l-11.9-22.5c-13.1-25.1-24.8-43.6-36.2-57.2l-4.4-5.2 7.3-4.2 14.3-8.5c3.9-2.3 15.9-8.7 26.7-14.3l19.6-10.2 9.2 11.7c8.4 10.6 12.3 16.4 27.5 40.1 2.7 4.3 7.8 13.4 11.3 20.3l10.3 19.7c2.9 5.3 3.5 7.3 2.6 8-.7.6-6.4 4-12.7 7.8-13.9 8.2-32.7 20.6-43.3 28.6-4.3 3.3-8.4 5.9-9 5.8-.7 0-2.5-2.8-4.2-6.2zm78-45.7c-1.4-2.2-5.3-9.5-8.6-16.2-12-23.8-26.9-47.7-41.8-66.8-4.4-5.7-8.1-10.9-8.1-11.5 0-1 19.5-10.9 29.9-15.2 2-.8 5.1-2.1 6.9-2.9 1.7-.8 4.7-2 6.5-2.8 1.7-.8 6.1-2.6 9.7-4l8.5-3.6c1.1-.5 6.7-2.8 12.4-5.1l10.4-4.3 4 4.5c11.2 12.5 27 42.1 34.1 63.9 5.6 17.4 9.7 36.7 8.1 38-.5.5-5.1 2.2-10 3.8-9 3-21.6 8.1-31 12.6l-16.8 8-11.7 5.5-2.5-3.9zm382.7-24.6c-4.1-1.8-26.8-7.8-37.2-9.9-19-3.8-19-3.8-19-5.8 0-1 .9-5.5 1.9-10 4.8-20.1 5.6-25.9 5.5-42.7-.1-17.1-.5-20.1-6.8-47-2.3-10.1-3.8-15.1-8.6-30.5-1.2-3.8-2.4-8.1-2.7-9.3l-.6-2.4 16.9.3c9.3.1 17.5.7 18.2 1.2 1.3 1 2 2.5 11.4 24.2 8.9 20.6 11.1 28.7 20.4 75.5 4.9 24.5 5.7 30.6 6.2 43.3.5 16.2.6 15.8-5.6 13.1zM31.9 319.3l-.4-9.5c-.2-.9-.6-10.4-1-21-.6-18-.5-20.9 2.4-43.5l3.6-25.5c.2-.7.9-5.8 1.4-11.3 4.3-43 6.7-59.2 10.3-70 2.7-8 3.9-10.2 9-16.6 2.4-3 4.8-6.2 5.3-7 .6-.9 3.7-5.2 7-9.6s7.8-10.6 10-13.8c2.2-3.3 6.7-8.8 10-12.3 10.1-10.8 15.7-13.4 33.7-15.7 23.8-3.1 32-6.4 48.3-19.9 6.1-5.1 12.8-10.4 15-11.8 9.8-6.6 19-7.4 38.6-3.4 29.5 6 37.4 5.6 64.1-3.5 13.7-4.6 20-6.2 25.8-6.6 12.2-.9 26.1 2.2 41.5 9.2 13.7 6.3 27.2 11.3 32.9 12.4 3.6.7 12.5.8 24 .4 15.9-.5 19-.4 24.2 1.2 8.9 2.7 22.3 9.7 32 16.7 24.7 17.9 30.5 20.8 44.9 22.3 6.3.7 7.3 1.1 11.6 5.2 4 3.7 11.6 13.6 15.4 20.1.6.9 2.6 4.2 4.6 7.2 12 18.5 23.6 40.2 24.1 45l.3 2.5-46.5.7-56 1.7-24.3 2.5c-8.2.9-17.4 2-20.5 2.6s-10.4 1.7-16.2 2.5c-22.1 3.2-34 5.7-57.5 12.3-13.6 3.9-19.1 5.3-24.5 6.6-5.3 1.3-9.1 2.3-24.5 6.8-24.7 7.1-59.5 19.9-86 31.7l-15 6.6c-21.4 9.3-49.2 22.9-74 36.3-8.5 4.6-42 24-50 28.9-12 7.5-28.8 18.4-34.6 22.6-3.7 2.6-7.2 4.7-7.8 4.7-.7 0-1.1-2.7-1.2-7.7zm284.6 4.6c-.3-.4-1.7-6.1-3-12.6-5.3-25.2-15.7-51.1-29.9-74.3-3.2-5.2-7.3-11.4-9.2-13.7s-3.4-4.6-3.4-5.1c0-.6 7.1-3.3 15.8-6.1 16.4-5.2 18.6-5.9 42.2-12.2l23.5-6.4c4.9-1.4 9.9-2.5 11-2.5 2.6 0 5 5.4 12.2 27 10.8 32.6 12.9 42.8 15.3 75 1.5 19.6 1.9 17.7-4.7 18.5-14.5 1.7-48.5 7.9-62.1 11.4-3.9 1.1-7.4 1.5-7.7 1zM541 312c-13.2-2.8-36.4-6-43.5-6-6.2 0-6.6-.6-5-7.5s2-27.1.5-34.2c-3.1-15.6-7.4-34.4-8.7-38.3-.8-2.5-1.6-5.2-1.8-6s-2.6-8.5-5.3-17c-5-15.7-7.9-27.6-7-28.5.7-.7 38.4-2.5 53-2.5 13.7 0 12.2-1.3 16.9 14.1 6.2 20.3 7.1 23.5 8.9 31.9 6.9 31.2 8.1 42.1 6 55.9-2.4 15.7-6 33.3-7.7 37.6-.6 1.6-1 1.7-6.3.5zm-137-3c-1-.6-1.5-5.2-2.1-18.2-.7-16.6-3-35.6-4.9-40.8l-4-14c-3.5-12.7-8.7-28.6-13.1-39.8-1.6-4-2.9-7.7-2.9-8.1 0-.5 3-1.6 6.8-2.5 10.4-2.3 54.8-8.8 67.9-9.9l6.3-.5.9 3.6 2.1 9.2c.7 3 2.5 9.3 4 14 5.8 17.6 8.8 27.8 10.9 36.5l3.8 15c2.1 8.2 2.9 39.1 1.1 46l-1.3 5-7.5.3c-12 .4-65.1 4.1-65.9 4.6-.4.3-1.3.1-2.1-.4z"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

19
src/assets/widgets/tops/clean.svg Normal file
View File

@ -0,0 +1,19 @@
<svg
width="240"
height="200"
viewBox="0 0 240 200"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(-35, -10)">
<title>tops - clean</title>
<ellipse
cx="147.854"
cy="58.1803"
rx="6.85759"
ry="18.4393"
transform="rotate(117 147.854 58.1803)"
fill="#FCFDFF"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 357 B

17
src/assets/widgets/tops/danny.svg Normal file
View File

@ -0,0 +1,17 @@
<svg
width="240"
height="270"
viewBox="0 0 240 270"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(-31.5, -13.5)">
<title>tops - danny</title>
<path
d="M123.788 17.4887L123.864 17.4969L123.941 17.4991C150.61 18.2835 171.342 28.8969 186.013 41.8493C200.069 54.2583 208.463 68.7231 211.2 78.5817C207.14 80.8991 200.185 82.8931 191.315 84.5285C181.639 86.3123 170.022 87.615 158.168 88.5436C134.462 90.4007 109.978 90.7491 98.5428 90.5005L92.4699 90.3685L97.2764 94.0826C99.774 96.0125 103.099 97.3557 106.615 98.3003C110.156 99.2517 114.034 99.8354 117.746 100.167C121.57 100.509 125.299 100.589 128.387 100.51C117.8 108.672 104.325 114.948 91.0384 119.6C75.6922 124.973 60.7685 128.12 51.2093 129.521L49.0601 129.836L49.551 131.952C52.8984 146.381 59.0518 171.603 63.179 188.519C65.01 196.025 66.4422 201.895 67.0537 204.463C68.1379 209.017 71.5518 215.508 75.4484 221.491C79.0412 227.008 83.2329 232.38 86.7703 235.687L78.9322 267.5H49.3714C57.7091 254.787 59.469 240.097 57.7689 224.517C55.9286 207.653 50.0074 189.513 43.7659 171.35C43.1514 169.562 42.5339 167.774 41.9165 165.986C36.2326 149.527 30.5644 133.113 27.4936 117.382C24.0922 99.9582 23.9407 83.6514 30.3264 69.3137C40.6653 46.0999 58.9929 32.6198 77.3255 25.1911C95.701 17.745 113.945 16.4399 123.788 17.4887Z"
fill="white"
stroke="#171921"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

31
src/assets/widgets/tops/fonze.svg Normal file
View File

@ -0,0 +1,31 @@
<svg
width="240"
height="200"
viewBox="0 0 240 200"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(-34, -19)">
<title>tops - fonze</title>
<path
d="M210.177 51.3965C201.855 91.2936 103.499 96.8962 83.6772 96.8962C31.6548 102.823 56.6248 165.262 66.1772 196.396C58.6772 197.396 59.6772 206.396 30.6772 134.896C7.47724 77.6964 73.1831 42.8337 121.999 30.9995C170.815 19.1653 189.499 2.50195 189.499 2.50195C210.177 11 215.116 27.7185 210.177 51.3965Z"
fill="black"
/>
<path
d="M205.134 124.947L189.316 71.5069L199.354 62.3644C210.109 99.4523 210.601 120.988 205.134 124.947Z"
fill="black"
/>
<path
d="M80 170C74.4 142.8 60.3333 147.667 51 149L41 105L81.5844 96.5056C82.3363 96.2656 83.1408 96.0955 84 96L81.5844 96.5056C63.4332 102.299 75.9565 148.796 91 168L80 170Z"
fill="black"
/>
<path
d="M24.9887 67.3632C33.8341 62.9091 44.2805 65.4873 48.3981 67.3331L36.6273 82.2134C39.6625 77.3568 30.1329 70.2897 24.9887 67.3632Z"
fill="black"
/>
<path
d="M10 84.4996C21.6 77.6996 32.8333 79.9996 37 81.9996L32.5 97.5C31.3 89.1 17 85.3331 10 84.4996Z"
fill="black"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

26
src/assets/widgets/tops/funny.svg Normal file
View File

@ -0,0 +1,26 @@
<svg
width="240"
height="200"
viewBox="0 0 240 200"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(-30, -12)">
<title>tops - funny</title>
<path
d="M140 56C154.667 55.3333 180.4 47.2 166 20"
stroke="black"
stroke-width="4"
/>
<path
d="M114 54C128.667 53.3333 154.4 45.2 140 18"
stroke="black"
stroke-width="4"
/>
<path
d="M78 65C92.6667 64.3333 118.4 56.2 104 29"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 532 B

22
src/assets/widgets/tops/pixie.svg Normal file
View File

@ -0,0 +1,22 @@
<svg
width="261"
height="249"
viewBox="0 0 261 249"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(-46, -13)">
<title>tops - pixie</title>
<path
d="M121.837 88.8195C121.051 87.0776 121.051 87.0779 121.05 87.0783L121.047 87.0794L121.04 87.0828L121.015 87.0942C120.994 87.1038 120.964 87.1177 120.925 87.1357C120.89 87.1518 120.848 87.1714 120.799 87.1943C120.74 87.2223 120.67 87.2553 120.591 87.2932C120.301 87.4313 119.882 87.6353 119.352 87.9045C118.291 88.4426 116.782 89.2418 114.972 90.2948C111.356 92.3984 106.515 95.527 101.628 99.626C91.9116 107.776 81.7052 120.03 81.0904 135.926C80.8259 142.765 79.9706 175.806 80.1619 188.433C80.323 199.065 85.8253 210.481 93.4581 221.008C100.109 230.18 108.508 238.857 116.832 246.008C79.0664 247.501 50.4555 242.546 31.1209 237.121C21.038 234.292 13.4742 231.334 8.44733 229.094C6.46024 228.208 4.86951 227.434 3.67627 226.825C12.7707 220.141 20.3578 208.682 25.3638 191.675C30.8537 173.024 33.288 147.554 31.1521 113.963C29.2166 83.5247 44.0087 57.8092 66.3601 39.629C88.7347 21.4301 118.55 10.9109 146.238 10.9109C161.221 10.9109 173.377 13.8448 183.177 20.9616C192.98 28.081 200.668 39.5619 206.363 57.1322L206.758 58.3516L208.036 58.4485C220.412 59.3865 229.115 64.4881 235.532 72.6621C242.017 80.924 246.24 92.4216 249.336 106.232C251.376 115.332 249.389 124.311 247.001 134.651L246.89 135.133C244.553 145.25 241.952 156.505 243.096 169.666C244.126 181.51 248.853 193.135 252.782 202.074C253.287 203.222 253.776 204.321 254.242 205.368C255.617 208.455 256.793 211.096 257.586 213.253C258.118 214.698 258.425 215.79 258.523 216.566C258.573 216.963 258.555 217.168 258.542 217.254C258.097 217.665 257.273 218.12 255.957 218.522C254.588 218.94 252.864 219.248 250.882 219.442C246.921 219.828 242.138 219.738 237.544 219.296C232.942 218.853 228.638 218.067 225.623 217.108C224.092 216.622 223.033 216.134 222.436 215.711C222.345 215.646 222.275 215.591 222.222 215.546C222.594 214.259 223.132 212.723 223.753 210.949C226.947 201.824 232.348 186.398 228.855 166.08C226.766 153.924 221.189 132.457 216.162 114.11C213.643 104.919 211.255 96.4828 209.496 90.3444C208.616 87.275 207.894 84.7798 207.391 83.0515C207.14 82.1874 206.944 81.515 206.81 81.0584L206.658 80.5384L206.619 80.4055L206.609 80.3717L206.607 80.3632L206.606 80.361C206.606 80.3605 206.606 80.3602 204.772 80.8993L206.606 80.3602L205.677 77.2011L203.395 79.5745L203.395 79.5751L203.391 79.579L203.372 79.5991C203.353 79.6178 203.325 79.6471 203.286 79.6867C203.208 79.7659 203.088 79.8861 202.928 80.0445C202.607 80.3612 202.123 80.8304 201.482 81.4293C200.199 82.6271 198.286 84.343 195.784 86.3943C190.779 90.4982 183.428 95.9376 174.067 101.257C156.25 111.382 131.216 121.037 101.246 120.29C110.86 111.359 116.392 104.018 119.562 98.7007C121.329 95.736 122.36 93.4028 122.955 91.7777C123.252 90.9654 123.44 90.3309 123.555 89.8839C123.613 89.6605 123.653 89.484 123.68 89.3558C123.693 89.2917 123.703 89.2397 123.711 89.1998C123.714 89.1799 123.717 89.1631 123.72 89.1493L123.723 89.1309L123.724 89.1235L123.724 89.1202C123.725 89.1187 123.725 89.1172 121.837 88.8195ZM121.837 88.8195L121.051 87.0776L124.276 85.6229L123.725 89.1172L121.837 88.8195ZM222.068 215.388C222.071 215.388 222.082 215.402 222.097 215.428C222.073 215.401 222.066 215.388 222.068 215.388Z"
fill="#d2eff3"
stroke="black"
stroke-width="3.82184"
/>
<path
d="M207 58C207.5 62.5 206.7 71.5 205.5 77.5"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

29
src/assets/widgets/tops/punk.svg Normal file
View File

@ -0,0 +1,29 @@
<svg
width="240"
height="203"
viewBox="0 0 240 203"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(-31, -15)">
<title>tops - punk</title>
<path
opacity="0.35"
d="M187.986 80.1756C179.986 73.7756 166.153 73.1758 160.486 73.6758L152.486 47.1758C166.086 50.3758 184.486 71.1758 187.986 80.1756Z"
fill="#717376"
/>
<path
d="M85.7923 14.7636C85.7923 14.7636 91.5301 10.802 115.746 4.70097C139.963 -1.40007 148.792 0.983287 148.792 0.983287L160.581 73.815C160.581 73.815 152.542 73.6416 132.548 78.0085C112.555 82.3754 102.986 87.6748 102.986 87.6748L85.7923 14.7636Z"
fill="#171921"
/>
<path
d="M48.9855 89.6758C42.1855 48.0758 72.3188 21.5091 85.9855 14.1758L102.985 87.6758C83.7855 48.0758 57.6521 72.5091 48.9855 89.6758Z"
fill="#171921"
/>
<path
opacity="0.35"
d="M67.4855 133.675C60.2855 106.475 89.4855 91.8415 102.985 87.6749C95.9855 71.3415 79.9854 56.6749 60.4854 74.6756C42.4854 105.175 49.4855 128.676 54.9855 146.675L67.4855 133.675Z"
fill="#717376"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

22
src/assets/widgets/tops/turban.svg Normal file
View File

@ -0,0 +1,22 @@
<svg
width="240"
height="212"
viewBox="0 0 240 212"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g transform="translate(-30, -25.5)">
<title>tops - turban</title>
<path
d="M222.726 112.791C222.726 46.702 186.268 2.00007 141.859 2C84.9656 2 27 23.3414 27 124.255C27 149.223 37.6589 167.827 52.5644 181.54C51.0704 179.671 49.8666 177.996 49.0668 176.619C46.176 149.638 78.2326 128.929 109.601 108.665C126.254 97.907 142.712 87.2746 153.646 75.8956C163.24 81.3324 191.44 104.109 196.813 113.32C199.695 118.26 204.322 135.189 207.484 154.95C217.822 142.532 222.726 130.107 222.726 112.791Z"
fill="white"
stroke="black"
stroke-width="4"
/>
<path
d="M154.264 75.2457C167.438 63.3013 187.146 36.0399 185.881 18.334"
stroke="black"
stroke-width="4"
/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 836 B

Some files were not shown because too many files have changed in this diff Show More