status-im
/
dappconnect-sdks
mirror of https://github.com/status-im/dappconnect-sdks.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

[icons]: Sync icons, add social (#420) 

* regenrate icons

* add social icons
This commit is contained in:
Pavel 2023-06-20 19:13:39 +02:00 committed by GitHub
parent 45ae36a64f
commit 820eafadde
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
97 changed files with 2140 additions and 296 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/icons/scripts/sync.ts
View File

@ -34,7 +34,7 @@ const FILE_KEY = 'qLLuMLfpGxK9OfpIavwsmK'
const NODE_IDS = { const NODE_IDS = {
'3239:987': 'icons', '3239:987': 'icons',
// '3227:1083': 'social', '3227:1083': 'social',
// '942:77': 'reactions', // '942:77': 'reactions',
'942:218': 'love', '942:218': 'love',
'942:217': 'thumbs-up', '942:217': 'thumbs-up',

18
packages/icons/src/angry-icon.tsx
View File

@ -8,20 +8,20 @@ const SvgAngryIcon = createIcon(props => {
width={props.width} width={props.width}
height={props.height} height={props.height}
fill="none" fill="none"
viewBox="0 0 12 12" viewBox="0 0 20 20"
focusable={false} focusable={false}
aria-hidden={true} aria-hidden={true}
> >
<circle cx={6} cy={6} r={6} fill="url(#angry-icon_svg__a)" /> <circle cx={10} cy={10} r={10} fill="url(#angry-icon_svg__a)" />
<circle cx={6} cy={6} r={6} fill="url(#angry-icon_svg__b)" /> <circle cx={10} cy={10} r={10} fill="url(#angry-icon_svg__b)" />
<path <path
fill="#424242" fill="#424242"
d="M2.754 4.198a.328.328 0 1 0-.258.604l.792.339c.105.045.144.175.113.286a.751.751 0 0 0 1.416.488c.022-.053.082-.083.135-.06l.169.072a.328.328 0 0 0 .258-.604L2.754 4.198Zm6.494 0a.328.328 0 1 1 .258.604l-.792.339c-.106.045-.144.175-.114.286a.75.75 0 0 1-1.415.488c-.022-.053-.083-.083-.136-.06l-.168.072a.328.328 0 0 1-.258-.604l2.625-1.125Z" d="M4.59 6.997a.547.547 0 1 0-.43 1.006l1.32.565c.176.076.24.292.189.477a1.251 1.251 0 0 0 2.36.813c.036-.088.137-.138.225-.1l.28.12a.547.547 0 0 0 .431-1.006L4.59 6.997Zm10.823 0a.547.547 0 1 1 .43 1.006l-1.32.565c-.176.076-.24.292-.189.477a1.25 1.25 0 0 1-2.36.813c-.036-.088-.137-.138-.225-.1l-.28.12a.547.547 0 0 1-.431-1.006l4.375-1.875Z"
/> />
<path <path
fill="#772622" fill="#772622"
fillRule="evenodd" fillRule="evenodd"
d="M6 8.203a1.92 1.92 0 0 0-1.602.86.328.328 0 1 1-.546-.364 2.576 2.576 0 0 1 4.296 0 .328.328 0 1 1-.546.364A1.92 1.92 0 0 0 6 8.203Z" d="M10 13.672a3.2 3.2 0 0 0-2.67 1.432.547.547 0 0 1-.91-.605 4.293 4.293 0 0 1 3.58-1.92 4.29 4.29 0 0 1 3.58 1.92.547.547 0 0 1-.91.605A3.2 3.2 0 0 0 10 13.672Z"
clipRule="evenodd" clipRule="evenodd"
/> />
<defs> <defs>
@ -30,7 +30,7 @@ const SvgAngryIcon = createIcon(props => {
cx={0} cx={0}
cy={0} cy={0}
r={1} r={1}
gradientTransform="rotate(124.563 3.39 3.337) scale(10.2458 13.3012)" gradientTransform="rotate(124.563 5.651 5.561) scale(17.0763 22.1686)"
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
> >
<stop stopColor="#FFD764" stopOpacity={0.2} /> <stop stopColor="#FFD764" stopOpacity={0.2} />
@ -38,10 +38,10 @@ const SvgAngryIcon = createIcon(props => {
</radialGradient> </radialGradient>
<linearGradient <linearGradient
id="angry-icon_svg__a" id="angry-icon_svg__a"
x1={6} x1={10}
x2={6} x2={10}
y1={0} y1={0}
y2={12} y2={20}
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
> >
<stop offset={0.11} stopColor="#EA6433" /> <stop offset={0.11} stopColor="#EA6433" />

55
packages/icons/src/checktoken-icon.tsx Normal file
View File

@ -0,0 +1,55 @@
import { createIcon } from '../lib/create-icon'
const SvgChecktokenIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<path
fill="#647084"
fillRule="evenodd"
d="M3 10a7 7 0 1 1 14 0 7 7 0 0 1-14 0Z"
clipRule="evenodd"
/>
<path stroke="#fff" strokeWidth={1.2} d="M14 10a4 4 0 1 1-4-4" />
<mask
id="checktoken-icon_svg__b"
width={6}
height={6}
x={10}
y={4}
maskUnits="userSpaceOnUse"
style={{
maskType: 'alpha',
}}
>
<path fill="url(#checktoken-icon_svg__a)" d="M10 4h6v6h-6V4Z" />
</mask>
<g mask="url(#checktoken-icon_svg__b)">
<path stroke="#fff" strokeWidth={1.2} d="M14 10a4 4 0 0 0-4-4" />
</g>
<defs>
<linearGradient
id="checktoken-icon_svg__a"
x1={9.6}
x2={13.117}
y1={5.6}
y2={7.928}
gradientUnits="userSpaceOnUse"
>
<stop stopColor={props.color} stopOpacity={0} />
<stop offset={1} stopColor={props.color} />
</linearGradient>
</defs>
</svg>
)
})
export default SvgChecktokenIcon

51
packages/icons/src/confetti-colorful-icon.tsx Normal file
View File

@ -0,0 +1,51 @@
import { createIcon } from '../lib/create-icon'
const SvgConfettiColorfulIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<g clipPath="url(#confetti-colorful-icon_svg__a)">
<path
stroke={props.color}
strokeWidth={1.2}
d="M7.646 5.782c-.353.354-4.242 11.314-4.242 11.314s10.96-3.889 11.313-4.242c.354-.354.354-2.475-2.12-4.95C10.12 5.429 8 5.429 7.646 5.782Z"
/>
<path
stroke={props.color}
strokeWidth={1.2}
d="M7.646 5.782s-.353 2.475 2.122 4.95c2.475 2.475 4.95 2.122 4.95 2.122"
/>
<path
fill={props.color}
fillRule="evenodd"
d="M10.546 14.197 6.303 9.954l-.848.849 4.242 4.242.849-.848Zm-2.475 1.06L5.242 12.43l-.848.849 2.828 2.828.849-.848Z"
clipRule="evenodd"
/>
<path fill="#EC266C" d="M17.5 9.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" />
<path
fill="#FF7D46"
d="M10.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"
/>
<path fill="#F6B03C" d="M18.5 2.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" />
<path fill="#1992D7" d="M15 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" />
<path fill="#7140FD" d="M14.5 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" />
<path fill="#F66F8F" d="M20 6.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" />
</g>
<defs>
<clipPath id="confetti-colorful-icon_svg__a">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
)
})
export default SvgConfettiColorfulIcon

48
packages/icons/src/confetti-icon.tsx Normal file
View File

@ -0,0 +1,48 @@
import { createIcon } from '../lib/create-icon'
const SvgConfettiIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<g clipPath="url(#confetti-icon_svg__a)">
<path
stroke={props.color}
strokeWidth={1.2}
d="M7.646 5.782c-.353.354-4.242 11.314-4.242 11.314s10.96-3.889 11.313-4.242c.354-.354.354-2.475-2.12-4.95C10.12 5.429 8 5.429 7.646 5.782Z"
/>
<path
stroke={props.color}
strokeWidth={1.2}
d="M7.646 5.782s-.353 2.475 2.122 4.95c2.475 2.475 4.95 2.122 4.95 2.122"
/>
<path
fill={props.color}
fillRule="evenodd"
d="M10.546 14.197 6.303 9.954l-.848.849 4.242 4.242.849-.848Zm-2.475 1.06L5.242 12.43l-.848.849 2.828 2.828.849-.848Z"
clipRule="evenodd"
/>
<circle cx={14.362} cy={10.312} r={1} fill="#647084" opacity={0.8} />
<circle cx={8.787} cy={3.165} r={1.5} fill="#647084" opacity={0.4} />
<circle cx={16.545} cy={4.165} r={1} fill="#647084" opacity={0.6} />
<circle cx={11.751} cy={7.031} r={1.5} fill="#647084" opacity={0.8} />
<circle cx={12.47} cy={3.446} r={1} fill="#647084" opacity={0.4} />
<circle cx={16.715} cy={7.897} r={1.5} fill="#647084" opacity={0.6} />
</g>
<defs>
<clipPath id="confetti-icon_svg__a">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
)
})
export default SvgConfettiIcon

26
packages/icons/src/cross-circle-icon.tsx Normal file
View File

@ -0,0 +1,26 @@
import { createIcon } from '../lib/create-icon'
const SvgCrossCircleIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<circle cx={10} cy={10} r={7.5} fill="#E95460" />
<path
fill="#fff"
fillRule="evenodd"
d="m10 10.849 2.05 2.05.849-.848-2.05-2.05 2.05-2.052-.848-.848L10 9.15 7.95 7.1l-.85.848L9.152 10l-2.05 2.05.849.85L10 10.848Z"
clipRule="evenodd"
/>
</svg>
)
})
export default SvgCrossCircleIcon

32
packages/icons/src/disconnect-icon.tsx Normal file
View File

@ -0,0 +1,32 @@
import { createIcon } from '../lib/create-icon'
const SvgDisconnectIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<g clipPath="url(#disconnect-icon_svg__a)">
<path
fill={props.color}
fillRule="evenodd"
d="M15.374 4.626a3.6 3.6 0 0 0-5.091 0L8.869 6.04l.848.849 1.415-1.414a2.4 2.4 0 1 1 3.394 3.394l-1.415 1.414.849.848 1.414-1.414a3.6 3.6 0 0 0 0-5.091Zm-9.9 6.505L6.89 9.717l-.85-.847-1.414 1.414a3.6 3.6 0 0 0 5.091 5.091l1.415-1.414-.85-.849-1.413 1.414a2.4 2.4 0 1 1-3.394-3.394Zm-.353-6.859-.848.849 10.606 10.607.849-.849L5.12 4.272Z"
clipRule="evenodd"
/>
</g>
<defs>
<clipPath id="disconnect-icon_svg__a">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
)
})
export default SvgDisconnectIcon

33
packages/icons/src/facebook-icon.tsx Normal file
View File

@ -0,0 +1,33 @@
import { createIcon } from '../lib/create-icon'
const SvgFacebookIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<g clipPath="url(#facebook-icon_svg__a)">
<circle cx={10} cy={10} r={10} fill={props.color} />
<path
fill="#fff"
fillRule="evenodd"
d="M11.563 19.879a10.073 10.073 0 0 1-3.126 0v-6.91H5.899v-2.908h2.54V7.845c0-2.522 1.492-3.915 3.777-3.915 1.094 0 2.238.197 2.238.197v2.476h-1.26c-1.243 0-1.63.775-1.63 1.57v1.888h2.773l-.443 2.909h-2.33v6.909Z"
clipRule="evenodd"
/>
</g>
<defs>
<clipPath id="facebook-icon_svg__a">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
)
})
export default SvgFacebookIcon

23
packages/icons/src/flickr-icon.tsx Normal file
View File

@ -0,0 +1,23 @@
import { createIcon } from '../lib/create-icon'
const SvgFlickrIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<path
fill={props.color}
d="M15.5 14.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Zm-11 0a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z"
/>
</svg>
)
})
export default SvgFlickrIcon

2
packages/icons/src/flip-icon.tsx
View File

@ -15,7 +15,7 @@ const SvgFlipIcon = createIcon(props => {
<path <path
fill={props.color} fill={props.color}
fillRule="evenodd" fillRule="evenodd"
d="M6.417 2.735a8.1 8.1 0 0 1 11.407 5.169l-1.16.31A6.9 6.9 0 0 0 4.45 5.9H7v1.2H2.9V3h1.2v1.45a8.1 8.1 0 0 1 2.317-1.715ZM10 8.1a1.9 1.9 0 1 0 0 3.8 1.9 1.9 0 0 0 0-3.8ZM6.9 10a3.1 3.1 0 1 1 6.2 0 3.1 3.1 0 0 1-6.2 0Zm-4.724 2.096A8.1 8.1 0 0 0 15.9 15.55V17h1.2v-4.1H13v1.2h2.55a6.9 6.9 0 0 1-12.215-2.314l-1.16.31Z" d="M6.417 2.735a8.1 8.1 0 0 1 11.407 5.169l-1.16.31A6.9 6.9 0 0 0 4.45 5.9H7v1.2H2.9V3h1.2v1.45a8.1 8.1 0 0 1 2.317-1.715ZM10 8.1a1.9 1.9 0 1 0 0 3.8 1.9 1.9 0 0 0 0-3.8ZM6.9 10a3.1 3.1 0 1 1 6.2 0 3.1 3.1 0 0 1-6.2 0Zm-4.724 2.096A8.1 8.1 0 0 0 15.9 15.55V17h1.2v-4.1H13v1.2h2.55a6.901 6.901 0 0 1-12.215-2.314l-1.16.31Z"
clipRule="evenodd" clipRule="evenodd"
/> />
</svg> </svg>

33
packages/icons/src/github-icon.tsx Normal file
View File

@ -0,0 +1,33 @@
import { createIcon } from '../lib/create-icon'
const SvgGithubIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<g clipPath="url(#github-icon_svg__a)">
<circle cx={10} cy={10} r={10} fill={props.color} />
<path
fill="#fff"
fillRule="evenodd"
d="M12.345 19.724a10.062 10.062 0 0 1-4.667.005l-.002-.336c-.003-.72-.008-1.758-.008-2.283-2.355.444-2.965-.589-3.152-1.13a3.493 3.493 0 0 0-.961-1.357c-.328-.18-.797-.625-.012-.637.3.033.587.14.838.312.251.171.458.402.603.673.129.236.301.444.508.612a1.957 1.957 0 0 0 2.223.181c.04-.489.253-.946.597-1.286-2.085-.24-4.265-1.069-4.265-4.746-.013-.955.33-1.88.96-2.583a3.535 3.535 0 0 1 .095-2.547s.785-.252 2.578.985a8.628 8.628 0 0 1 4.687 0c1.793-1.25 2.578-.985 2.578-.985.347.806.38 1.717.094 2.547.632.703.976 1.628.96 2.583 0 3.69-2.19 4.506-4.276 4.746a2.297 2.297 0 0 1 .632 1.779c0 .855-.005 2.153-.008 3.021l-.002.446Z"
clipRule="evenodd"
/>
</g>
<defs>
<clipPath id="github-icon_svg__a">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
)
})
export default SvgGithubIcon

25
packages/icons/src/heart-break-icon.tsx Normal file
View File

@ -0,0 +1,25 @@
import { createIcon } from '../lib/create-icon'
const SvgHeartBreakIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<path
fill={props.color}
fillRule="evenodd"
d="M14.079 14.543c1.853-1.593 3.794-4.012 3.519-7.06-.133-1.72-.673-2.864-1.55-3.502-.869-.633-1.923-.662-2.844-.492-.927.17-1.816.56-2.457.893a12.6 12.6 0 0 0-.745.42 11.922 11.922 0 0 0-.733-.419c-.635-.333-1.515-.723-2.437-.894-.917-.17-1.967-.14-2.84.491-.878.636-1.433 1.776-1.59 3.5-.277 3.049 1.666 5.469 3.52 7.063a18.648 18.648 0 0 0 3.73 2.472l.068.033.02.009.005.003h.001l.254-.543-.253.544.253.117.253-.117-.253-.544.253.544.002-.002.006-.002.019-.009.068-.033.25-.126a18.64 18.64 0 0 0 3.48-2.346Zm-3.18-8.878 1.378.919.717.478-.77.385-3.036 1.518 2.509 1.075.553.237-.334.5L10.434 13h1.875l-.362.724-.707 1.413a17.14 17.14 0 0 0 2.056-1.504c1.772-1.523 3.33-3.594 3.107-6.045l-.001-.008c-.118-1.539-.578-2.278-1.06-2.629-.49-.356-1.154-.424-1.92-.282-.761.14-1.53.47-2.122.778-.147.076-.282.15-.4.218ZM9.817 15.75a17.457 17.457 0 0 1-3.112-2.118c-1.771-1.522-3.33-3.593-3.106-6.044.14-1.539.608-2.282 1.098-2.636.495-.358 1.158-.424 1.917-.283.754.14 1.512.469 2.098.777.112.059.217.116.313.17l1.982 1.322-3.23 1.615-.964.482.991.425 2.948 1.263-1.667 2.5-.518.777h2.125l-.875 1.75Z"
clipRule="evenodd"
/>
</svg>
)
})
export default SvgHeartBreakIcon

2
packages/icons/src/heart-icon.tsx
View File

@ -14,7 +14,7 @@ const SvgHeartIcon = createIcon(props => {
> >
<path <path
fill={props.color} fill={props.color}
d="m10 16.007-.253.544.253.117.253-.117-.253-.544ZM3 7.024l.598.054L3 7.024Zm14 0-.598.046v.008L17 7.024Zm-7-2.017-.345.49.343.241.344-.238L10 5.007Zm0 11 .253-.544-.003-.002a1.327 1.327 0 0 0-.07-.034l-.225-.113a17.458 17.458 0 0 1-3.252-2.191C4.934 11.6 3.376 9.529 3.599 7.078l-1.196-.109c-.277 3.05 1.665 5.47 3.52 7.064a18.648 18.648 0 0 0 3.73 2.472l.068.033.02.009.005.003h.001l.254-.543Zm0 0 .253.544.002-.001.006-.003.019-.009a7.928 7.928 0 0 0 .318-.16 18.652 18.652 0 0 0 3.48-2.346c1.855-1.593 3.797-4.013 3.52-7.063l-1.195.109c.222 2.45-1.336 4.522-3.107 6.045A17.461 17.461 0 0 1 9.75 15.46l-.003.001.253.545Zm7.598-9.03c-.132-1.723-.672-2.867-1.55-3.506-.869-.633-1.924-.662-2.844-.492-.927.17-1.816.56-2.457.893a12.177 12.177 0 0 0-1.081.636l-.005.004h-.002v.001l.341.494.342.493.002-.002a10.97 10.97 0 0 1 .956-.562c.593-.307 1.36-.637 2.121-.777.767-.142 1.431-.074 1.921.282.482.351.942 1.09 1.06 2.629l1.196-.092Zm-14 .101c.14-1.539.608-2.282 1.098-2.636.495-.358 1.158-.424 1.917-.283.754.14 1.512.469 2.098.777a10.684 10.684 0 0 1 .942.56l.002.002.345-.491.345-.491-.002-.002c-.002 0-.003-.002-.005-.003a1.632 1.632 0 0 0-.077-.052 11.88 11.88 0 0 0-.992-.585c-.635-.334-1.515-.724-2.437-.895-.917-.17-1.967-.14-2.84.491-.879.636-1.433 1.776-1.59 3.5l1.196.108Z" d="m10 16.517-.253.544.253.117.253-.117-.253-.544ZM3 7.534l.598.054L3 7.534Zm14 0-.598.046v.008L17 7.534Zm-7-2.017-.345.49.343.241.344-.238L10 5.517Zm0 11 .253-.544-.003-.002a1.327 1.327 0 0 0-.07-.034c-.051-.024-.127-.063-.225-.113a17.45 17.45 0 0 1-3.252-2.191c-1.77-1.523-3.328-3.594-3.105-6.045l-1.196-.109c-.277 3.05 1.665 5.47 3.52 7.064a18.654 18.654 0 0 0 3.73 2.472l.068.033.02.009.005.003h.001l.254-.543Zm0 0a78.287 78.287 0 0 0 .254.543h.001l.006-.003.019-.009a7.928 7.928 0 0 0 .318-.16 18.659 18.659 0 0 0 3.48-2.346c1.855-1.593 3.797-4.013 3.52-7.063l-1.195.109c.222 2.45-1.336 4.522-3.107 6.045A17.453 17.453 0 0 1 9.75 15.97l-.003.001.253.545Zm7.598-9.03c-.132-1.723-.672-2.867-1.55-3.506-.869-.633-1.924-.662-2.844-.492-.927.17-1.816.56-2.457.893a12.177 12.177 0 0 0-1.081.636l-.005.004h-.002v.001l.341.494.342.493.002-.002a10.97 10.97 0 0 1 .956-.562c.593-.307 1.36-.637 2.121-.777.767-.142 1.431-.074 1.921.282.482.351.942 1.09 1.06 2.629l1.196-.092Zm-14 .101c.14-1.538.608-2.282 1.098-2.636.495-.358 1.158-.424 1.917-.283.754.14 1.512.469 2.098.777a10.684 10.684 0 0 1 .942.56l.002.002.345-.491.345-.491-.002-.002c-.002 0-.003-.002-.005-.003a1.632 1.632 0 0 0-.077-.052 11.886 11.886 0 0 0-.992-.585c-.635-.334-1.515-.724-2.437-.895-.917-.17-1.967-.14-2.84.491-.879.636-1.433 1.776-1.59 3.5l1.196.108Z"
/> />
</svg> </svg>
) )

30
packages/icons/src/hourglass-icon.tsx Normal file
View File

@ -0,0 +1,30 @@
import { createIcon } from '../lib/create-icon'
const SvgHourglassIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<path
fill={props.color}
d="M6 5h8V3H6v2Zm0 12h8v-2H6v2Z"
opacity={0.12}
/>
<path
fill={props.color}
fillRule="evenodd"
d="M16 2.4H4v1.2h.925c.01.16.026.349.049.558.073.68.22 1.599.517 2.526C5.882 7.9 6.58 9.245 7.797 10c-1.218.755-1.915 2.1-2.306 3.316a12.9 12.9 0 0 0-.517 2.526c-.023.21-.038.397-.05.558H4v1.2h12v-1.2h-.925a12.02 12.02 0 0 0-.049-.558c-.073-.68-.22-1.599-.517-2.526-.392-1.216-1.088-2.561-2.306-3.316 1.218-.755 1.915-2.1 2.306-3.316.297-.927.444-1.845.517-2.526.023-.21.038-.397.049-.558H16V2.4Zm-2.128 1.2H6.128a13.2 13.2 0 0 0 .084.8h7.576a13.332 13.332 0 0 0 .084-.8Zm-.306 2H6.434c.057.236.123.477.2.716C7.175 8.001 8.16 9.4 10 9.4c1.839 0 2.825-1.4 3.366-3.084.077-.24.143-.48.2-.716Zm.306 10.8a12.792 12.792 0 0 0-.084-.8H6.212a13.382 13.382 0 0 0-.084.8h7.744Zm-.506-2.716c.077.24.143.48.2.716H6.434c.057-.236.123-.477.2-.716C7.175 11.999 8.16 10.6 10 10.6c1.839 0 2.825 1.4 3.366 3.084Z"
clipRule="evenodd"
/>
</svg>
)
})
export default SvgHourglassIcon

31
packages/icons/src/index.ts
View File

@ -37,6 +37,7 @@ export { default as ChartIcon } from './chart-icon'
export { default as ChatkeyIcon } from './chatkey-icon' export { default as ChatkeyIcon } from './chatkey-icon'
export { default as CheckCircleIcon } from './check-circle-icon' export { default as CheckCircleIcon } from './check-circle-icon'
export { default as CheckIcon } from './check-icon' export { default as CheckIcon } from './check-icon'
export { default as ChecktokenIcon } from './checktoken-icon'
export { default as ChevronDownIcon } from './chevron-down-icon' export { default as ChevronDownIcon } from './chevron-down-icon'
export { default as ChevronLeftIcon } from './chevron-left-icon' export { default as ChevronLeftIcon } from './chevron-left-icon'
export { default as ChevronRightIcon } from './chevron-right-icon' export { default as ChevronRightIcon } from './chevron-right-icon'
@ -60,11 +61,14 @@ export { default as CommandIcon } from './command-icon'
export { default as CommunitiesIcon } from './communities-icon' export { default as CommunitiesIcon } from './communities-icon'
export { default as CompactIcon } from './compact-icon' export { default as CompactIcon } from './compact-icon'
export { default as CompleteIdIcon } from './complete-id-icon' export { default as CompleteIdIcon } from './complete-id-icon'
export { default as ConfettiColorfulIcon } from './confetti-colorful-icon'
export { default as ConfettiIcon } from './confetti-icon'
export { default as ConnectionIcon } from './connection-icon' export { default as ConnectionIcon } from './connection-icon'
export { default as ContactBookIcon } from './contact-book-icon' export { default as ContactBookIcon } from './contact-book-icon'
export { default as ContactIcon } from './contact-icon' export { default as ContactIcon } from './contact-icon'
export { default as CopyIcon } from './copy-icon' export { default as CopyIcon } from './copy-icon'
export { default as CorrectIcon } from './correct-icon' export { default as CorrectIcon } from './correct-icon'
export { default as CrossCircleIcon } from './cross-circle-icon'
export { default as CrownIcon } from './crown-icon' export { default as CrownIcon } from './crown-icon'
export { default as CustomizeIcon } from './customize-icon' export { default as CustomizeIcon } from './customize-icon'
export { default as DarkIcon } from './dark-icon' export { default as DarkIcon } from './dark-icon'
@ -75,6 +79,7 @@ export { default as DecreaseWindowsIcon } from './decrease-windows-icon'
export { default as DeleteIcon } from './delete-icon' export { default as DeleteIcon } from './delete-icon'
export { default as DesktopIcon } from './desktop-icon' export { default as DesktopIcon } from './desktop-icon'
export { default as DestroyIcon } from './destroy-icon' export { default as DestroyIcon } from './destroy-icon'
export { default as DisconnectIcon } from './disconnect-icon'
export { default as DockIcon } from './dock-icon' export { default as DockIcon } from './dock-icon'
export { default as DoneIcon } from './done-icon' export { default as DoneIcon } from './done-icon'
export { default as DownloadIcon } from './download-icon' export { default as DownloadIcon } from './download-icon'
@ -90,6 +95,7 @@ export { default as ExpandRsIcon } from './expand-rs-icon'
export { default as ExpandTopbarIcon } from './expand-topbar-icon' export { default as ExpandTopbarIcon } from './expand-topbar-icon'
export { default as ExternalIcon } from './external-icon' export { default as ExternalIcon } from './external-icon'
export { default as FaceIdIcon } from './face-id-icon' export { default as FaceIdIcon } from './face-id-icon'
export { default as FacebookIcon } from './facebook-icon'
export { default as FaceidKeyIcon } from './faceid-key-icon' export { default as FaceidKeyIcon } from './faceid-key-icon'
export { default as FavouriteIcon } from './favourite-icon' export { default as FavouriteIcon } from './favourite-icon'
export { default as FeedIcon } from './feed-icon' export { default as FeedIcon } from './feed-icon'
@ -99,6 +105,7 @@ export { default as FlashIcon } from './flash-icon'
export { default as FlashOffIcon } from './flash-off-icon' export { default as FlashOffIcon } from './flash-off-icon'
export { default as FlashlightOffIcon } from './flashlight-off-icon' export { default as FlashlightOffIcon } from './flashlight-off-icon'
export { default as FlashlightOnIcon } from './flashlight-on-icon' export { default as FlashlightOnIcon } from './flashlight-on-icon'
export { default as FlickrIcon } from './flickr-icon'
export { default as FlipIcon } from './flip-icon' export { default as FlipIcon } from './flip-icon'
export { default as FocusIcon } from './focus-icon' export { default as FocusIcon } from './focus-icon'
export { default as FolderIcon } from './folder-icon' export { default as FolderIcon } from './folder-icon'
@ -110,13 +117,16 @@ export { default as GasIcon } from './gas-icon'
export { default as GavelIcon } from './gavel-icon' export { default as GavelIcon } from './gavel-icon'
export { default as GifIcon } from './gif-icon' export { default as GifIcon } from './gif-icon'
export { default as GiftIcon } from './gift-icon' export { default as GiftIcon } from './gift-icon'
export { default as GithubIcon } from './github-icon'
export { default as GlobeIcon } from './globe-icon' export { default as GlobeIcon } from './globe-icon'
export { default as HashtagIcon } from './hashtag-icon' export { default as HashtagIcon } from './hashtag-icon'
export { default as HeartBreakIcon } from './heart-break-icon'
export { default as HeartIcon } from './heart-icon' export { default as HeartIcon } from './heart-icon'
export { default as HelpIcon } from './help-icon' export { default as HelpIcon } from './help-icon'
export { default as HideIcon } from './hide-icon' export { default as HideIcon } from './hide-icon'
export { default as HistoryIcon } from './history-icon' export { default as HistoryIcon } from './history-icon'
export { default as HoldIcon } from './hold-icon' export { default as HoldIcon } from './hold-icon'
export { default as HourglassIcon } from './hourglass-icon'
export { default as ImageIcon } from './image-icon' export { default as ImageIcon } from './image-icon'
export { default as ImportIcon } from './import-icon' export { default as ImportIcon } from './import-icon'
export { default as InactiveIcon } from './inactive-icon' export { default as InactiveIcon } from './inactive-icon'
@ -124,6 +134,7 @@ export { default as InactiveLeftIcon } from './inactive-left-icon'
export { default as IncorrectIcon } from './incorrect-icon' export { default as IncorrectIcon } from './incorrect-icon'
export { default as InfoBadgeIcon } from './info-badge-icon' export { default as InfoBadgeIcon } from './info-badge-icon'
export { default as InfoIcon } from './info-icon' export { default as InfoIcon } from './info-icon'
export { default as IntagramIcon } from './intagram-icon'
export { default as ItalicIcon } from './italic-icon' export { default as ItalicIcon } from './italic-icon'
export { default as JustifyIcon } from './justify-icon' export { default as JustifyIcon } from './justify-icon'
export { default as KeyIcon } from './key-icon' export { default as KeyIcon } from './key-icon'
@ -131,11 +142,14 @@ export { default as KeyboardIcon } from './keyboard-icon'
export { default as KeycardIcon } from './keycard-icon' export { default as KeycardIcon } from './keycard-icon'
export { default as KeycardLogoIcon } from './keycard-logo-icon' export { default as KeycardLogoIcon } from './keycard-logo-icon'
export { default as KickUserIcon } from './kick-user-icon' export { default as KickUserIcon } from './kick-user-icon'
export { default as LanguageIcon } from './language-icon'
export { default as LaptopIcon } from './laptop-icon' export { default as LaptopIcon } from './laptop-icon'
export { default as LaughIcon } from './laugh-icon' export { default as LaughIcon } from './laugh-icon'
export { default as LeftAlignIcon } from './left-align-icon' export { default as LeftAlignIcon } from './left-align-icon'
export { default as LensIcon } from './lens-icon'
export { default as LightIcon } from './light-icon' export { default as LightIcon } from './light-icon'
export { default as LinkIcon } from './link-icon' export { default as LinkIcon } from './link-icon'
export { default as LinkedinIcon } from './linkedin-icon'
export { default as ListViewCollapsedIcon } from './list-view-collapsed-icon' export { default as ListViewCollapsedIcon } from './list-view-collapsed-icon'
export { default as ListViewIcon } from './list-view-icon' export { default as ListViewIcon } from './list-view-icon'
export { default as LoadingIcon } from './loading-icon' export { default as LoadingIcon } from './loading-icon'
@ -149,9 +163,11 @@ export { default as MembersIcon } from './members-icon'
export { default as MentionIcon } from './mention-icon' export { default as MentionIcon } from './mention-icon'
export { default as MenuIcon } from './menu-icon' export { default as MenuIcon } from './menu-icon'
export { default as MessagesIcon } from './messages-icon' export { default as MessagesIcon } from './messages-icon'
export { default as MessengerIcon } from './messenger-icon'
export { default as MinimizeMacOsIcon } from './minimize-mac-os-icon' export { default as MinimizeMacOsIcon } from './minimize-mac-os-icon'
export { default as MinimizeWindowsIcon } from './minimize-windows-icon' export { default as MinimizeWindowsIcon } from './minimize-windows-icon'
export { default as MintIcon } from './mint-icon' export { default as MintIcon } from './mint-icon'
export { default as MirrorIcon } from './mirror-icon'
export { default as MobileIcon } from './mobile-icon' export { default as MobileIcon } from './mobile-icon'
export { default as MultiProfileIcon } from './multi-profile-icon' export { default as MultiProfileIcon } from './multi-profile-icon'
export { default as MutedIcon } from './muted-icon' export { default as MutedIcon } from './muted-icon'
@ -169,6 +185,7 @@ export { default as NumberedListIcon } from './numbered-list-icon'
export { default as OnlineIcon } from './online-icon' export { default as OnlineIcon } from './online-icon'
export { default as OnlineLeftIcon } from './online-left-icon' export { default as OnlineLeftIcon } from './online-left-icon'
export { default as OpenIcon } from './open-icon' export { default as OpenIcon } from './open-icon'
export { default as OpenseaIcon } from './opensea-icon'
export { default as OptionsCircleIcon } from './options-circle-icon' export { default as OptionsCircleIcon } from './options-circle-icon'
export { default as OptionsIcon } from './options-icon' export { default as OptionsIcon } from './options-icon'
export { default as PalleteIcon } from './pallete-icon' export { default as PalleteIcon } from './pallete-icon'
@ -178,16 +195,20 @@ export { default as PendingIcon } from './pending-icon'
export { default as PendingStateIcon } from './pending-state-icon' export { default as PendingStateIcon } from './pending-state-icon'
export { default as PendingUserIcon } from './pending-user-icon' export { default as PendingUserIcon } from './pending-user-icon'
export { default as PinIcon } from './pin-icon' export { default as PinIcon } from './pin-icon'
export { default as PinterestIcon } from './pinterest-icon'
export { default as PlaceholderIcon } from './placeholder-icon' export { default as PlaceholderIcon } from './placeholder-icon'
export { default as PlayIcon } from './play-icon' export { default as PlayIcon } from './play-icon'
export { default as PopupIcon } from './popup-icon'
export { default as PositiveStateIcon } from './positive-state-icon' export { default as PositiveStateIcon } from './positive-state-icon'
export { default as PrivacyIcon } from './privacy-icon' export { default as PrivacyIcon } from './privacy-icon'
export { default as ProfileIcon } from './profile-icon' export { default as ProfileIcon } from './profile-icon'
export { default as PullupIcon } from './pullup-icon' export { default as PullupIcon } from './pullup-icon'
export { default as QrCodeIcon } from './qr-code-icon' export { default as QrCodeIcon } from './qr-code-icon'
export { default as RaribleIcon } from './rarible-icon'
export { default as ReactionIcon } from './reaction-icon' export { default as ReactionIcon } from './reaction-icon'
export { default as ReceiveIcon } from './receive-icon' export { default as ReceiveIcon } from './receive-icon'
export { default as RecentIcon } from './recent-icon' export { default as RecentIcon } from './recent-icon'
export { default as RedditIcon } from './reddit-icon'
export { default as RefreshIcon } from './refresh-icon' export { default as RefreshIcon } from './refresh-icon'
export { default as RelaxedIcon } from './relaxed-icon' export { default as RelaxedIcon } from './relaxed-icon'
export { default as RemoveUserIcon } from './remove-user-icon' export { default as RemoveUserIcon } from './remove-user-icon'
@ -210,13 +231,17 @@ export { default as SendIcon } from './send-icon'
export { default as SettingsIcon } from './settings-icon' export { default as SettingsIcon } from './settings-icon'
export { default as ShareIcon } from './share-icon' export { default as ShareIcon } from './share-icon'
export { default as SignatureIcon } from './signature-icon' export { default as SignatureIcon } from './signature-icon'
export { default as SnapchatIcon } from './snapchat-icon'
export { default as SortIcon } from './sort-icon' export { default as SortIcon } from './sort-icon'
export { default as SpeedIcon } from './speed-icon' export { default as SpeedIcon } from './speed-icon'
export { default as SpotifyIcon } from './spotify-icon'
export { default as StatusIcon } from './status-icon' export { default as StatusIcon } from './status-icon'
export { default as StatusLogoIcon } from './status-logo-icon'
export { default as StickersIcon } from './stickers-icon' export { default as StickersIcon } from './stickers-icon'
export { default as StopIcon } from './stop-icon' export { default as StopIcon } from './stop-icon'
export { default as StrikethroughIcon } from './strikethrough-icon' export { default as StrikethroughIcon } from './strikethrough-icon'
export { default as SubscriptIcon } from './subscript-icon' export { default as SubscriptIcon } from './subscript-icon'
export { default as SuperareIcon } from './superare-icon'
export { default as SuperscriptIcon } from './superscript-icon' export { default as SuperscriptIcon } from './superscript-icon'
export { default as SwapIcon } from './swap-icon' export { default as SwapIcon } from './swap-icon'
export { default as SyncingIcon } from './syncing-icon' export { default as SyncingIcon } from './syncing-icon'
@ -231,6 +256,9 @@ export { default as TokenSalesIcon } from './token-sales-icon'
export { default as TopbarDockIcon } from './topbar-dock-icon' export { default as TopbarDockIcon } from './topbar-dock-icon'
export { default as TopbarIcon } from './topbar-icon' export { default as TopbarIcon } from './topbar-icon'
export { default as TrashIcon } from './trash-icon' export { default as TrashIcon } from './trash-icon'
export { default as TumblrIcon } from './tumblr-icon'
export { default as TwitchIcon } from './twitch-icon'
export { default as TwitterIcon } from './twitter-icon'
export { default as UblockUserIcon } from './ublock-user-icon' export { default as UblockUserIcon } from './ublock-user-icon'
export { default as UnblockIcon } from './unblock-icon' export { default as UnblockIcon } from './unblock-icon'
export { default as UnderlineIcon } from './underline-icon' export { default as UnderlineIcon } from './underline-icon'
@ -245,3 +273,6 @@ export { default as WaffleIcon } from './waffle-icon'
export { default as WalletIcon } from './wallet-icon' export { default as WalletIcon } from './wallet-icon'
export { default as WarningIcon } from './warning-icon' export { default as WarningIcon } from './warning-icon'
export { default as WorldIcon } from './world-icon' export { default as WorldIcon } from './world-icon'
export { default as YoutubeIcon } from './youtube-icon'
export { default as ZoomInIcon } from './zoom-in-icon'
export { default as ZoomOutIcon } from './zoom-out-icon'

30
packages/icons/src/intagram-icon.tsx Normal file
View File

@ -0,0 +1,30 @@
import { createIcon } from '../lib/create-icon'
const SvgIntagramIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<g clipPath="url(#intagram-icon_svg__a)">
<path
fill={props.color}
d="M6.667 10a3.333 3.333 0 1 1 6.667 0 3.333 3.333 0 0 1-6.667 0Zm-1.802 0a5.135 5.135 0 1 0 10.27 0 5.135 5.135 0 0 0-10.27 0Zm9.274-5.338a1.2 1.2 0 1 0 1.2-1.2 1.2 1.2 0 0 0-1.2 1.2ZM5.96 18.14c-.975-.045-1.505-.207-1.857-.344a3.11 3.11 0 0 1-1.15-.748 3.086 3.086 0 0 1-.748-1.15c-.137-.352-.3-.882-.344-1.857-.049-1.054-.058-1.37-.058-4.04 0-2.671.01-2.987.058-4.042.044-.975.208-1.504.344-1.857.182-.467.398-.8.748-1.15.35-.35.682-.567 1.15-.748.352-.138.882-.3 1.857-.344C7.014 1.81 7.331 1.8 10 1.8c2.67 0 2.987.01 4.042.059.975.044 1.504.208 1.857.344.467.18.8.398 1.15.748.35.35.566.683.748 1.15.137.352.3.882.344 1.857.049 1.055.058 1.37.058 4.041 0 2.67-.01 2.986-.058 4.041-.044.975-.207 1.505-.344 1.857a3.1 3.1 0 0 1-.748 1.15 3.11 3.11 0 0 1-1.15.748c-.352.137-.882.3-1.857.344-1.054.048-1.371.058-4.042.058-2.67 0-2.986-.01-4.04-.058ZM5.877.06C4.813.11 4.085.279 3.45.526a4.905 4.905 0 0 0-1.77 1.152A4.886 4.886 0 0 0 .525 3.45C.278 4.086.11 4.813.061 5.877.01 6.943 0 7.284 0 10s.011 3.057.06 4.123c.049 1.064.218 1.791.465 2.427a4.888 4.888 0 0 0 1.154 1.771 4.916 4.916 0 0 0 1.771 1.154c.637.247 1.363.416 2.427.464C6.944 19.988 7.285 20 10 20c2.716 0 3.057-.011 4.123-.06 1.065-.049 1.792-.218 2.428-.465a4.918 4.918 0 0 0 1.771-1.154 4.9 4.9 0 0 0 1.154-1.77c.247-.637.417-1.364.464-2.428.049-1.067.06-1.407.06-4.123s-.011-3.057-.06-4.123c-.048-1.064-.217-1.792-.464-2.427a4.917 4.917 0 0 0-1.154-1.772 4.893 4.893 0 0 0-1.77-1.153c-.637-.247-1.364-.417-2.428-.464C13.058.012 12.717 0 10.001 0S6.944.011 5.877.06Z"
/>
</g>
<defs>
<clipPath id="intagram-icon_svg__a">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
)
})
export default SvgIntagramIcon

25
packages/icons/src/language-icon.tsx Normal file
View File

@ -0,0 +1,25 @@
import { createIcon } from '../lib/create-icon'
const SvgLanguageIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<path
fill={props.color}
fillRule="evenodd"
d="M13.9 3v1.4h-2.4v1.2h5.363c-.1 1.457-.293 2.808-.575 3.972-.324 1.339-.757 2.387-1.268 3.068-.298.397-.6.777-.908 1.123a66.027 66.027 0 0 1-.188-.187c-.9-.9-1.52-2.12-1.836-3.694l-1.176.236c.351 1.759 1.064 3.207 2.164 4.306l.02.02.162.163-.016.013c-.615.513-1.19.78-1.742.78v1.2c.949 0 1.791-.458 2.51-1.058a5.5 5.5 0 0 0 .14-.12c.81.651 1.83 1.178 3.35 1.178v-1.2c-1.102 0-1.846-.335-2.496-.834.344-.385.67-.797.976-1.206.65-.868 1.133-2.095 1.474-3.506.345-1.42.558-3.072.645-4.824l.031-.63H15.1V3h-1.2Zm-9.374.9h2.948l.11.461L7 4.5l.584-.139v.002l.001.006.006.022.02.089.08.336a421.36 421.36 0 0 1 1.145 4.991 175.5 175.5 0 0 1 .862 4.07c.118.6.217 1.142.287 1.583.068.427.115.799.115 1.04H8.9c0-.134-.031-.418-.1-.852-.067-.42-.163-.946-.28-1.54-.148-.757-.328-1.619-.52-2.508H4c-.192.889-.372 1.751-.52 2.508-.117.594-.213 1.12-.28 1.54-.069.434-.1.718-.1.852H1.9c0-.241.047-.613.115-1.04.07-.441.169-.982.287-1.583.236-1.203.55-2.662.862-4.07a404.329 404.329 0 0 1 1.144-4.99l.08-.337.021-.089.005-.022.002-.006v-.001L5 4.5l-.584-.139.11-.461Zm3.138 6.168.074.332H4.262l.074-.332A402.767 402.767 0 0 1 5.475 5.1h1.05a418.63 418.63 0 0 1 1.14 4.968Z"
clipRule="evenodd"
/>
</svg>
)
})
export default SvgLanguageIcon

16
packages/icons/src/laugh-icon.tsx
View File

@ -8,28 +8,28 @@ const SvgLaughIcon = createIcon(props => {
width={props.width} width={props.width}
height={props.height} height={props.height}
fill="none" fill="none"
viewBox="0 0 12 12" viewBox="0 0 20 20"
focusable={false} focusable={false}
aria-hidden={true} aria-hidden={true}
> >
<circle cx={6} cy={6} r={6} fill="#FFD764" /> <circle cx={10} cy={10} r={10} fill="#FFD764" />
<circle cx={6} cy={6} r={6} fill="url(#laugh-icon_svg__a)" /> <circle cx={10} cy={10} r={10} fill="url(#laugh-icon_svg__a)" />
<path <path
fill="#772622" fill="#772622"
d="M9.375 7.313c0 1.656-1.875 2.812-3.375 2.812S2.625 8.969 2.625 7.312c0-.75 1.688-1.125 3.375-1.125 1.688 0 3.375.375 3.375 1.125Z" d="M15.625 12.188c0 2.76-3.125 4.687-5.625 4.687s-5.625-1.926-5.625-4.688c0-1.25 2.813-1.874 5.625-1.874 2.813 0 5.625.624 5.625 1.874Z"
/> />
<path <path
fill="#fff" fill="#fff"
d="M8.01 7.03c-.33-.11-1-.28-2.01-.28-1.01 0-1.68.17-2.01.28-.135.047-.188.199-.124.327a.258.258 0 0 0 .231.143h3.806a.258.258 0 0 0 .231-.143c.064-.128.01-.28-.125-.326Z" d="M13.349 11.718c-.55-.185-1.667-.468-3.349-.468-1.682 0-2.799.283-3.349.468-.226.076-.315.33-.208.543a.43.43 0 0 0 .386.239h6.342a.43.43 0 0 0 .386-.239c.107-.213.018-.467-.208-.543Z"
/> />
<path <path
fill="#E45852" fill="#E45852"
d="M7.104 8.914a.223.223 0 0 1-.017.402A2.552 2.552 0 0 1 6 9.562c-.38 0-.752-.088-1.087-.246a.223.223 0 0 1-.017-.402A2.24 2.24 0 0 1 6 8.625c.401 0 .778.105 1.104.29Z" d="M11.84 14.857a.372.372 0 0 1-.028.67 4.253 4.253 0 0 1-1.812.41 4.253 4.253 0 0 1-1.812-.41.372.372 0 0 1-.028-.67 3.734 3.734 0 0 1 1.84-.482c.669 0 1.297.175 1.84.482Z"
/> />
<path <path
fill="#424242" fill="#424242"
fillRule="evenodd" fillRule="evenodd"
d="M3.076 3.493a.328.328 0 0 1 .462-.042l1.125.938a.328.328 0 0 1-.21.58c-.52 0-1.278.168-1.7.433a.328.328 0 1 1-.349-.557c.29-.18.668-.317 1.05-.407.078-.018.103-.117.042-.168l-.378-.315a.328.328 0 0 1-.042-.462Zm5.848 0a.328.328 0 0 0-.462-.042l-1.125.938a.328.328 0 0 0 .21.58c.52 0 1.278.168 1.7.433a.328.328 0 1 0 .349-.557c-.29-.18-.668-.317-1.05-.407-.078-.018-.103-.117-.042-.168l.378-.315a.328.328 0 0 0 .042-.462Z" d="M5.127 5.822a.547.547 0 0 1 .77-.07l1.875 1.562a.547.547 0 0 1-.35.967c-.867 0-2.13.281-2.835.722a.547.547 0 1 1-.58-.928c.482-.3 1.113-.529 1.75-.678.129-.03.17-.196.07-.28l-.63-.525a.547.547 0 0 1-.07-.77Zm9.746 0a.547.547 0 0 0-.77-.07l-1.875 1.562a.547.547 0 0 0 .35.967c.867 0 2.13.281 2.835.722a.547.547 0 0 0 .58-.928c-.482-.3-1.114-.529-1.75-.678-.129-.03-.17-.196-.07-.28l.63-.525a.547.547 0 0 0 .07-.77Z"
clipRule="evenodd" clipRule="evenodd"
/> />
<defs> <defs>
@ -38,7 +38,7 @@ const SvgLaughIcon = createIcon(props => {
cx={0} cx={0}
cy={0} cy={0}
r={1} r={1}
gradientTransform="rotate(124.563 3.39 3.337) scale(10.2458 13.3012)" gradientTransform="rotate(124.563 5.651 5.561) scale(17.0763 22.1686)"
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
> >
<stop stopColor="#FFD764" /> <stop stopColor="#FFD764" />

31
packages/icons/src/lens-icon.tsx Normal file
View File

@ -0,0 +1,31 @@
import { createIcon } from '../lib/create-icon'
const SvgLensIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<path
fill={props.color}
d="M9.727 12.628c-.184 0-4.554-.039-7.897-3.383-.07-.07-.14-.14-.207-.213C.923 8.295.59 7.417.66 6.494c.062-.814.438-1.603 1.055-2.222.617-.618 1.408-.993 2.222-1.055.852-.063 1.667.214 2.37.809.075-.917.453-1.691 1.102-2.247.62-.532 1.44-.824 2.317-.824.877 0 1.699.292 2.318.824.649.557 1.027 1.33 1.103 2.247.702-.595 1.517-.877 2.37-.809.814.062 1.602.438 2.22 1.055.619.617.995 1.408 1.056 2.222.071.923-.262 1.8-.961 2.54-.068.07-.137.143-.208.213-3.343 3.342-7.713 3.38-7.898 3.38ZM4.179 3.902c-.757 0-1.469.352-1.975.858-.91.91-1.323 2.487-.08 3.8.063.068.128.134.194.2 3.143 3.142 7.367 3.178 7.41 3.178.041 0 4.274-.043 7.41-3.178.066-.066.13-.133.194-.2 1.242-1.315.83-2.89-.08-3.8-.91-.91-2.487-1.324-3.803-.08-.12.112-.236.228-.349.348l-.653.693.026-.95c0-.073.004-.145.004-.219 0-.094 0-.188-.004-.278-.05-1.808-1.458-2.631-2.744-2.631-1.288 0-2.693.823-2.744 2.63 0 .093-.004.188-.004.28 0 .07 0 .14.004.212l.025.956-.654-.69a9.136 9.136 0 0 0-.35-.35C5.42 4.125 4.784 3.9 4.18 3.9Z"
/>
<path
fill={props.color}
d="M9.286 8.979h-.502c0-.746-.726-1.354-1.618-1.354-.892 0-1.618.608-1.618 1.354h-.501c0-1.023.95-1.855 2.119-1.855 1.169 0 2.12.832 2.12 1.855Zm5.094-.021h-.5c0-.746-.727-1.353-1.62-1.353-.892 0-1.618.607-1.618 1.353h-.5c0-1.022.95-1.854 2.119-1.854 1.168 0 2.12.832 2.12 1.854Z"
/>
<path
fill={props.color}
d="M7.743 8.989a.72.72 0 1 0 0-1.442.72.72 0 0 0 0 1.442Zm5.06 0a.72.72 0 1 0 0-1.441.72.72 0 0 0 0 1.44ZM9.726 10.82c-.59 0-1.138-.303-1.394-.773l.439-.24c.17.314.544.512.954.512.41 0 .785-.2.954-.511l.438.24c-.253.469-.798.772-1.39.772Zm8.98 6.946a6.256 6.256 0 0 1-4.024.438 6.148 6.148 0 0 1-2.967-1.606 4.222 4.222 0 0 0 1.638.322c.971 0 1.919-.302 2.711-.864l-.402-.56c-1.084.78-2.576.968-3.752.436-1.162-.523-1.817-1.642-1.859-3.16v-.489h-.688v.486c-.04 1.52-.697 2.64-1.86 3.163-1.177.53-2.67.345-3.752-.438l-.402.56a4.681 4.681 0 0 0 2.71.865 4.222 4.222 0 0 0 1.639-.322 6.146 6.146 0 0 1-2.968 1.607 6.257 6.257 0 0 1-4.023-.439l-.294.623a6.92 6.92 0 0 0 4.469.488 6.845 6.845 0 0 0 3.876-2.426l.005-.006c.229-.3.43-.62.6-.958v3.546h.69v-3.54c.17.335.37.654.598.953l.005.006a6.846 6.846 0 0 0 3.876 2.426A6.938 6.938 0 0 0 19 18.389l-.295-.623Z"
/>
</svg>
)
})
export default SvgLensIcon

34
packages/icons/src/linkedin-icon.tsx Normal file
View File

@ -0,0 +1,34 @@
import { createIcon } from '../lib/create-icon'
const SvgLinkedinIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<g clipPath="url(#linkedin-icon_svg__a)">
<path
fill={props.color}
d="M10 0c8.667 0 10 1.333 10 10s-1.333 10-10 10S0 18.667 0 10 1.333 0 10 0Z"
/>
<path
fill="#fff"
d="M5.752 8.526h1.813v5.837H5.752V8.526Zm.924-2.901a1.053 1.053 0 0 1 1.032 1.252 1.049 1.049 0 0 1-.823.826 1.053 1.053 0 0 1-1.26-1.023 1.047 1.047 0 0 1 1.051-1.055Zm2.049 2.9h1.746v.797a1.908 1.908 0 0 1 1.723-.941c1.812 0 2.181 1.206 2.181 2.78v3.202h-1.813V11.54c0-.676 0-1.55-.942-1.55-.943 0-1.088.736-1.088 1.495v2.889H8.719l.006-5.85Z"
/>
</g>
<defs>
<clipPath id="linkedin-icon_svg__a">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
)
})
export default SvgLinkedinIcon

8
packages/icons/src/love-icon.tsx
View File

@ -8,17 +8,17 @@ const SvgLoveIcon = createIcon(props => {
width={props.width} width={props.width}
height={props.height} height={props.height}
fill="none" fill="none"
viewBox="0 0 12 12" viewBox="0 0 20 20"
focusable={false} focusable={false}
aria-hidden={true} aria-hidden={true}
> >
<path <path
fill="#E45852" fill="#E45852"
d="M.375 4.125C.375 7.5 4.343 11.25 6 11.25s5.625-3.75 5.625-7.125c0-1.657-1.125-3-2.625-3-1.318 0-2.438.594-2.84 1.875-.08.188-.12.188-.16.188-.04 0-.08 0-.16-.188C5.439 1.719 4.319 1.125 3 1.125c-1.5 0-2.625 1.343-2.625 3Z" d="M.625 6.875C.625 12.5 7.239 18.75 10 18.75s9.375-6.25 9.375-11.875c0-2.761-1.875-5-4.375-5-2.197 0-4.063.99-4.734 3.125-.133.313-.2.313-.266.313s-.133 0-.266-.313C9.064 2.864 7.197 1.875 5 1.875c-2.5 0-4.375 2.239-4.375 5Z"
/> />
<path <path
fill="url(#love-icon_svg__a)" fill="url(#love-icon_svg__a)"
d="M.375 4.125C.375 7.5 4.343 11.25 6 11.25s5.625-3.75 5.625-7.125c0-1.657-1.125-3-2.625-3-1.318 0-2.438.594-2.84 1.875-.08.188-.12.188-.16.188-.04 0-.08 0-.16-.188C5.439 1.719 4.319 1.125 3 1.125c-1.5 0-2.625 1.343-2.625 3Z" d="M.625 6.875C.625 12.5 7.239 18.75 10 18.75s9.375-6.25 9.375-11.875c0-2.761-1.875-5-4.375-5-2.197 0-4.063.99-4.734 3.125-.133.313-.2.313-.266.313s-.133 0-.266-.313C9.064 2.864 7.197 1.875 5 1.875c-2.5 0-4.375 2.239-4.375 5Z"
/> />
<defs> <defs>
<radialGradient <radialGradient
@ -26,7 +26,7 @@ const SvgLoveIcon = createIcon(props => {
cx={0} cx={0}
cy={0} cy={0}
r={1} r={1}
gradientTransform="matrix(-.52735 7.74098 -7.4041 -.5044 6 3.957)" gradientTransform="rotate(93.897 1.92 7.969) scale(12.9315 12.3688)"
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
> >
<stop stopColor="#F05D56" /> <stop stopColor="#F05D56" />

2
packages/icons/src/messages-icon.tsx
View File

@ -15,7 +15,7 @@ const SvgMessagesIcon = createIcon(props => {
<path <path
fill={props.color} fill={props.color}
fillRule="evenodd" fillRule="evenodd"
d="M7.8 2.4h-.026c-.818 0-1.469 0-1.993.043-.538.044-.996.136-1.415.35a3.6 3.6 0 0 0-1.574 1.573c-.213.42-.305.877-.35 1.415C2.4 6.306 2.4 6.956 2.4 7.774V9.1h11.85a3.35 3.35 0 1 0 0-6.7H7.8ZM4.91 3.862c.223-.114.505-.185.968-.223C6.348 3.6 6.95 3.6 7.8 3.6h6.45a2.15 2.15 0 0 1 0 4.3H3.6v-.1c0-.85 0-1.451.039-1.922.038-.463.11-.745.222-.968a2.4 2.4 0 0 1 1.05-1.048ZM12.2 10.9h.026c.818 0 1.468 0 1.993.043.538.044.996.136 1.415.35a3.6 3.6 0 0 1 1.573 1.573c.214.42.306.877.35 1.415.043.524.043 1.175.043 1.993V17.6H5.75a3.35 3.35 0 1 1 0-6.7h6.45Zm2.89 1.462c-.223-.114-.505-.185-.969-.223-.47-.038-1.071-.039-1.921-.039H5.75a2.15 2.15 0 0 0 0 4.3H16.4v-.1c0-.85 0-1.451-.039-1.921-.038-.464-.11-.746-.223-.969a2.4 2.4 0 0 0-1.049-1.048Z" d="M7.3 2.4h-.026c-.818 0-1.469 0-1.993.043-.538.044-.996.136-1.415.35a3.6 3.6 0 0 0-1.574 1.573c-.213.42-.305.877-.35 1.415C1.9 6.306 1.9 6.956 1.9 7.774V9.1h10.35a3.35 3.35 0 1 0 0-6.7H7.3ZM4.41 3.862c.223-.114.505-.185.968-.223C5.848 3.6 6.45 3.6 7.3 3.6h4.95a2.15 2.15 0 0 1 0 4.3H3.1v-.1c0-.85 0-1.451.039-1.922.038-.463.11-.745.222-.968a2.4 2.4 0 0 1 1.05-1.048ZM12.7 10.9h.026c.818 0 1.468 0 1.993.043.538.044.996.136 1.415.35a3.6 3.6 0 0 1 1.573 1.573c.214.42.306.877.35 1.415.043.524.043 1.175.043 1.993V17.6H7.75a3.35 3.35 0 1 1 0-6.7h4.95Zm2.89 1.462c-.223-.114-.505-.185-.969-.223-.47-.038-1.071-.039-1.921-.039H7.75a2.15 2.15 0 0 0 0 4.3h9.15v-.1c0-.85 0-1.451-.039-1.921-.038-.464-.11-.746-.223-.969a2.4 2.4 0 0 0-1.049-1.048Z"
clipRule="evenodd" clipRule="evenodd"
/> />
</svg> </svg>

25
packages/icons/src/messenger-icon.tsx Normal file
View File

@ -0,0 +1,25 @@
import { createIcon } from '../lib/create-icon'
const SvgMessengerIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<path
fill={props.color}
fillRule="evenodd"
d="M1.9 8.5a6.6 6.6 0 0 1 6.6-6.6h2.638a6.962 6.962 0 0 1 3.53 12.962l-5.364 3.155-.904.532V15.1a6.6 6.6 0 0 1-6.5-6.6Zm6.6-5.4a5.4 5.4 0 0 0 0 10.8h1.1v2.551l4.46-2.623A5.761 5.761 0 0 0 11.138 3.1H8.5ZM7 6.4h6v1.2H7V6.4Zm4.5 3H7v1.2h4.5V9.4Z"
clipRule="evenodd"
/>
</svg>
)
})
export default SvgMessengerIcon

60
packages/icons/src/mirror-icon.tsx Normal file
View File

@ -0,0 +1,60 @@
import { createIcon } from '../lib/create-icon'
const SvgMirrorIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<mask
id="mirror-icon_svg__b"
width={14}
height={18}
x={3}
y={1}
maskUnits="userSpaceOnUse"
style={{
maskType: 'alpha',
}}
>
<path
fill="url(#mirror-icon_svg__a)"
d="M3 8.024C3 4.283 6.134 1.25 10 1.25s7 3.033 7 6.774v9.697c0 .568-.476 1.029-1.064 1.029H4.064C3.476 18.75 3 18.29 3 17.72V8.025Z"
/>
</mask>
<g mask="url(#mirror-icon_svg__b)">
<path
fill={props.color}
d="M3 8.024C3 4.283 6.134 1.25 10 1.25s7 3.033 7 6.774v9.697c0 .568-.476 1.029-1.064 1.029H4.064C3.476 18.75 3 18.29 3 17.72V8.025Z"
/>
</g>
<path
fill={props.color}
fillRule="evenodd"
d="M16.168 17.91V8.043c0-3.306-2.761-5.987-6.168-5.987s-6.168 2.68-6.168 5.987v9.865c0 .019.015.034.034.034h12.268a.035.035 0 0 0 .024-.01.034.034 0 0 0 .01-.024ZM10 1.25c-3.866 0-7 3.042-7 6.794v9.865c0 .465.388.841.866.841h12.268a.854.854 0 0 0 .866-.84V8.043c0-3.752-3.134-6.794-7-6.794Z"
clipRule="evenodd"
/>
<defs>
<linearGradient
id="mirror-icon_svg__a"
x1={4.802}
x2={16.484}
y1={2.259}
y2={21.408}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.266} stopColor="#fff" stopOpacity={0} />
<stop offset={0.734} stopColor="#3E7EF7" />
</linearGradient>
</defs>
</svg>
)
})
export default SvgMirrorIcon

36
packages/icons/src/opensea-icon.tsx Normal file
View File

@ -0,0 +1,36 @@
import { createIcon } from '../lib/create-icon'
const SvgOpenseaIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<g clipPath="url(#opensea-icon_svg__a)">
<path
fill={props.color}
d="M20 10c0 5.523-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0c5.524 0 10 4.477 10 10Z"
/>
<path
fill="#fff"
fillRule="evenodd"
d="M16.25 11.736v-.644a.09.09 0 0 0-.116-.086l-3.084.88a.087.087 0 0 0-.043.025c-.33.36-.61.601-.685.665l-.005.005c-.192.16-.43.248-.68.248h-1.116v-1.123h.887a.095.095 0 0 0 .062-.023l.114-.104a5.3 5.3 0 0 0 .31-.3c.046-.045.09-.094.132-.143a6.82 6.82 0 0 0 .546-.666l.053-.074c.033-.05.067-.102.095-.151a2.859 2.859 0 0 0 .367-.846 1.64 1.64 0 0 0 .03-.513.932.932 0 0 0-.021-.155v-.008a2.594 2.594 0 0 0-.194-.606 2.845 2.845 0 0 0-.298-.542l-.05-.075-.04-.058a3.821 3.821 0 0 0-.198-.27 3.716 3.716 0 0 0-.162-.195 7.592 7.592 0 0 0-.161-.187 8.507 8.507 0 0 0-.686-.675 8.501 8.501 0 0 0-.376-.321l-.088-.071a2.443 2.443 0 0 0-.052-.043l-.085-.063a7.196 7.196 0 0 0-.04-.03.096.096 0 0 0-.026-.013l-.12-.033v-.97A.57.57 0 0 0 9.949 4a.572.572 0 0 0-.573.571v.654l-.06-.017-.16-.045-.148-.04h-.001l-.003-.001H9l-1.115-.298c-.049-.013-.09.039-.065.083l.178.325c.01.025.023.05.036.075l.025.051c.03.058.059.118.087.179.025.053.05.106.079.163l.037.083a10.824 10.824 0 0 1 .541 1.43 3.637 3.637 0 0 1 .075.265l.012.05c.033.13.062.259.083.39.017.089.032.174.04.26.013.098.026.196.03.293.008.09.012.183.012.273a2.856 2.856 0 0 1-.079.689c-.014.05-.028.103-.045.153a1.99 1.99 0 0 1-.056.164 7.407 7.407 0 0 0-.026.07 6.434 6.434 0 0 1-.414.839 9.848 9.848 0 0 1-.525.827l-.024.035-.028.04a.092.092 0 0 0 .075.145h1.442v1.123H7.917a1.04 1.04 0 0 1-.93-.57.98.98 0 0 1-.105-.558c.005-.056-.037-.11-.096-.11H3.841a.09.09 0 0 0-.091.09v.06c0 1.853 1.518 3.355 3.39 3.355h5.285c.99 0 1.553-.89 2.106-1.765.154-.244.307-.487.469-.709.29-.399.99-.715 1.194-.801a.092.092 0 0 0 .056-.085ZM4.538 10.268l-.044.068a.09.09 0 0 0 .077.137h2.713a.09.09 0 0 0 .075-.04c.035-.053.069-.108.099-.165.234-.388.442-.808.518-1.119.179-.754-.202-1.965-.642-2.939a.09.09 0 0 0-.159-.011l-2.637 4.07Z"
clipRule="evenodd"
/>
</g>
<defs>
<clipPath id="opensea-icon_svg__a">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
)
})
export default SvgOpenseaIcon

34
packages/icons/src/pinterest-icon.tsx Normal file
View File

@ -0,0 +1,34 @@
import { createIcon } from '../lib/create-icon'
const SvgPinterestIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<g clipPath="url(#pinterest-icon_svg__a)">
<path
fill={props.color}
d="M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10Z"
/>
<path
fill="#fff"
d="M10.757 13.179c-.71-.055-1.007-.406-1.563-.744-.305 1.603-.679 3.14-1.784 3.942-.342-2.422.5-4.242.892-6.173-.667-1.123.08-3.384 1.487-2.827 1.732.685-1.499 4.176.67 4.612 2.265.455 3.19-3.93 1.785-5.356-2.03-2.059-5.907-.047-5.43 2.901.116.72.861.94.298 1.934-1.3-.288-1.686-1.312-1.637-2.678.08-2.235 2.009-3.8 3.943-4.016 2.446-.274 4.741.898 5.058 3.198.356 2.597-1.104 5.409-3.72 5.207Z"
/>
</g>
<defs>
<clipPath id="pinterest-icon_svg__a">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
)
})
export default SvgPinterestIcon

25
packages/icons/src/popup-icon.tsx Normal file
View File

@ -0,0 +1,25 @@
import { createIcon } from '../lib/create-icon'
const SvgPopupIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<path
fill={props.color}
fillRule="evenodd"
d="M2.6 10c0-1.727.068-3.046.264-4.06.196-1.01.51-1.665.96-2.116.452-.451 1.106-.764 2.116-.96C6.955 2.667 8.273 2.6 10 2.6c1.728 0 3.046.067 4.061.264 1.01.196 1.664.509 2.115.96.451.451.765 1.106.96 2.115.197 1.015.264 2.334.264 4.061 0 1.727-.067 3.046-.264 4.06-.195 1.01-.509 1.665-.96 2.116-.451.45-1.106.764-2.115.96-1.015.197-2.333.264-4.06.264-1.728 0-3.046-.067-4.061-.264-1.01-.196-1.664-.51-2.115-.96-.452-.451-.765-1.106-.96-2.115C2.667 13.046 2.6 11.727 2.6 10ZM10 1.4c-1.739 0-3.154.066-4.289.286-1.14.221-2.053.608-2.735 1.29-.682.682-1.069 1.594-1.29 2.735C1.466 6.846 1.4 8.26 1.4 10c0 1.74.066 3.154.286 4.29.221 1.14.608 2.052 1.29 2.734.682.682 1.594 1.069 2.735 1.29 1.135.22 2.55.286 4.29.286 1.739 0 3.154-.066 4.289-.286 1.14-.221 2.053-.608 2.735-1.29.682-.682 1.068-1.594 1.29-2.735.22-1.135.285-2.55.285-4.289 0-1.74-.066-3.154-.286-4.29-.22-1.14-.607-2.052-1.29-2.734-.681-.682-1.594-1.069-2.735-1.29C13.155 1.466 11.74 1.4 10 1.4ZM9 7.6h2.552l-4.976 4.976.848.848L12.4 8.448V11h1.2V6.4H9v1.2Z"
clipRule="evenodd"
/>
</svg>
)
})
export default SvgPopupIcon

36
packages/icons/src/rarible-icon.tsx Normal file
View File

@ -0,0 +1,36 @@
import { createIcon } from '../lib/create-icon'
const SvgRaribleIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<g clipPath="url(#rarible-icon_svg__a)">
<path
fill={props.color}
d="M10 0c8.667 0 10 1.333 10 10s-1.333 10-10 10S0 18.667 0 10 1.333 0 10 0Z"
/>
<path
fill="#fff"
fillRule="evenodd"
d="M13.7 9.974c.63-.173 1.19-.67 1.19-1.67 0-1.666-1.338-2.054-3.055-2.054H5v7.5h2.877v-2.545h3.413c.526 0 .833.22.833.764v1.781H15v-1.875c0-1.021-.546-1.665-1.3-1.901Zm-1.932-1.629h-3.89v1.023h3.907a.498.498 0 0 0 .484-.511.498.498 0 0 0-.484-.512h-.017Z"
clipRule="evenodd"
/>
</g>
<defs>
<clipPath id="rarible-icon_svg__a">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
)
})
export default SvgRaribleIcon

2
packages/icons/src/recent-icon.tsx
View File

@ -15,7 +15,7 @@ const SvgRecentIcon = createIcon(props => {
<path <path
fill={props.color} fill={props.color}
fillRule="evenodd" fillRule="evenodd"
d="M3.1 10a6.9 6.9 0 1 1 13.8 0 6.9 6.9 0 0 1-13.8 0ZM10 1.9a8.1 8.1 0 1 0 0 16.2 8.1 8.1 0 0 0 0-16.2Zm.6 4.1v3.4h2.9v1.2H9.4V6h1.2Z" d="M3.6 10a6.4 6.4 0 1 1 12.8 0 6.4 6.4 0 0 1-12.8 0ZM10 2.4a7.6 7.6 0 1 0 0 15.2 7.6 7.6 0 0 0 0-15.2Zm.6 3.6v3.4h2.9v1.2H9.4V6h1.2Z"
clipRule="evenodd" clipRule="evenodd"
/> />
</svg> </svg>

30
packages/icons/src/reddit-icon.tsx Normal file
View File

@ -0,0 +1,30 @@
import { createIcon } from '../lib/create-icon'
const SvgRedditIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<g clipPath="url(#reddit-icon_svg__a)">
<path
fill={props.color}
d="M11.865 12.79a.18.18 0 0 1 0 .255c-.388.385-.995.572-1.86.572H10l-.007.002c-.863 0-1.471-.188-1.859-.574a.179.179 0 0 1 0-.254c.07-.07.185-.07.256 0 .316.314.84.468 1.604.468l.006.001.007-.002c.762 0 1.287-.153 1.603-.467a.182.182 0 0 1 .256 0Zm-2.867-2.015a.768.768 0 0 0-1.537 0 .768.768 0 0 0 1.537 0ZM20 10c0 5.523-4.477 10-10 10-5.522 0-10-4.477-10-10C0 4.478 4.478 0 10 0c5.523 0 10 4.478 10 10Zm-4.167-.107a1.29 1.29 0 0 0-2.186-.924c-.88-.579-2.071-.947-3.389-.995l.721-2.27 1.953.458-.003.028a1.056 1.056 0 0 0 2.113 0 1.055 1.055 0 0 0-2.039-.382L10.9 5.315a.18.18 0 0 0-.214.12l-.804 2.533c-1.38.016-2.63.388-3.549.984a1.288 1.288 0 0 0-2.165.94c0 .472.259.88.64 1.105a2.315 2.315 0 0 0-.042.416c0 1.901 2.338 3.448 5.21 3.448 2.874 0 5.212-1.547 5.212-3.448 0-.133-.014-.264-.037-.393a1.28 1.28 0 0 0 .683-1.127Zm-4.06.117a.767.767 0 0 0-.768.766.768.768 0 0 0 1.537 0 .767.767 0 0 0-.769-.766Z"
/>
</g>
<defs>
<clipPath id="reddit-icon_svg__a">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
)
})
export default SvgRedditIcon

78
packages/icons/src/sad-icon.tsx
View File

@ -8,88 +8,16 @@ const SvgSadIcon = createIcon(props => {
width={props.width} width={props.width}
height={props.height} height={props.height}
fill="none" fill="none"
viewBox="0 0 12 12" viewBox="0 0 20 20"
focusable={false} focusable={false}
aria-hidden={true} aria-hidden={true}
> >
<circle cx={6} cy={6} r={6} fill="#FFD764" />
<circle cx={6} cy={6} r={6} fill="url(#sad-icon_svg__a)" />
<path <path
fill="url(#sad-icon_svg__b)" fill={props.color}
d="M4.043 8.44a1.125 1.125 0 0 1-2.216-.391c.09-.507.612-1.248 1.123-1.536a.448.448 0 0 1 .563.099c.381.445.62 1.32.53 1.828Z"
/>
<path
fill="#772622"
fillRule="evenodd" fillRule="evenodd"
d="M6 8.203c-.474 0-.794.155-1.166.34a.328.328 0 1 1-.293-.586l.002-.001c.377-.19.817-.41 1.457-.41.64 0 1.074.218 1.449.405l.01.006a.328.328 0 0 1-.293.586c-.373-.186-.687-.34-1.166-.34Z" d="M9.242 3.157c1.264-.192 2.555.101 3.675.847l.666-.999c-1.359-.904-2.95-1.273-4.522-1.034-1.57.239-3.013 1.066-4.11 2.333-1.097 1.265-1.792 2.9-1.992 4.649a9.077 9.077 0 0 0 .875 5.065c.77 1.538 1.966 2.758 3.42 3.452a6.295 6.295 0 0 0 4.606.348c1.525-.472 2.856-1.506 3.796-2.92l-.999-.665c-.802 1.206-1.914 2.055-3.152 2.438a5.094 5.094 0 0 1-3.734-.283c-1.19-.57-2.202-1.585-2.864-2.907a7.877 7.877 0 0 1-.755-4.392c.174-1.525.778-2.93 1.705-4 .926-1.068 2.118-1.74 3.385-1.932ZM10.5 8.5c.552 0 1-.672 1-1.5 0-.829-.448-1.5-1-1.5s-1 .671-1 1.5c0 .828.448 1.5 1 1.5Zm5.5 0c.552 0 1-.672 1-1.5 0-.829-.448-1.5-1-1.5s-1 .67-1 1.5c0 .828.448 1.5 1 1.5Zm-5.119 3.81.57.19.568.19v.002l-.001.002v.001a1.26 1.26 0 0 1 .066-.138c.057-.102.15-.242.29-.383.27-.27.746-.574 1.576-.574.83 0 1.306.304 1.576.574a1.746 1.746 0 0 1 .347.498l.01.023-.001-.003v-.002l.568-.19.57-.19-.001-.001v-.002l-.002-.003-.003-.009-.009-.024a2.478 2.478 0 0 0-.14-.297c-.1-.18-.256-.414-.49-.648-.48-.48-1.255-.926-2.425-.926s-1.944.446-2.424.926a2.944 2.944 0 0 0-.602.873 1.82 1.82 0 0 0-.03.072l-.008.024-.003.009-.001.003v.002Zm5.002.386Z"
clipRule="evenodd" clipRule="evenodd"
/> />
<path
fill="url(#sad-icon_svg__c)"
d="M9.781 8.885a.844.844 0 0 1-1.662.293c-.063-.357.09-.957.346-1.305a.397.397 0 0 1 .545-.097c.359.24.708.752.771 1.109Z"
/>
<path
fill="#424242"
fillRule="evenodd"
d="M3 4.172c.181 0 .328.147.328.328 0 .207.068.353.162.448.094.094.24.161.447.161.207 0 .354-.067.448-.161a.614.614 0 0 0 .162-.448.328.328 0 1 1 .656 0c0 .356-.12.678-.354.912a1.265 1.265 0 0 1-.912.354c-.355 0-.677-.12-.911-.354a1.265 1.265 0 0 1-.354-.912c0-.181.147-.328.328-.328Z"
clipRule="evenodd"
/>
<path
fill="url(#sad-icon_svg__d)"
d="M9.146 6.173a.562.562 0 1 1-1.108.196c-.037-.209.037-.542.17-.777a.332.332 0 0 1 .512-.09c.206.175.389.463.426.671Z"
/>
<path
fill="#424242"
fillRule="evenodd"
d="M7.125 4.172c.181 0 .328.147.328.328 0 .207.068.353.162.448.094.094.24.161.447.161.207 0 .354-.067.448-.161a.614.614 0 0 0 .162-.448.328.328 0 1 1 .656 0c0 .356-.12.678-.354.912a1.265 1.265 0 0 1-.912.354c-.355 0-.677-.12-.911-.354a1.265 1.265 0 0 1-.354-.912c0-.181.147-.328.328-.328Z"
clipRule="evenodd"
/>
<defs>
<linearGradient
id="sad-icon_svg__b"
x1={3.26}
x2={2.74}
y1={6.398}
y2={9.352}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6BC2FF" />
<stop offset={1} stopColor="#2196E8" />
</linearGradient>
<linearGradient
id="sad-icon_svg__c"
x1={8.706}
x2={9.097}
y1={7.647}
y2={9.862}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6BC2FF" />
<stop offset={1} stopColor="#2196E8" />
</linearGradient>
<linearGradient
id="sad-icon_svg__d"
x1={8.429}
x2={8.689}
y1={5.348}
y2={6.825}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6BC2FF" />
<stop offset={1} stopColor="#2196E8" />
</linearGradient>
<radialGradient
id="sad-icon_svg__a"
cx={0}
cy={0}
r={1}
gradientTransform="rotate(124.563 3.39 3.337) scale(10.2458 13.3012)"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD764" />
<stop offset={1} stopColor="#FFB746" />
</radialGradient>
</defs>
</svg> </svg>
) )
}) })

2
packages/icons/src/search-icon.tsx
View File

@ -15,7 +15,7 @@ const SvgSearchIcon = createIcon(props => {
<path <path
fill={props.color} fill={props.color}
fillRule="evenodd" fillRule="evenodd"
d="M3.1 9a5.9 5.9 0 1 1 11.8 0A5.9 5.9 0 0 1 3.1 9ZM9 1.9a7.1 7.1 0 1 0 4.579 12.527l3.497 3.497.848-.848-3.497-3.498A7.1 7.1 0 0 0 9 1.9Z" d="M3.1 9a5.9 5.9 0 1 1 11.8 0A5.9 5.9 0 0 1 3.1 9ZM9 1.9a7.1 7.1 0 1 0 4.578 12.527l3.498 3.497.848-.848-3.497-3.498A7.1 7.1 0 0 0 9 1.9Z"
clipRule="evenodd" clipRule="evenodd"
/> />
</svg> </svg>

34
packages/icons/src/snapchat-icon.tsx Normal file
View File

@ -0,0 +1,34 @@
import { createIcon } from '../lib/create-icon'
const SvgSnapchatIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<g clipPath="url(#snapchat-icon_svg__a)">
<path
fill={props.color}
d="M0 14.913c.012.445.016.891.09 1.333.08.466.194.922.41 1.345a4.306 4.306 0 0 0 1.203 1.454c.364.284.762.51 1.203.651.643.208 1.306.287 1.978.29.42.003.84.014 1.26.012 3.048-.013 6.098.022 9.147-.019a7.198 7.198 0 0 0 1.2-.127 4.065 4.065 0 0 0 2.009-.977 4.161 4.161 0 0 0 1.327-2.212c.134-.577.167-1.162.173-1.75v-.117c0-.046-.017-9.984-.019-10.115a6.122 6.122 0 0 0-.099-1.074c-.082-.433-.198-.854-.406-1.246a4.327 4.327 0 0 0-.832-1.11A4.13 4.13 0 0 0 16.827.215c-.63-.168-1.274-.206-1.922-.205L14.902 0H5.095v.01c-.368.007-.736.004-1.102.05a5.21 5.21 0 0 0-1.177.264 4.143 4.143 0 0 0-1.56 1.024A4.125 4.125 0 0 0 .212 3.17C.044 3.795.007 4.433.007 5.075"
/>
<path
fill="#fff"
d="M10.085 16.445c-.039 0-.076-.002-.104-.003a.819.819 0 0 1-.07.003c-.817 0-1.364-.387-1.847-.728-.346-.244-.672-.475-1.054-.539a3.398 3.398 0 0 0-.555-.046c-.326 0-.583.05-.77.087a1.708 1.708 0 0 1-.292.041c-.08 0-.179-.017-.22-.157a4.553 4.553 0 0 1-.077-.318c-.056-.256-.097-.413-.193-.427-1.026-.159-1.632-.392-1.753-.674a.262.262 0 0 1-.021-.089.164.164 0 0 1 .138-.171c.814-.135 1.539-.565 2.153-1.28a4.823 4.823 0 0 0 .738-1.149c.119-.24.142-.447.07-.616-.132-.312-.57-.45-.86-.542a3.105 3.105 0 0 1-.194-.066c-.257-.102-.679-.316-.623-.611.041-.216.327-.366.557-.366a.39.39 0 0 1 .169.034c.26.122.495.183.696.183.251 0 .372-.095.401-.122a42.59 42.59 0 0 0-.024-.41c-.06-.936-.133-2.1.165-2.768.892-1.998 2.784-2.153 3.342-2.153l.277-.003c.56 0 2.455.156 3.348 2.155.298.668.224 1.833.165 2.77l-.003.045-.022.364c.028.025.139.113.364.121.192-.007.413-.068.656-.182a.519.519 0 0 1 .215-.043.65.65 0 0 1 .245.047l.004.001c.207.074.342.22.345.374.002.143-.104.357-.628.564-.054.021-.123.043-.195.066-.29.092-.727.23-.86.542-.071.169-.048.376.07.616a.152.152 0 0 1 .004.008c.037.085.92 2.096 2.888 2.42a.165.165 0 0 1 .138.172.263.263 0 0 1-.022.09c-.12.28-.726.513-1.752.671-.096.015-.137.171-.192.426a4.517 4.517 0 0 1-.079.316c-.03.102-.096.152-.203.152h-.016a1.64 1.64 0 0 1-.292-.037 3.853 3.853 0 0 0-.77-.081c-.18 0-.367.016-.555.047-.382.063-.708.293-1.053.537-.484.342-1.03.729-1.849.729Z"
/>
</g>
<defs>
<clipPath id="snapchat-icon_svg__a">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
)
})
export default SvgSnapchatIcon

38
packages/icons/src/spotify-icon.tsx Normal file
View File

@ -0,0 +1,38 @@
import { createIcon } from '../lib/create-icon'
const SvgSpotifyIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<g
fillRule="evenodd"
clipPath="url(#spotify-icon_svg__a)"
clipRule="evenodd"
>
<path
fill={props.color}
d="M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.55 0 10 0Z"
/>
<path
fill="#fff"
d="M15.6 8.751C12.448 6.723 7.178 6.51 4.172 7.524c-.493.16-.986-.16-1.134-.64-.147-.534.148-1.068.592-1.228 3.497-1.121 9.261-.907 12.907 1.44.443.268.59.908.344 1.388-.246.374-.837.534-1.28.267Zm-.098 2.99c-.246.373-.69.533-1.035.266-2.66-1.761-6.7-2.295-9.803-1.228-.394.107-.837-.106-.936-.533-.098-.427.099-.908.493-1.014 3.596-1.175 8.03-.587 11.084 1.44.296.16.443.694.197 1.068Zm-1.182 2.934c-.197.32-.542.427-.838.214-2.315-1.548-5.222-1.868-8.67-1.014-.345.107-.64-.16-.739-.48-.099-.374.148-.694.443-.801 3.744-.907 6.996-.534 9.557 1.174.345.16.394.587.247.907Z"
/>
</g>
<defs>
<clipPath id="spotify-icon_svg__a">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
)
})
export default SvgSpotifyIcon

172
packages/icons/src/status-logo-icon.tsx Normal file
View File

@ -0,0 +1,172 @@
import { createIcon } from '../lib/create-icon'
const SvgStatusLogoIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<g clipPath="url(#status-logo-icon_svg__a)">
<path
fill={props.color}
fillRule="evenodd"
d="M15.374 4.626a3.6 3.6 0 0 0-5.091 0L8.869 6.04l.848.849 1.415-1.414a2.4 2.4 0 1 1 3.394 3.394l-1.415 1.414.849.848 1.414-1.414a3.6 3.6 0 0 0 0-5.091Zm-9.9 6.505L6.89 9.717l-.85-.847-1.414 1.414a3.6 3.6 0 0 0 5.091 5.091l1.415-1.414-.85-.849-1.413 1.414a2.4 2.4 0 1 1-3.394-3.394Zm-.353-6.859-.848.849 10.606 10.607.849-.849L5.12 4.272Z"
clipRule="evenodd"
/>
<g clipPath="url(#status-logo-icon_svg__b)">
<g clipPath="url(#status-logo-icon_svg__c)">
<mask
id="status-logo-icon_svg__d"
width={16}
height={17}
x={2}
y={1}
maskUnits="userSpaceOnUse"
style={{
maskType: 'alpha',
}}
>
<path
fill="#fff"
d="M10 2c-6 0-8 2-8 8s2 8 8 8 8-2 8-8-2-8-8-8Z"
/>
</mask>
<g mask="url(#status-logo-icon_svg__d)">
<g filter="url(#status-logo-icon_svg__e)">
<circle cx={13.5} cy={6.5} r={9.5} fill="#1992D7" />
</g>
<g filter="url(#status-logo-icon_svg__f)">
<circle cx={18.5} cy={11.5} r={9.5} fill="#F6B03C" />
</g>
<g filter="url(#status-logo-icon_svg__g)">
<circle cx={4.5} cy={17.5} r={9.5} fill="#FF7D46" />
</g>
<g filter="url(#status-logo-icon_svg__h)">
<circle cx={-1.5} cy={6.5} r={9.5} fill="#7140FD" />
</g>
<g
fill="#fff"
fillRule="evenodd"
clipRule="evenodd"
filter="url(#status-logo-icon_svg__i)"
>
<path d="M11.828 10.43c-.13 1.633-1.302 3.075-2.888 3.165-.974.056-1.948-.539-2-1.505-.04-.777.44-1.345 1.28-1.562.198-.052.401-.084.606-.094.891-.05 1.45.154 2.341.103.206-.01.41-.041.61-.092l.051-.014Zm-3.652-.861c.13-1.632 1.302-3.074 2.888-3.165.974-.055 1.947.54 2 1.506.043.777-.44 1.344-1.28 1.562a3.02 3.02 0 0 1-.606.094c-.892.05-1.45-.154-2.341-.104a3.07 3.07 0 0 0-.61.092l-.051.015Z" />
</g>
</g>
</g>
</g>
</g>
<defs>
<filter
id="status-logo-icon_svg__e"
width={28.43}
height={28.43}
x={-0.715}
y={-7.715}
colorInterpolationFilters="sRGB"
filterUnits="userSpaceOnUse"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur
result="effect1_foregroundBlur_4408_955"
stdDeviation={2.358}
/>
</filter>
<filter
id="status-logo-icon_svg__f"
width={28.43}
height={28.43}
x={4.285}
y={-2.715}
colorInterpolationFilters="sRGB"
filterUnits="userSpaceOnUse"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur
result="effect1_foregroundBlur_4408_955"
stdDeviation={2.358}
/>
</filter>
<filter
id="status-logo-icon_svg__g"
width={28.43}
height={28.43}
x={-9.715}
y={3.285}
colorInterpolationFilters="sRGB"
filterUnits="userSpaceOnUse"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur
result="effect1_foregroundBlur_4408_955"
stdDeviation={2.358}
/>
</filter>
<filter
id="status-logo-icon_svg__h"
width={28.43}
height={28.43}
x={-15.715}
y={-7.715}
colorInterpolationFilters="sRGB"
filterUnits="userSpaceOnUse"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur
result="effect1_foregroundBlur_4408_955"
stdDeviation={2.358}
/>
</filter>
<filter
id="status-logo-icon_svg__i"
width={36.229}
height={37.298}
x={-8.112}
y={-4.636}
colorInterpolationFilters="sRGB"
filterUnits="userSpaceOnUse"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
result="hardAlpha"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
/>
<feOffset dy={4.013} />
<feGaussianBlur stdDeviation={7.525} />
<feColorMatrix values="0 0 0 0 0.0352941 0 0 0 0 0.0627451 0 0 0 0 0.109804 0 0 0 0.12 0" />
<feBlend
in2="BackgroundImageFix"
result="effect1_dropShadow_4408_955"
/>
<feBlend
in="SourceGraphic"
in2="effect1_dropShadow_4408_955"
result="shape"
/>
</filter>
<clipPath id="status-logo-icon_svg__a">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
<clipPath id="status-logo-icon_svg__b">
<path fill="#fff" d="M2 2h16v16H2z" />
</clipPath>
<clipPath id="status-logo-icon_svg__c">
<path fill="#fff" d="M2 2h16v16H2z" />
</clipPath>
</defs>
</svg>
)
})
export default SvgStatusLogoIcon

36
packages/icons/src/superare-icon.tsx Normal file
View File

@ -0,0 +1,36 @@
import { createIcon } from '../lib/create-icon'
const SvgSuperareIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<g clipPath="url(#superare-icon_svg__a)">
<path
fill="#fff"
d="M10 0c8.667 0 10 1.333 10 10s-1.333 10-10 10S0 18.667 0 10 1.333 0 10 0Z"
/>
<path
fill={props.color}
fillRule="evenodd"
d="M3.5 8.28c0-1.31.89-2.53 2.993-2.53.764 0 1.694.136 2.204.245v2.52h-.069c-.93-1.769-1.791-2.52-2.634-2.52-.786 0-1.3.477-1.3 1.202 0 .556.279.952 1.086 1.33l1.766.838c1.227.568 1.683 1.278 1.683 2.33 0 1.659-1.104 2.805-2.837 2.805-.865 0-1.994-.158-2.628-.33v-2.937h.069c.731 1.853 1.643 3.007 2.783 3.007.861 0 1.397-.462 1.397-1.304 0-.568-.268-1.07-1.064-1.425l-1.672-.769C4.108 10.207 3.5 9.358 3.5 8.281Zm10.826 1.858 2.001 3.165h-.003c.3.476.579.75.926.893v.074h-2.41l-2.338-3.894h-.214v2.447c.004.802.272 1.223.956 1.373v.074H9.556v-.074c.626-.16.81-.67.81-1.395V7.413c0-.725-.188-1.234-.81-1.395v-.07h3.59c2.255 0 3.008.865 3.008 2.114 0 .933-.728 1.845-1.828 2.076Zm-2.038-.022h.326v-.003c1.068 0 1.538-.704 1.538-2.019 0-1.069-.34-1.86-1.455-1.86h-.409v3.882Z"
clipRule="evenodd"
/>
</g>
<defs>
<clipPath id="superare-icon_svg__a">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
)
})
export default SvgSuperareIcon

16
packages/icons/src/thumbs-down-icon.tsx
View File

@ -8,21 +8,21 @@ const SvgThumbsDownIcon = createIcon(props => {
width={props.width} width={props.width}
height={props.height} height={props.height}
fill="none" fill="none"
viewBox="0 0 12 12" viewBox="0 0 20 20"
focusable={false} focusable={false}
aria-hidden={true} aria-hidden={true}
> >
<path <path
fill="#FFD764" fill="#FFD764"
d="M3.375 10.572c0 .938.963 1.313 1.688 1.313.724 0 .937-.588.937-1.313 0-.436-.188-.75-.188-1.27 0-1.167.813-1.73 1.313-2.105.75-.562 2.25-.562 2.25-2.062 0-2.063-2.063-4.125-4.5-4.125a4.5 4.5 0 0 0-4.5 4.5c0 2.174 1.4 3.298 3.357 2.187.106-.06.243-.012.26.11.066.49-.146.997-.369 1.494-.248.521-.248.896-.248 1.271Z" d="M5.625 17.62c0 1.563 1.604 2.188 2.813 2.188 1.208 0 1.562-.98 1.562-2.187 0-.728-.313-1.25-.313-2.119 0-1.944 1.354-2.88 2.188-3.506 1.25-.938 3.75-.938 3.75-3.438 0-3.437-3.438-6.875-7.5-6.875a7.5 7.5 0 0 0-7.5 7.5c0 3.624 2.335 5.497 5.594 3.645.177-.1.406-.02.434.182.11.818-.242 1.664-.614 2.492-.414.869-.414 1.494-.414 2.119Z"
/> />
<path <path
fill="url(#thumbs-down-icon_svg__a)" fill="url(#thumbs-down-icon_svg__a)"
d="M3.375 10.572c0 .938.963 1.313 1.688 1.313.724 0 .937-.588.937-1.313 0-.436-.188-.75-.188-1.27 0-1.167.813-1.73 1.313-2.105.75-.562 2.25-.562 2.25-2.062 0-2.063-2.063-4.125-4.5-4.125a4.5 4.5 0 0 0-4.5 4.5c0 2.174 1.4 3.298 3.357 2.187.106-.06.243-.012.26.11.066.49-.146.997-.369 1.494-.248.521-.248.896-.248 1.271Z" d="M5.625 17.62c0 1.563 1.604 2.188 2.813 2.188 1.208 0 1.562-.98 1.562-2.187 0-.728-.313-1.25-.313-2.119 0-1.944 1.354-2.88 2.188-3.506 1.25-.938 3.75-.938 3.75-3.438 0-3.437-3.438-6.875-7.5-6.875a7.5 7.5 0 0 0-7.5 7.5c0 3.624 2.335 5.497 5.594 3.645.177-.1.406-.02.434.182.11.818-.242 1.664-.614 2.492-.414.869-.414 1.494-.414 2.119Z"
/> />
<path <path
fill="url(#thumbs-down-icon_svg__b)" fill="url(#thumbs-down-icon_svg__b)"
d="M7.97.472c.04-.32.34-.543.65-.451 2.855.846 4.29 3.967 2.756 6.57a.358.358 0 0 1-.409.156l-.634-.181c-.22-.063-.33-.305-.28-.528.358-1.583-.808-3.806-1.948-4.521a.434.434 0 0 1-.214-.412L7.97.472Z" d="M13.283.787c.066-.532.568-.905 1.082-.753 4.76 1.41 7.15 6.613 4.595 10.95a.597.597 0 0 1-.681.261l-1.057-.302c-.366-.104-.552-.509-.468-.88.598-2.638-1.345-6.342-3.246-7.535-.236-.148-.392-.41-.357-.686l.132-1.055Z"
/> />
<defs> <defs>
<radialGradient <radialGradient
@ -30,7 +30,7 @@ const SvgThumbsDownIcon = createIcon(props => {
cx={0} cx={0}
cy={0} cy={0}
r={1} r={1}
gradientTransform="matrix(3 -5.625 6.54344 3.48984 4.125 7.313)" gradientTransform="matrix(5 -9.375 10.9057 5.81638 6.875 12.188)"
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
> >
<stop stopColor="#FFD764" /> <stop stopColor="#FFD764" />
@ -38,9 +38,9 @@ const SvgThumbsDownIcon = createIcon(props => {
</radialGradient> </radialGradient>
<linearGradient <linearGradient
id="thumbs-down-icon_svg__b" id="thumbs-down-icon_svg__b"
x1={9.944} x1={16.573}
x2={9.944} x2={16.573}
y1={6.762} y1={11.27}
y2={0} y2={0}
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
> >

18
packages/icons/src/thumbs-up-icon.tsx
View File

@ -8,21 +8,21 @@ const SvgThumbsUpIcon = createIcon(props => {
width={props.width} width={props.width}
height={props.height} height={props.height}
fill="none" fill="none"
viewBox="0 0 12 12" viewBox="0 0 20 20"
focusable={false} focusable={false}
aria-hidden={true} aria-hidden={true}
> >
<path <path
fill="url(#thumbs-up-icon_svg__a)" fill="url(#thumbs-up-icon_svg__a)"
d="M4.405 11.413c-.04.32-.34.543-.65.451C.9 11.018-.534 7.897 1 5.294a.358.358 0 0 1 .409-.156l.634.181c.22.063.33.305.28.528-.359 1.583.808 3.805 1.948 4.521a.434.434 0 0 1 .214.412l-.079.633Z" d="M7.342 19.021c-.066.532-.568.905-1.082.753-4.76-1.41-7.15-6.613-4.596-10.95a.597.597 0 0 1 .682-.261l1.057.302c.366.104.552.509.468.88-.599 2.638 1.345 6.342 3.246 7.535.236.148.392.41.357.687l-.132 1.054Z"
/> />
<path <path
fill="#FFD764" fill="#FFD764"
d="M9 1.313C9 .563 8.437 0 7.5 0c-.75 0-1.125.588-1.125 1.313 0 .436.188.75.188 1.27 0 1.167-.563 1.73-1.313 2.104C4.5 5.062 3 5.062 3 6.75c0 2.063 2.063 4.125 4.5 4.125 2.438 0 4.5-1.875 4.5-4.5 0-2.095-1.3-3.215-3.144-2.3-.219.109-.493.01-.496-.235-.005-.405.13-.81.265-1.215.188-.563.375-.938.375-1.313Z" d="M15 2.188C15 .938 14.062 0 12.5 0c-1.25 0-1.875.98-1.875 2.188 0 .727.313 1.25.313 2.118 0 1.944-.938 2.881-2.188 3.506C7.5 8.437 5 8.437 5 11.25c0 3.438 3.438 6.875 7.5 6.875 4.063 0 7.5-3.125 7.5-7.5 0-3.491-2.167-5.358-5.24-3.833-.364.18-.822.015-.827-.391-.008-.676.217-1.35.442-2.026.313-.938.625-1.563.625-2.188Z"
/> />
<path <path
fill="url(#thumbs-up-icon_svg__b)" fill="url(#thumbs-up-icon_svg__b)"
d="M9 1.313C9 .563 8.437 0 7.5 0c-.75 0-1.125.588-1.125 1.313 0 .436.188.75.188 1.27 0 1.167-.563 1.73-1.313 2.104C4.5 5.062 3 5.062 3 6.75c0 2.063 2.063 4.125 4.5 4.125 2.438 0 4.5-1.875 4.5-4.5 0-2.095-1.3-3.215-3.144-2.3-.219.109-.493.01-.496-.235-.005-.405.13-.81.265-1.215.188-.563.375-.938.375-1.313Z" d="M15 2.188C15 .938 14.062 0 12.5 0c-1.25 0-1.875.98-1.875 2.188 0 .727.313 1.25.313 2.118 0 1.944-.938 2.881-2.188 3.506C7.5 8.437 5 8.437 5 11.25c0 3.438 3.438 6.875 7.5 6.875 4.063 0 7.5-3.125 7.5-7.5 0-3.491-2.167-5.358-5.24-3.833-.364.18-.822.015-.827-.391-.008-.676.217-1.35.442-2.026.313-.938.625-1.563.625-2.188Z"
/> />
<defs> <defs>
<radialGradient <radialGradient
@ -30,7 +30,7 @@ const SvgThumbsUpIcon = createIcon(props => {
cx={0} cx={0}
cy={0} cy={0}
r={1} r={1}
gradientTransform="rotate(119.539 2.814 4.654) scale(6.46535 7.521)" gradientTransform="matrix(-5.31254 9.375 -10.9057 -6.17995 13.75 7.5)"
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
> >
<stop stopColor="#FFD764" /> <stop stopColor="#FFD764" />
@ -38,10 +38,10 @@ const SvgThumbsUpIcon = createIcon(props => {
</radialGradient> </radialGradient>
<linearGradient <linearGradient
id="thumbs-up-icon_svg__a" id="thumbs-up-icon_svg__a"
x1={2.431} x1={4.052}
x2={2.431} x2={4.052}
y1={5.123} y1={8.539}
y2={11.885} y2={19.808}
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
> >
<stop stopColor="#6BC2FF" /> <stop stopColor="#6BC2FF" />

23
packages/icons/src/tumblr-icon.tsx Normal file
View File

@ -0,0 +1,23 @@
import { createIcon } from '../lib/create-icon'
const SvgTumblrIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<path
fill={props.color}
d="M11.267 8.743v4.58c0 1.155-.012 1.83.11 2.16.12.324.427.664.775.864.463.267.99.402 1.525.392 1.027 0 1.642-.13 2.66-.786v3.006c-.745.348-1.525.615-2.328.795a9.672 9.672 0 0 1-2.272.245c-.928 0-1.48-.112-2.182-.34a5.253 5.253 0 0 1-1.827-.993c-.513-.425-.849-.879-1.045-1.361-.2-.48-.294-1.18-.294-2.1V8.198H3.67V5.364c.8-.26 1.687-.623 2.26-1.1a5.548 5.548 0 0 0 1.354-1.722c.349-.66.585-1.513.717-2.542h3.266v5.001h5.07v3.742h-5.07Z"
/>
</svg>
)
})
export default SvgTumblrIcon

25
packages/icons/src/twitch-icon.tsx Normal file
View File

@ -0,0 +1,25 @@
import { createIcon } from '../lib/create-icon'
const SvgTwitchIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<path
fill={props.color}
fillRule="evenodd"
d="M1.133 4.063 2.316.5h16.55v11.566l-4.728 5.059H10.59L8.227 19.5H5.862v-2.375H1.133V4.062ZM14.374 14.75l3.31-3.563v-9.5H3.498V14.75h4.138v1.86l2.546-1.86h4.192Zm-3.783-9.5H9.41V10h1.182V5.25Zm3.547 0h-1.182V10h1.182V5.25Z"
clipRule="evenodd"
/>
</svg>
)
})
export default SvgTwitchIcon

23
packages/icons/src/twitter-icon.tsx Normal file
View File

@ -0,0 +1,23 @@
import { createIcon } from '../lib/create-icon'
const SvgTwitterIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<path
fill={props.color}
d="M20 3.512a8.256 8.256 0 0 1-2.363.678 4.237 4.237 0 0 0 1.804-2.371 7.977 7.977 0 0 1-2.6 1.038 4.06 4.06 0 0 0-2.094-1.253 3.93 3.93 0 0 0-2.405.196 4.14 4.14 0 0 0-1.884 1.578 4.43 4.43 0 0 0-.71 2.412c0 .34.028.667.096.979a11.206 11.206 0 0 1-4.684-1.3 11.722 11.722 0 0 1-3.768-3.187 4.468 4.468 0 0 0-.455 3.127 4.303 4.303 0 0 0 1.715 2.606A3.914 3.914 0 0 1 .8 7.486v.048c.001.99.328 1.95.927 2.718a4.093 4.093 0 0 0 2.358 1.496c-.35.097-.712.145-1.075.142-.26.004-.52-.02-.776-.074a4.328 4.328 0 0 0 1.461 2.131 4.023 4.023 0 0 0 2.37.857A8.008 8.008 0 0 1 0 16.575 11.175 11.175 0 0 0 6.29 18.5c7.545 0 11.67-6.539 11.67-12.206 0-.19-.006-.373-.015-.555A8.399 8.399 0 0 0 20 3.512Z"
/>
</svg>
)
})
export default SvgTwitterIcon

38
packages/icons/src/youtube-icon.tsx Normal file
View File

@ -0,0 +1,38 @@
import { createIcon } from '../lib/create-icon'
const SvgYoutubeIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<g
fillRule="evenodd"
clipPath="url(#youtube-icon_svg__a)"
clipRule="evenodd"
>
<path
fill={props.color}
d="M19.778 5.578s-.218-1.524-.884-2.196c-.845-.88-1.792-.885-2.226-.936-3.11-.224-6.663-.224-6.663-.224h-.01s-3.553 0-6.663.224c-.435.051-1.381.055-2.227.936C.44 4.054.222 5.578.222 5.578S0 7.368 0 9.158v1.677c0 1.79.222 3.58.222 3.58s.217 1.524.883 2.195c.846.88 1.956.853 2.45.945 1.778.17 6.445.223 6.445.223s3.558-.007 6.668-.231c.434-.052 1.381-.056 2.226-.937.667-.671.884-2.195.884-2.195s.222-1.79.222-3.58V9.157c0-1.79-.222-3.58-.222-3.58Z"
/>
<path
fill="#fff"
d="m7.706 12.869-.001-6.214 6.004 3.117-6.003 3.097Z"
/>
</g>
<defs>
<clipPath id="youtube-icon_svg__a">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
)
})
export default SvgYoutubeIcon

25
packages/icons/src/zoom-in-icon.tsx Normal file
View File

@ -0,0 +1,25 @@
import { createIcon } from '../lib/create-icon'
const SvgZoomInIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<path
fill={props.color}
fillRule="evenodd"
d="M9 3.1a5.9 5.9 0 1 0 0 11.8A5.9 5.9 0 0 0 9 3.1ZM1.9 9a7.1 7.1 0 1 1 12.527 4.578l3.497 3.498-.848.848-3.498-3.497A7.1 7.1 0 0 1 1.9 9Zm6.5 3V9.6H6V8.4h2.4V6h1.2v2.4H12v1.2H9.6V12H8.4Z"
clipRule="evenodd"
/>
</svg>
)
})
export default SvgZoomInIcon

25
packages/icons/src/zoom-out-icon.tsx Normal file
View File

@ -0,0 +1,25 @@
import { createIcon } from '../lib/create-icon'
const SvgZoomOutIcon = createIcon(props => {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width={props.width}
height={props.height}
fill="none"
viewBox="0 0 20 20"
focusable={false}
aria-hidden={true}
>
<path
fill={props.color}
fillRule="evenodd"
d="M9 3.1a5.9 5.9 0 1 0 0 11.8A5.9 5.9 0 0 0 9 3.1ZM1.9 9a7.1 7.1 0 1 1 12.527 4.578l3.497 3.498-.848.848-3.498-3.497A7.1 7.1 0 0 1 1.9 9Zm4.6.6h5V8.4h-5v1.2Z"
clipRule="evenodd"
/>
</svg>
)
})
export default SvgZoomOutIcon

26
packages/icons/svg/angry-icon.svg
View File

@ -1,40 +1,40 @@
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="12" width="20"
height="12" height="20"
fill="none" fill="none"
viewBox="0 0 12 12" viewBox="0 0 20 20"
> >
<circle cx="6" cy="6" r="6" fill="url(#prefix__paint0_linear_2438_897)" /> <circle cx="10" cy="10" r="10" fill="url(#paint0_linear_942_213)" />
<circle cx="6" cy="6" r="6" fill="url(#prefix__paint1_radial_2438_897)" /> <circle cx="10" cy="10" r="10" fill="url(#paint1_radial_942_213)" />
<path <path
fill="#424242" fill="#424242"
d="M2.754 4.198a.328.328 0 1 0-.258.604l.792.339c.105.045.144.175.113.286a.751.751 0 0 0 1.416.488c.022-.053.082-.083.135-.06l.169.072a.328.328 0 0 0 .258-.604L2.754 4.198ZM9.248 4.198a.328.328 0 1 1 .258.604l-.792.339c-.106.045-.144.175-.114.286a.75.75 0 0 1-1.415.488c-.022-.053-.083-.083-.136-.06l-.168.072a.328.328 0 0 1-.258-.604l2.625-1.125Z" d="M4.59 6.997a.547.547 0 1 0-.43 1.006l1.32.565c.176.076.24.292.189.477a1.251 1.251 0 0 0 2.36.813c.036-.088.137-.138.225-.1l.28.12a.547.547 0 0 0 .431-1.006L4.59 6.997ZM15.413 6.997a.547.547 0 1 1 .43 1.006l-1.32.565c-.176.076-.24.292-.189.477a1.25 1.25 0 0 1-2.36.813c-.036-.088-.137-.138-.225-.1l-.28.12a.547.547 0 0 1-.431-1.006l4.375-1.875Z"
/> />
<path <path
fill="#772622" fill="#772622"
fill-rule="evenodd" fill-rule="evenodd"
d="M6 8.203a1.92 1.92 0 0 0-1.602.86.328.328 0 1 1-.546-.364 2.576 2.576 0 0 1 4.296 0 .328.328 0 1 1-.546.364A1.92 1.92 0 0 0 6 8.203Z" d="M10 13.672a3.2 3.2 0 0 0-2.67 1.432.547.547 0 0 1-.91-.605 4.293 4.293 0 0 1 3.58-1.92c1.495 0 2.812.763 3.58 1.92a.547.547 0 0 1-.91.605A3.2 3.2 0 0 0 10 13.672Z"
clip-rule="evenodd" clip-rule="evenodd"
/> />
<defs> <defs>
<radialGradient <radialGradient
id="prefix__paint1_radial_2438_897" id="paint1_radial_942_213"
cx="0" cx="0"
cy="0" cy="0"
r="1" r="1"
gradientTransform="rotate(124.563 3.39 3.337) scale(10.2458 13.3012)" gradientTransform="rotate(124.563 5.651 5.561) scale(17.0763 22.1686)"
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
> >
<stop stop-color="#FFD764" stop-opacity=".2" /> <stop stop-color="#FFD764" stop-opacity=".2" />
<stop offset="1" stop-color="#FFB746" stop-opacity=".1" /> <stop offset="1" stop-color="#FFB746" stop-opacity=".1" />
</radialGradient> </radialGradient>
<linearGradient <linearGradient
id="prefix__paint0_linear_2438_897" id="paint0_linear_942_213"
x1="6" x1="10"
x2="6" x2="10"
y1="0" y1="0"
y2="12" y2="20"
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
> >
<stop offset=".11" stop-color="#EA6433" /> <stop offset=".11" stop-color="#EA6433" />

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

42
packages/icons/svg/checktoken-icon.svg Normal file
View File

@ -0,0 +1,42 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<path
fill="#647084"
fill-rule="evenodd"
d="M3 10a7 7 0 1 1 14 0 7 7 0 0 1-14 0Z"
clip-rule="evenodd"
/>
<path stroke="#fff" stroke-width="1.2" d="M14 10a4 4 0 1 1-4-4" />
<mask
id="mask0_4322_966"
width="6"
height="6"
x="10"
y="4"
maskUnits="userSpaceOnUse"
style="mask-type: alpha"
>
<path fill="url(#paint0_linear_4322_966)" d="M10 4h6v6h-6V4Z" />
</mask>
<g mask="url(#mask0_4322_966)">
<path stroke="#fff" stroke-width="1.2" d="M14 10a4 4 0 0 0-4-4" />
</g>
<defs>
<linearGradient
id="paint0_linear_4322_966"
x1="9.6"
x2="13.117"
y1="5.6"
y2="7.928"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#09101C" stop-opacity="0" />
<stop offset="1" stop-color="#09101C" />
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 948 B

37
packages/icons/svg/confetti-colorful-icon.svg Normal file
View File

@ -0,0 +1,37 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<g clip-path="url(#clip0_4508_1033)">
<path
stroke="#09101C"
stroke-width="1.2"
d="M7.646 5.782c-.353.354-4.242 11.314-4.242 11.314s10.96-3.889 11.313-4.242c.354-.354.354-2.475-2.12-4.95C10.12 5.429 8 5.429 7.646 5.782Z"
/>
<path
stroke="#09101C"
stroke-width="1.2"
d="M7.646 5.782s-.353 2.475 2.122 4.95c2.475 2.475 4.95 2.122 4.95 2.122"
/>
<path
fill="#09101C"
fill-rule="evenodd"
d="M10.546 14.197 6.303 9.954l-.848.849 4.242 4.242.849-.848Zm-2.475 1.06L5.242 12.43l-.848.849 2.828 2.828.849-.848Z"
clip-rule="evenodd"
/>
<path fill="#EC266C" d="M17.5 9.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" />
<path fill="#FF7D46" d="M10.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" />
<path fill="#F6B03C" d="M18.5 2.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" />
<path fill="#1992D7" d="M15 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" />
<path fill="#7140FD" d="M14.5 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" />
<path fill="#F66F8F" d="M20 6.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" />
</g>
<defs>
<clipPath id="clip0_4508_1033">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

37
packages/icons/svg/confetti-icon.svg Normal file
View File

@ -0,0 +1,37 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<g clip-path="url(#clip0_4450_1061)">
<path
stroke="#09101C"
stroke-width="1.2"
d="M7.646 5.782c-.353.354-4.242 11.314-4.242 11.314s10.96-3.889 11.313-4.242c.354-.354.354-2.475-2.12-4.95C10.12 5.429 8 5.429 7.646 5.782Z"
/>
<path
stroke="#09101C"
stroke-width="1.2"
d="M7.646 5.782s-.353 2.475 2.122 4.95c2.475 2.475 4.95 2.122 4.95 2.122"
/>
<path
fill="#09101C"
fill-rule="evenodd"
d="M10.546 14.197 6.303 9.954l-.848.849 4.242 4.242.849-.848Zm-2.475 1.06L5.242 12.43l-.848.849 2.828 2.828.849-.848Z"
clip-rule="evenodd"
/>
<circle cx="14.362" cy="10.312" r="1" fill="#647084" opacity=".8" />
<circle cx="8.787" cy="3.165" r="1.5" fill="#647084" opacity=".4" />
<circle cx="16.545" cy="4.165" r="1" fill="#647084" opacity=".6" />
<circle cx="11.751" cy="7.031" r="1.5" fill="#647084" opacity=".8" />
<circle cx="12.47" cy="3.446" r="1" fill="#647084" opacity=".4" />
<circle cx="16.715" cy="7.897" r="1.5" fill="#647084" opacity=".6" />
</g>
<defs>
<clipPath id="clip0_4450_1061">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

15
packages/icons/svg/cross-circle-icon.svg Normal file
View File

@ -0,0 +1,15 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<circle cx="10" cy="10" r="7.5" fill="#E95460" />
<path
fill="#fff"
fill-rule="evenodd"
d="m10 10.849 2.05 2.05.849-.848-2.05-2.05 2.05-2.052-.848-.848L10 9.15l-2.05-2.05-.85.848L9.152 10l-2.05 2.05.849.85L10 10.848Z"
clip-rule="evenodd"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 377 B

21
packages/icons/svg/disconnect-icon.svg Normal file
View File

@ -0,0 +1,21 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<g clip-path="url(#clip0_4202_1053)">
<path
fill="#09101C"
fill-rule="evenodd"
d="M15.374 4.626a3.6 3.6 0 0 0-5.091 0L8.869 6.04l.848.849 1.415-1.414a2.4 2.4 0 1 1 3.394 3.394l-1.415 1.414.849.848 1.414-1.414a3.6 3.6 0 0 0 0-5.091Zm-9.9 6.505L6.89 9.717 6.04 8.87l-1.414 1.414a3.6 3.6 0 0 0 5.091 5.091l1.415-1.414-.85-.849-1.413 1.414a2.4 2.4 0 1 1-3.394-3.394Zm-.353-6.859-.848.849 10.606 10.607.849-.849L5.12 4.272Z"
clip-rule="evenodd"
/>
</g>
<defs>
<clipPath id="clip0_4202_1053">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 714 B

4
packages/icons/svg/epic-icon.svg
View File

@ -5,14 +5,14 @@
fill="none" fill="none"
viewBox="0 0 20 20" viewBox="0 0 20 20"
> >
<g clip-path="url(#prefix__clip0_3564_944)"> <g clip-path="url(#clip0_3564_944)">
<path <path
fill="#09101C" fill="#09101C"
d="M4.84 15V4.09h6.585v1.173H6.162v3.686h4.922v1.172H6.162v3.707h5.348V15H4.84Zm9.576-1.396a.923.923 0 0 1-.676-.282.923.923 0 0 1-.283-.676c0-.263.095-.489.283-.677a.923.923 0 0 1 .676-.282c.263 0 .489.094.677.282a.923.923 0 0 1 .282.677.903.903 0 0 1-.133.479.995.995 0 0 1-.346.352.914.914 0 0 1-.48.127Zm0-5.518a.923.923 0 0 1-.676-.282.923.923 0 0 1-.283-.677c0-.263.095-.488.283-.676a.923.923 0 0 1 .676-.283c.263 0 .489.094.677.283a.923.923 0 0 1 .282.676.903.903 0 0 1-.133.48.994.994 0 0 1-.346.351.914.914 0 0 1-.48.128Z" d="M4.84 15V4.09h6.585v1.173H6.162v3.686h4.922v1.172H6.162v3.707h5.348V15H4.84Zm9.576-1.396a.923.923 0 0 1-.676-.282.923.923 0 0 1-.283-.676c0-.263.095-.489.283-.677a.923.923 0 0 1 .676-.282c.263 0 .489.094.677.282a.923.923 0 0 1 .282.677.903.903 0 0 1-.133.479.995.995 0 0 1-.346.352.914.914 0 0 1-.48.127Zm0-5.518a.923.923 0 0 1-.676-.282.923.923 0 0 1-.283-.677c0-.263.095-.488.283-.676a.923.923 0 0 1 .676-.283c.263 0 .489.094.677.283a.923.923 0 0 1 .282.676.903.903 0 0 1-.133.48.994.994 0 0 1-.346.351.914.914 0 0 1-.48.128Z"
/> />
</g> </g>
<defs> <defs>
<clipPath id="prefix__clip0_3564_944"> <clipPath id="clip0_3564_944">
<path fill="#fff" d="M0 0h20v20H0z" /> <path fill="#fff" d="M0 0h20v20H0z" />
</clipPath> </clipPath>
</defs> </defs>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 867 B

After

Width:  |  Height:  |  Size: 851 B

22
packages/icons/svg/facebook-icon.svg Normal file
View File

@ -0,0 +1,22 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<g clip-path="url(#clip0_4319_1242)">
<circle cx="10" cy="10" r="10" fill="#09101C" />
<path
fill="#fff"
fill-rule="evenodd"
d="M11.563 19.879a10.073 10.073 0 0 1-3.126 0v-6.91H5.899v-2.908h2.54V7.845c0-2.522 1.492-3.915 3.777-3.915 1.094 0 2.238.197 2.238.197v2.476h-1.26c-1.243 0-1.63.775-1.63 1.57v1.888h2.773l-.443 2.909h-2.33v6.909Z"
clip-rule="evenodd"
/>
</g>
<defs>
<clipPath id="clip0_4319_1242">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 637 B

4
packages/icons/svg/faceid-key-icon.svg
View File

@ -5,7 +5,7 @@
fill="none" fill="none"
viewBox="0 0 20 20" viewBox="0 0 20 20"
> >
<g clip-path="url(#prefix__clip0_2970_889)"> <g clip-path="url(#clip0_2970_889)">
<path <path
fill="#09101C" fill="#09101C"
fill-rule="evenodd" fill-rule="evenodd"
@ -14,7 +14,7 @@
/> />
</g> </g>
<defs> <defs>
<clipPath id="prefix__clip0_2970_889"> <clipPath id="clip0_2970_889">
<path fill="#fff" d="M0 0h20v20H0z" /> <path fill="#fff" d="M0 0h20v20H0z" />
</clipPath> </clipPath>
</defs> </defs>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

12
packages/icons/svg/flickr-icon.svg Normal file
View File

@ -0,0 +1,12 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<path
fill="#09101C"
d="M15.5 14.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM4.5 14.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 248 B

2
packages/icons/svg/flip-icon.svg
View File

@ -8,7 +8,7 @@
<path <path
fill="#09101C" fill="#09101C"
fill-rule="evenodd" fill-rule="evenodd"
d="M6.417 2.735a8.1 8.1 0 0 1 11.407 5.169l-1.16.31A6.9 6.9 0 0 0 4.45 5.9H7v1.2H2.9V3h1.2v1.45a8.1 8.1 0 0 1 2.317-1.715ZM10 8.1a1.9 1.9 0 1 0 0 3.8 1.9 1.9 0 0 0 0-3.8ZM6.9 10a3.1 3.1 0 1 1 6.2 0 3.1 3.1 0 0 1-6.2 0Zm-4.724 2.096A8.1 8.1 0 0 0 15.9 15.55V17h1.2v-4.1H13v1.2h2.55a6.9 6.9 0 0 1-12.215-2.314l-1.16.31Z" d="M6.417 2.735a8.1 8.1 0 0 1 11.407 5.169l-1.16.31A6.9 6.9 0 0 0 4.45 5.9H7v1.2H2.9V3h1.2v1.45a8.1 8.1 0 0 1 2.317-1.715ZM10 8.1a1.9 1.9 0 1 0 0 3.8 1.9 1.9 0 0 0 0-3.8ZM6.9 10a3.1 3.1 0 1 1 6.2 0 3.1 3.1 0 0 1-6.2 0Zm-4.724 2.096A8.1 8.1 0 0 0 15.9 15.55V17h1.2v-4.1H13v1.2h2.55a6.901 6.901 0 0 1-12.215-2.314l-1.16.31Z"
clip-rule="evenodd" clip-rule="evenodd"
/> />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 517 B

After

Width:  |  Height:  |  Size: 521 B

4
packages/icons/svg/gavel-icon.svg
View File

@ -5,7 +5,7 @@
fill="none" fill="none"
viewBox="0 0 20 20" viewBox="0 0 20 20"
> >
<g clip-path="url(#prefix__clip0_3221_3033)"> <g clip-path="url(#clip0_3221_3033)">
<path <path
fill="#09101C" fill="#09101C"
fill-rule="evenodd" fill-rule="evenodd"
@ -14,7 +14,7 @@
/> />
</g> </g>
<defs> <defs>
<clipPath id="prefix__clip0_3221_3033"> <clipPath id="clip0_3221_3033">
<path fill="#fff" d="M0 0h20v20H0z" /> <path fill="#fff" d="M0 0h20v20H0z" />
</clipPath> </clipPath>
</defs> </defs>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

22
packages/icons/svg/github-icon.svg Normal file
View File

@ -0,0 +1,22 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<g clip-path="url(#clip0_4319_1240)">
<circle cx="10" cy="10" r="10" fill="#000" />
<path
fill="#fff"
fill-rule="evenodd"
d="M12.345 19.724c-.752.18-1.537.276-2.345.276-.8 0-1.577-.094-2.322-.271l-.002-.336c-.003-.72-.008-1.758-.008-2.283-2.355.444-2.965-.589-3.152-1.13a3.493 3.493 0 0 0-.961-1.357c-.328-.18-.797-.625-.012-.637.3.033.587.14.838.312.251.171.458.402.603.673.129.236.301.444.508.612a1.957 1.957 0 0 0 2.223.181c.04-.489.253-.946.597-1.286-2.085-.24-4.265-1.069-4.265-4.746-.013-.955.33-1.88.96-2.583a3.535 3.535 0 0 1 .095-2.547s.785-.252 2.578.985a8.628 8.628 0 0 1 4.687 0c1.793-1.25 2.578-.985 2.578-.985.347.806.38 1.717.094 2.547.632.703.976 1.628.96 2.583 0 3.69-2.19 4.506-4.276 4.746.223.233.396.512.505.819.109.307.153.634.127.96 0 .855-.005 2.153-.008 3.021l-.002.446Z"
clip-rule="evenodd"
/>
</g>
<defs>
<clipPath id="clip0_4319_1240">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

14
packages/icons/svg/heart-break-icon.svg Normal file
View File

@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<path
fill="#09101C"
fill-rule="evenodd"
d="M14.079 14.543c1.853-1.593 3.794-4.012 3.519-7.06-.133-1.72-.673-2.864-1.55-3.502-.869-.633-1.923-.662-2.844-.492-.927.17-1.816.56-2.457.893-.303.158-.559.306-.745.42a11.922 11.922 0 0 0-.733-.419c-.635-.333-1.515-.723-2.437-.894-.917-.17-1.967-.14-2.84.491-.878.636-1.433 1.776-1.59 3.5-.277 3.049 1.666 5.469 3.52 7.063a18.648 18.648 0 0 0 3.73 2.472l.068.033.02.009.005.003h.001l.254-.543-.253.544.253.117.253-.117-.253-.544.253.544.002-.002.006-.002.019-.009.068-.033.25-.126a18.64 18.64 0 0 0 3.48-2.346Zm-3.18-8.878 1.378.919.717.478-.77.385-3.036 1.518 2.509 1.075.553.237-.334.5L10.434 13h1.875l-.362.724-.707 1.413c.612-.383 1.34-.889 2.056-1.504 1.772-1.523 3.33-3.594 3.107-6.045l-.001-.008c-.118-1.539-.578-2.278-1.06-2.629-.49-.356-1.154-.424-1.92-.282-.761.14-1.53.47-2.122.778-.147.076-.282.15-.4.218ZM9.817 15.75a17.457 17.457 0 0 1-3.112-2.118c-1.771-1.522-3.33-3.593-3.106-6.044.14-1.539.608-2.282 1.098-2.636.495-.358 1.158-.424 1.917-.283.754.14 1.512.469 2.098.777.112.059.217.116.313.17l1.982 1.322-3.23 1.615-.964.482.991.425 2.948 1.263-1.667 2.5-.518.777h2.125l-.875 1.75Z"
clip-rule="evenodd"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

4
packages/icons/svg/heart-icon.svg
View File

@ -7,6 +7,8 @@
> >
<path <path
fill="#09101C" fill="#09101C"
d="m10 16.007-.253.544.253.117.253-.117-.253-.544ZM3 7.024l.598.054L3 7.024Zm14 0-.598.046v.008L17 7.024Zm-7-2.017-.345.49.343.241.344-.238L10 5.007Zm0 11 .253-.544-.003-.002a1.327 1.327 0 0 0-.07-.034l-.225-.113a17.458 17.458 0 0 1-3.252-2.191C4.934 11.6 3.376 9.529 3.599 7.078l-1.196-.109c-.277 3.05 1.665 5.47 3.52 7.064a18.648 18.648 0 0 0 3.73 2.472l.068.033.02.009.005.003h.001l.254-.543Zm0 0 .253.544.002-.001.006-.003.019-.009a7.928 7.928 0 0 0 .318-.16 18.652 18.652 0 0 0 3.48-2.346c1.855-1.593 3.797-4.013 3.52-7.063l-1.195.109c.222 2.45-1.336 4.522-3.107 6.045A17.461 17.461 0 0 1 9.75 15.46l-.003.001.253.545Zm7.598-9.03c-.132-1.723-.672-2.867-1.55-3.506-.869-.633-1.924-.662-2.844-.492-.927.17-1.816.56-2.457.893a12.177 12.177 0 0 0-1.081.636l-.005.004h-.002v.001l.341.494.342.493.002-.002a10.97 10.97 0 0 1 .956-.562c.593-.307 1.36-.637 2.121-.777.767-.142 1.431-.074 1.921.282.482.351.942 1.09 1.06 2.629l1.196-.092Zm-14 .101c.14-1.539.608-2.282 1.098-2.636.495-.358 1.158-.424 1.917-.283.754.14 1.512.469 2.098.777a10.684 10.684 0 0 1 .942.56l.002.002.345-.491.345-.491-.002-.002c-.002 0-.003-.002-.005-.003a1.632 1.632 0 0 0-.077-.052 11.88 11.88 0 0 0-.992-.585c-.635-.334-1.515-.724-2.437-.895-.917-.17-1.967-.14-2.84.491-.879.636-1.433 1.776-1.59 3.5l1.196.108Z" d="m10 16.517-.253.544.253.117.253-.117-.253-.544ZM3 7.534l.598.054L3 7.534Zm14 0-.598.046v.008L17 7.534Zm-7-2.017-.345.49.343.241.344-.238L10 5.517Zm0 11 .253-.544-.003-.002a1.327 1.327 0 0 0-.07-.034c-.051-.024-.127-.063-.225-.113a17.45 17.45 0 0 1-3.252-2.191c-1.77-1.523-3.328-3.594-3.105-6.045l-1.196-.109c-.277 3.05 1.665 5.47 3.52 7.064a18.654 18.654 0 0 0 3.73 2.472l.068.033.02.009.005.003h.001l.254-.543Zm0 0a78.287 78.287 0 0 0 .254.543h.001l.006-.003.019-.009a7.928 7.928 0 0 0 .318-.16 18.659 18.659 0 0 0 3.48-2.346c1.855-1.593 3.797-4.013 3.52-7.063l-1.195.109c.222 2.45-1.336 4.522-3.107 6.045A17.453 17.453 0 0 1 9.75 15.97l-.003.001.253.545Zm7.598-9.03c-.132-1.723-.672-2.867-1.55-3.506-.869-.633-1.924-.662-2.844-.492-.927.17-1.816.56-2.457.893a12.177 12.177 0 0 0-1.081.636l-.005.004h-.002v.001l.341.494.342.493.002-.002a10.97 10.97 0 0 1 .956-.562c.593-.307 1.36-.637 2.121-.777.767-.142 1.431-.074 1.921.282.482.351.942 1.09 1.06 2.629l1.196-.092Zm-14 .101c.14-1.538.608-2.282 1.098-2.636.495-.358 1.158-.424 1.917-.283.754.14 1.512.469 2.098.777a10.684 10.684 0 0 1 .942.56l.002.002.345-.491.345-.491-.002-.002c-.002 0-.003-.002-.005-.003a1.632 1.632 0 0 0-.077-.052 11.886 11.886 0 0 0-.992-.585c-.635-.334-1.515-.724-2.437-.895-.917-.17-1.967-.14-2.84.491-.879.636-1.433 1.776-1.59 3.5l1.196.108Z"
/> />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

15
packages/icons/svg/hourglass-icon.svg Normal file
View File

@ -0,0 +1,15 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<path fill="#09101C" d="M6 5h8V3H6v2ZM6 17h8v-2H6v2Z" opacity=".12" />
<path
fill="#09101C"
fill-rule="evenodd"
d="M16 2.4H4v1.2h.925c.01.16.026.349.049.558.073.68.22 1.599.517 2.526C5.882 7.9 6.58 9.245 7.797 10c-1.218.755-1.915 2.1-2.306 3.316a12.9 12.9 0 0 0-.517 2.526c-.023.21-.038.397-.05.558H4v1.2h12v-1.2h-.925c-.01-.16-.026-.349-.049-.558-.073-.68-.22-1.599-.517-2.526-.392-1.216-1.088-2.561-2.306-3.316 1.218-.755 1.915-2.1 2.306-3.316.297-.927.444-1.845.517-2.526.023-.21.038-.397.049-.558H16V2.4Zm-2.128 1.2H6.128a13.2 13.2 0 0 0 .084.8h7.576a13.332 13.332 0 0 0 .084-.8Zm-.306 2H6.434c.057.236.123.477.2.716C7.175 8.001 8.16 9.4 10 9.4c1.839 0 2.825-1.4 3.366-3.084.077-.24.143-.48.2-.716Zm.306 10.8a12.792 12.792 0 0 0-.084-.8H6.212a13.382 13.382 0 0 0-.084.8h7.744Zm-.506-2.716c.077.24.143.48.2.716H6.434c.057-.236.123-.477.2-.716C7.175 11.999 8.16 10.6 10 10.6c1.839 0 2.825 1.4 3.366 3.084Z"
clip-rule="evenodd"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

19
packages/icons/svg/intagram-icon.svg Normal file
View File

@ -0,0 +1,19 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<g clip-path="url(#clip0_4319_1244)">
<path
fill="#09101C"
d="M6.667 10a3.333 3.333 0 1 1 6.667 0 3.333 3.333 0 0 1-6.667 0Zm-1.802 0a5.135 5.135 0 1 0 10.27 0 5.135 5.135 0 0 0-10.27 0Zm9.274-5.338a1.2 1.2 0 1 0 1.2-1.2 1.2 1.2 0 0 0-1.2 1.2ZM5.96 18.14c-.975-.045-1.505-.207-1.857-.344a3.11 3.11 0 0 1-1.15-.748 3.086 3.086 0 0 1-.748-1.15c-.137-.352-.3-.882-.344-1.857-.049-1.054-.058-1.37-.058-4.04 0-2.671.01-2.987.058-4.042.044-.975.208-1.504.344-1.857.182-.467.398-.8.748-1.15.35-.35.682-.567 1.15-.748.352-.138.882-.3 1.857-.344C7.014 1.81 7.331 1.8 10 1.8c2.67 0 2.987.01 4.042.059.975.044 1.504.208 1.857.344.467.18.8.398 1.15.748.35.35.566.683.748 1.15.137.352.3.882.344 1.857.049 1.055.058 1.37.058 4.041 0 2.67-.01 2.986-.058 4.041-.044.975-.207 1.505-.344 1.857a3.1 3.1 0 0 1-.748 1.15 3.11 3.11 0 0 1-1.15.748c-.352.137-.882.3-1.857.344-1.054.048-1.371.058-4.042.058-2.67 0-2.986-.01-4.04-.058ZM5.877.06C4.813.11 4.085.279 3.45.526A4.905 4.905 0 0 0 1.68 1.678 4.886 4.886 0 0 0 .525 3.45C.278 4.086.11 4.813.061 5.877.01 6.943 0 7.284 0 10s.011 3.057.06 4.123c.049 1.064.218 1.791.465 2.427a4.888 4.888 0 0 0 1.154 1.771 4.916 4.916 0 0 0 1.771 1.154c.637.247 1.363.416 2.427.464C6.944 19.988 7.285 20 10 20c2.716 0 3.057-.011 4.123-.06 1.065-.049 1.792-.218 2.428-.465a4.918 4.918 0 0 0 1.771-1.154 4.9 4.9 0 0 0 1.154-1.77c.247-.637.417-1.364.464-2.428.049-1.067.06-1.407.06-4.123s-.011-3.057-.06-4.123c-.048-1.064-.217-1.792-.464-2.427a4.917 4.917 0 0 0-1.154-1.772 4.893 4.893 0 0 0-1.77-1.153c-.637-.247-1.364-.417-2.428-.464C13.058.012 12.717 0 10.001 0S6.944.011 5.877.06Z"
/>
</g>
<defs>
<clipPath id="clip0_4319_1244">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

4
packages/icons/svg/key-icon.svg
View File

@ -5,7 +5,7 @@
fill="none" fill="none"
viewBox="0 0 20 20" viewBox="0 0 20 20"
> >
<g clip-path="url(#prefix__clip0_1728_850)"> <g clip-path="url(#clip0_1728_850)">
<path <path
fill="#09101C" fill="#09101C"
fill-rule="evenodd" fill-rule="evenodd"
@ -14,7 +14,7 @@
/> />
</g> </g>
<defs> <defs>
<clipPath id="prefix__clip0_1728_850"> <clipPath id="clip0_1728_850">
<rect width="20" height="20" fill="#fff" rx="6" /> <rect width="20" height="20" fill="#fff" rx="6" />
</clipPath> </clipPath>
</defs> </defs>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 910 B

After

Width:  |  Height:  |  Size: 894 B

14
packages/icons/svg/language-icon.svg Normal file
View File

@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<path
fill="#09101C"
fill-rule="evenodd"
d="M13.9 3v1.4h-2.4v1.2h5.363c-.1 1.457-.293 2.808-.575 3.972-.324 1.339-.757 2.387-1.268 3.068-.298.397-.6.777-.908 1.123a66.027 66.027 0 0 1-.188-.187c-.9-.9-1.52-2.12-1.836-3.694l-1.176.236c.351 1.759 1.064 3.207 2.164 4.306l.02.02.162.163-.016.013c-.615.513-1.19.78-1.742.78v1.2c.949 0 1.791-.458 2.51-1.058.048-.04.094-.079.14-.12.81.651 1.83 1.178 3.35 1.178v-1.2c-1.102 0-1.846-.335-2.496-.834.344-.385.67-.797.976-1.206.65-.868 1.133-2.095 1.474-3.506.345-1.42.558-3.072.645-4.824l.031-.63H15.1V3h-1.2Zm-9.374.9H7.474l.11.461L7 4.5l.584-.139v.002l.001.006.006.022.02.089.08.336a421.36 421.36 0 0 1 1.145 4.991 175.5 175.5 0 0 1 .862 4.07c.118.6.217 1.142.287 1.583.068.427.115.799.115 1.04H8.9c0-.134-.031-.418-.1-.852-.067-.42-.163-.946-.28-1.54-.148-.757-.328-1.619-.52-2.508H4c-.192.889-.372 1.751-.52 2.508-.117.594-.213 1.12-.28 1.54-.069.434-.1.718-.1.852H1.9c0-.241.047-.613.115-1.04.07-.441.169-.982.287-1.583.236-1.203.55-2.662.862-4.07a404.329 404.329 0 0 1 1.144-4.99l.08-.337.021-.089.005-.022.002-.006v-.001L5 4.5l-.584-.139.11-.461Zm3.138 6.168.074.332H4.262l.074-.332A402.767 402.767 0 0 1 5.475 5.1h1.05a418.63 418.63 0 0 1 1.14 4.968Z"
clip-rule="evenodd"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

22
packages/icons/svg/laugh-icon.svg
View File

@ -1,37 +1,37 @@
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="12" width="20"
height="12" height="20"
fill="none" fill="none"
viewBox="0 0 12 12" viewBox="0 0 20 20"
> >
<circle cx="6" cy="6" r="6" fill="#FFD764" /> <circle cx="10" cy="10" r="10" fill="#FFD764" />
<circle cx="6" cy="6" r="6" fill="url(#prefix__paint0_radial_2438_895)" /> <circle cx="10" cy="10" r="10" fill="url(#paint0_radial_942_215)" />
<path <path
fill="#772622" fill="#772622"
d="M9.375 7.313c0 1.656-1.875 2.812-3.375 2.812S2.625 8.969 2.625 7.312c0-.75 1.688-1.125 3.375-1.125 1.688 0 3.375.375 3.375 1.125Z" d="M15.625 12.188c0 2.76-3.125 4.687-5.625 4.687s-5.625-1.926-5.625-4.688c0-1.25 2.813-1.874 5.625-1.874 2.813 0 5.625.624 5.625 1.874Z"
/> />
<path <path
fill="#fff" fill="#fff"
d="M8.01 7.03c-.33-.11-1-.28-2.01-.28-1.01 0-1.68.17-2.01.28-.135.047-.188.199-.124.327a.258.258 0 0 0 .231.143h3.806a.258.258 0 0 0 .231-.143c.064-.128.01-.28-.125-.326Z" d="M13.349 11.718c-.55-.185-1.667-.468-3.349-.468-1.682 0-2.799.283-3.349.468-.226.076-.315.33-.208.543a.43.43 0 0 0 .386.239h6.342a.43.43 0 0 0 .386-.239c.107-.213.018-.467-.208-.543Z"
/> />
<path <path
fill="#E45852" fill="#E45852"
d="M7.104 8.914a.223.223 0 0 1-.017.402A2.552 2.552 0 0 1 6 9.562c-.38 0-.752-.088-1.087-.246a.223.223 0 0 1-.017-.402A2.24 2.24 0 0 1 6 8.625c.401 0 .778.105 1.104.29Z" d="M11.84 14.857a.372.372 0 0 1-.028.67 4.253 4.253 0 0 1-1.812.41 4.253 4.253 0 0 1-1.812-.41.372.372 0 0 1-.028-.67 3.734 3.734 0 0 1 1.84-.482c.669 0 1.297.175 1.84.482Z"
/> />
<path <path
fill="#424242" fill="#424242"
fill-rule="evenodd" fill-rule="evenodd"
d="M3.076 3.493a.328.328 0 0 1 .462-.042l1.125.938a.328.328 0 0 1-.21.58c-.52 0-1.278.168-1.7.433a.328.328 0 1 1-.349-.557c.29-.18.668-.317 1.05-.407.078-.018.103-.117.042-.168l-.378-.315a.328.328 0 0 1-.042-.462ZM8.924 3.493a.328.328 0 0 0-.462-.042l-1.125.938a.328.328 0 0 0 .21.58c.52 0 1.278.168 1.7.433a.328.328 0 1 0 .349-.557c-.29-.18-.668-.317-1.05-.407-.078-.018-.103-.117-.042-.168l.378-.315a.328.328 0 0 0 .042-.462Z" d="M5.127 5.822a.547.547 0 0 1 .77-.07l1.875 1.562a.547.547 0 0 1-.35.967c-.867 0-2.13.281-2.835.722a.547.547 0 1 1-.58-.928c.482-.3 1.113-.529 1.75-.678.129-.03.17-.196.07-.28l-.63-.525a.547.547 0 0 1-.07-.77ZM14.873 5.822a.547.547 0 0 0-.77-.07l-1.875 1.562a.547.547 0 0 0 .35.967c.867 0 2.13.281 2.835.722a.547.547 0 0 0 .58-.928c-.482-.3-1.114-.529-1.75-.678-.129-.03-.17-.196-.07-.28l.63-.525a.547.547 0 0 0 .07-.77Z"
clip-rule="evenodd" clip-rule="evenodd"
/> />
<defs> <defs>
<radialGradient <radialGradient
id="prefix__paint0_radial_2438_895" id="paint0_radial_942_215"
cx="0" cx="0"
cy="0" cy="0"
r="1" r="1"
gradientTransform="rotate(124.563 3.39 3.337) scale(10.2458 13.3012)" gradientTransform="rotate(124.563 5.651 5.561) scale(17.0763 22.1686)"
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
> >
<stop stop-color="#FFD764" /> <stop stop-color="#FFD764" />

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

20
packages/icons/svg/lens-icon.svg Normal file
View File

@ -0,0 +1,20 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<path
fill="#09101C"
d="M9.727 12.628c-.184 0-4.554-.039-7.897-3.383-.07-.07-.14-.14-.207-.213C.923 8.295.59 7.417.66 6.494c.062-.814.438-1.603 1.055-2.222.617-.618 1.408-.993 2.222-1.055.852-.063 1.667.214 2.37.809.075-.917.453-1.691 1.102-2.247.62-.532 1.44-.824 2.317-.824.877 0 1.699.292 2.318.824.649.557 1.027 1.33 1.103 2.247.702-.595 1.517-.877 2.37-.809.814.062 1.602.438 2.22 1.055.619.617.995 1.408 1.056 2.222.071.923-.262 1.8-.961 2.54-.068.07-.137.143-.208.213-3.343 3.342-7.713 3.38-7.898 3.38ZM4.179 3.902c-.757 0-1.469.352-1.975.858-.91.91-1.323 2.487-.08 3.8.063.068.128.134.194.2 3.143 3.142 7.367 3.178 7.41 3.178.041 0 4.274-.043 7.41-3.178.066-.066.13-.133.194-.2 1.242-1.315.83-2.89-.08-3.8-.91-.91-2.487-1.324-3.803-.08-.12.112-.236.228-.349.348l-.653.693.026-.95c0-.073.004-.145.004-.219 0-.094 0-.188-.004-.278-.05-1.808-1.458-2.631-2.744-2.631-1.288 0-2.693.823-2.744 2.63 0 .093-.004.188-.004.28 0 .07 0 .14.004.212l.025.956-.654-.69a9.136 9.136 0 0 0-.35-.35C5.42 4.125 4.784 3.9 4.18 3.9Z"
/>
<path
fill="#09101C"
d="M9.286 8.979h-.502c0-.746-.726-1.354-1.618-1.354-.892 0-1.618.608-1.618 1.354h-.501c0-1.023.95-1.855 2.119-1.855 1.169 0 2.12.832 2.12 1.855Zm5.094-.021h-.5c0-.746-.727-1.353-1.62-1.353-.892 0-1.618.607-1.618 1.353h-.5c0-1.022.95-1.854 2.119-1.854 1.168 0 2.12.832 2.12 1.854Z"
/>
<path
fill="#09101C"
d="M7.743 8.989a.72.72 0 1 0 0-1.442.72.72 0 0 0 0 1.442Zm5.06 0a.72.72 0 1 0 0-1.441.72.72 0 0 0 0 1.44ZM9.726 10.82c-.59 0-1.138-.303-1.394-.773l.439-.24c.17.314.544.512.954.512.41 0 .785-.2.954-.511l.438.24c-.253.469-.798.772-1.39.772Zm8.98 6.946a6.256 6.256 0 0 1-4.024.438 6.148 6.148 0 0 1-2.967-1.606c.519.215 1.076.325 1.638.322.971 0 1.919-.302 2.711-.864l-.402-.56c-1.084.78-2.576.968-3.752.436-1.162-.523-1.817-1.642-1.859-3.16v-.489h-.688v.486c-.04 1.52-.697 2.64-1.86 3.163-1.177.53-2.67.345-3.752-.438l-.402.56a4.681 4.681 0 0 0 2.71.865 4.222 4.222 0 0 0 1.639-.322 6.146 6.146 0 0 1-2.968 1.607 6.257 6.257 0 0 1-4.023-.439l-.294.623a6.92 6.92 0 0 0 4.469.488 6.845 6.845 0 0 0 3.876-2.426l.005-.006c.229-.3.43-.62.6-.958v3.546h.69v-3.54c.17.335.37.654.598.953l.005.006a6.846 6.846 0 0 0 3.876 2.426A6.938 6.938 0 0 0 19 18.389l-.295-.623Z"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

23
packages/icons/svg/linkedin-icon.svg Normal file
View File

@ -0,0 +1,23 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<g clip-path="url(#clip0_4319_1238)">
<path
fill="#09101C"
d="M10 0c8.667 0 10 1.333 10 10s-1.333 10-10 10S0 18.667 0 10 1.333 0 10 0Z"
/>
<path
fill="#fff"
d="M5.752 8.526h1.813v5.837H5.752V8.526Zm.924-2.901a1.053 1.053 0 0 1 1.032 1.252 1.049 1.049 0 0 1-.823.826 1.053 1.053 0 0 1-1.26-1.023 1.047 1.047 0 0 1 1.051-1.055Zm2.049 2.9h1.746v.797a1.908 1.908 0 0 1 1.723-.941c1.812 0 2.181 1.206 2.181 2.78v3.202h-1.813V11.54c0-.676 0-1.55-.942-1.55-.943 0-1.088.736-1.088 1.495v2.889H8.719l.006-5.85Z"
/>
</g>
<defs>
<clipPath id="clip0_4319_1238">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 785 B

8
packages/icons/svg/loading-icon.svg
View File

@ -11,7 +11,7 @@
d="M10.1 2.6a7.5 7.5 0 1 0 7.5 7.5" d="M10.1 2.6a7.5 7.5 0 1 0 7.5 7.5"
/> />
<mask <mask
id="prefix__mask0_1036_13" id="mask0_1036_13"
width="10" width="10"
height="10" height="10"
x="9" x="9"
@ -19,9 +19,9 @@
maskUnits="userSpaceOnUse" maskUnits="userSpaceOnUse"
style="mask-type: alpha" style="mask-type: alpha"
> >
<path fill="url(#prefix__paint0_linear_1036_13)" d="M9 1h10v10H9z" /> <path fill="url(#paint0_linear_1036_13)" d="M9 1h10v10H9z" />
</mask> </mask>
<g mask="url(#prefix__mask0_1036_13)"> <g mask="url(#mask0_1036_13)">
<path <path
stroke="#09101C" stroke="#09101C"
stroke-width="1.2" stroke-width="1.2"
@ -30,7 +30,7 @@
</g> </g>
<defs> <defs>
<linearGradient <linearGradient
id="prefix__paint0_linear_1036_13" id="paint0_linear_1036_13"
x1="11" x1="11"
x2="15.396" x2="15.396"
y1="3" y1="3"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 912 B

After

Width:  |  Height:  |  Size: 880 B

16
packages/icons/svg/love-icon.svg
View File

@ -1,25 +1,25 @@
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="12" width="20"
height="12" height="20"
fill="none" fill="none"
viewBox="0 0 12 12" viewBox="0 0 20 20"
> >
<path <path
fill="#E45852" fill="#E45852"
d="M.375 4.125C.375 7.5 4.343 11.25 6 11.25s5.625-3.75 5.625-7.125c0-1.657-1.125-3-2.625-3-1.318 0-2.438.594-2.84 1.875-.08.188-.12.188-.16.188-.04 0-.08 0-.16-.188C5.439 1.719 4.319 1.125 3 1.125c-1.5 0-2.625 1.343-2.625 3Z" d="M.625 6.875C.625 12.5 7.239 18.75 10 18.75s9.375-6.25 9.375-11.875c0-2.761-1.875-5-4.375-5-2.197 0-4.063.99-4.734 3.125-.133.313-.2.313-.266.313s-.133 0-.266-.313C9.064 2.864 7.197 1.875 5 1.875c-2.5 0-4.375 2.239-4.375 5Z"
/> />
<path <path
fill="url(#prefix__paint0_radial_2438_891)" fill="url(#paint0_radial_942_218)"
d="M.375 4.125C.375 7.5 4.343 11.25 6 11.25s5.625-3.75 5.625-7.125c0-1.657-1.125-3-2.625-3-1.318 0-2.438.594-2.84 1.875-.08.188-.12.188-.16.188-.04 0-.08 0-.16-.188C5.439 1.719 4.319 1.125 3 1.125c-1.5 0-2.625 1.343-2.625 3Z" d="M.625 6.875C.625 12.5 7.239 18.75 10 18.75s9.375-6.25 9.375-11.875c0-2.761-1.875-5-4.375-5-2.197 0-4.063.99-4.734 3.125-.133.313-.2.313-.266.313s-.133 0-.266-.313C9.064 2.864 7.197 1.875 5 1.875c-2.5 0-4.375 2.239-4.375 5Z"
/> />
<defs> <defs>
<radialGradient <radialGradient
id="prefix__paint0_radial_2438_891" id="paint0_radial_942_218"
cx="0" cx="0"
cy="0" cy="0"
r="1" r="1"
gradientTransform="matrix(-.52735 7.74098 -7.4041 -.5044 6 3.957)" gradientTransform="rotate(93.897 1.92 7.969) scale(12.9315 12.3688)"
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
> >
<stop stop-color="#F05D56" /> <stop stop-color="#F05D56" />

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1007 B

After

Width:  |  Height:  |  Size: 993 B

2
packages/icons/svg/messages-icon.svg
View File

@ -8,7 +8,7 @@
<path <path
fill="#09101C" fill="#09101C"
fill-rule="evenodd" fill-rule="evenodd"
d="M7.8 2.4h-.026c-.818 0-1.469 0-1.993.043-.538.044-.996.136-1.415.35a3.6 3.6 0 0 0-1.574 1.573c-.213.42-.305.877-.35 1.415C2.4 6.306 2.4 6.956 2.4 7.774V9.1h11.85a3.35 3.35 0 1 0 0-6.7H7.8ZM4.91 3.862c.223-.114.505-.185.968-.223C6.348 3.6 6.95 3.6 7.8 3.6h6.45a2.15 2.15 0 0 1 0 4.3H3.6v-.1c0-.85 0-1.451.039-1.922.038-.463.11-.745.222-.968a2.4 2.4 0 0 1 1.05-1.048ZM12.2 10.9h.026c.818 0 1.468 0 1.993.043.538.044.996.136 1.415.35a3.6 3.6 0 0 1 1.573 1.573c.214.42.306.877.35 1.415.043.524.043 1.175.043 1.993V17.6H5.75a3.35 3.35 0 1 1 0-6.7h6.45Zm2.89 1.462c-.223-.114-.505-.185-.969-.223-.47-.038-1.071-.039-1.921-.039H5.75a2.15 2.15 0 0 0 0 4.3H16.4v-.1c0-.85 0-1.451-.039-1.921-.038-.464-.11-.746-.223-.969a2.4 2.4 0 0 0-1.049-1.048Z" d="M7.3 2.4h-.026c-.818 0-1.469 0-1.993.043-.538.044-.996.136-1.415.35a3.6 3.6 0 0 0-1.574 1.573c-.213.42-.305.877-.35 1.415C1.9 6.306 1.9 6.956 1.9 7.774V9.1h10.35a3.35 3.35 0 1 0 0-6.7H7.3ZM4.41 3.862c.223-.114.505-.185.968-.223C5.848 3.6 6.45 3.6 7.3 3.6h4.95a2.15 2.15 0 0 1 0 4.3H3.1v-.1c0-.85 0-1.451.039-1.922.038-.463.11-.745.222-.968a2.4 2.4 0 0 1 1.05-1.048ZM12.7 10.9h.026c.818 0 1.468 0 1.993.043.538.044.996.136 1.415.35a3.6 3.6 0 0 1 1.573 1.573c.214.42.306.877.35 1.415.043.524.043 1.175.043 1.993V17.6H7.75a3.35 3.35 0 1 1 0-6.7h4.95Zm2.89 1.462c-.223-.114-.505-.185-.969-.223-.47-.038-1.071-.039-1.921-.039H7.75a2.15 2.15 0 0 0 0 4.3h9.15v-.1c0-.85 0-1.451-.039-1.921-.038-.464-.11-.746-.223-.969a2.4 2.4 0 0 0-1.049-1.048Z"
clip-rule="evenodd" clip-rule="evenodd"
/> />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 940 B

After

Width:  |  Height:  |  Size: 940 B

14
packages/icons/svg/messenger-icon.svg Normal file
View File

@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<path
fill="#09101C"
fill-rule="evenodd"
d="M1.9 8.5a6.6 6.6 0 0 1 6.6-6.6h2.638a6.962 6.962 0 0 1 3.53 12.962l-5.364 3.155-.904.532V15.1a6.6 6.6 0 0 1-6.5-6.6Zm6.6-5.4a5.4 5.4 0 0 0 0 10.8h1.1v2.551l4.46-2.623A5.761 5.761 0 0 0 11.138 3.1H8.5ZM7 6.4h6v1.2H7V6.4Zm4.5 3H7v1.2h4.5V9.4Z"
clip-rule="evenodd"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 443 B

47
packages/icons/svg/mirror-icon.svg Normal file
View File

@ -0,0 +1,47 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<mask
id="mask0_4319_1231"
width="14"
height="18"
x="3"
y="1"
maskUnits="userSpaceOnUse"
style="mask-type: alpha"
>
<path
fill="url(#paint0_linear_4319_1231)"
d="M3 8.024C3 4.283 6.134 1.25 10 1.25s7 3.033 7 6.774v9.697c0 .568-.476 1.029-1.064 1.029H4.064C3.476 18.75 3 18.29 3 17.72V8.025Z"
/>
</mask>
<g mask="url(#mask0_4319_1231)">
<path
fill="#09101C"
d="M3 8.024C3 4.283 6.134 1.25 10 1.25s7 3.033 7 6.774v9.697c0 .568-.476 1.029-1.064 1.029H4.064C3.476 18.75 3 18.29 3 17.72V8.025Z"
/>
</g>
<path
fill="#09101C"
fill-rule="evenodd"
d="M16.168 17.91V8.043c0-3.306-2.761-5.987-6.168-5.987s-6.168 2.68-6.168 5.987v9.865c0 .019.015.034.034.034h12.268a.035.035 0 0 0 .024-.01.034.034 0 0 0 .01-.024ZM10 1.25c-3.866 0-7 3.042-7 6.794v9.865c0 .465.388.841.866.841h12.268a.854.854 0 0 0 .866-.84V8.043c0-3.752-3.134-6.794-7-6.794Z"
clip-rule="evenodd"
/>
<defs>
<linearGradient
id="paint0_linear_4319_1231"
x1="4.802"
x2="16.484"
y1="2.259"
y2="21.408"
gradientUnits="userSpaceOnUse"
>
<stop offset=".266" stop-color="#fff" stop-opacity="0" />
<stop offset=".734" stop-color="#3E7EF7" />
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

4
packages/icons/svg/nft-icon.svg
View File

@ -5,7 +5,7 @@
fill="none" fill="none"
viewBox="0 0 20 20" viewBox="0 0 20 20"
> >
<g clip-path="url(#prefix__clip0_580_17)"> <g clip-path="url(#clip0_580_17)">
<path <path
fill="#09101C" fill="#09101C"
fill-rule="evenodd" fill-rule="evenodd"
@ -14,7 +14,7 @@
/> />
</g> </g>
<defs> <defs>
<clipPath id="prefix__clip0_580_17"> <clipPath id="clip0_580_17">
<path fill="#fff" d="M0 0h20v20H0z" /> <path fill="#fff" d="M0 0h20v20H0z" />
</clipPath> </clipPath>
</defs> </defs>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

25
packages/icons/svg/opensea-icon.svg Normal file
View File

@ -0,0 +1,25 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<g clip-path="url(#clip0_4319_1243)">
<path
fill="#09101C"
d="M20 10c0 5.523-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0c5.524 0 10 4.477 10 10Z"
/>
<path
fill="#fff"
fill-rule="evenodd"
d="M16.25 11.736v-.644a.09.09 0 0 0-.116-.086l-3.084.88a.087.087 0 0 0-.043.025c-.33.36-.61.601-.685.665l-.005.005c-.192.16-.43.248-.68.248h-1.116v-1.123h.887a.095.095 0 0 0 .062-.023l.114-.104a5.3 5.3 0 0 0 .31-.3c.046-.045.09-.094.132-.143a6.82 6.82 0 0 0 .546-.666l.053-.074c.033-.05.067-.102.095-.151a2.859 2.859 0 0 0 .367-.846 1.64 1.64 0 0 0 .03-.513.932.932 0 0 0-.021-.155v-.008a2.594 2.594 0 0 0-.194-.606 2.845 2.845 0 0 0-.298-.542l-.05-.075-.04-.058a3.821 3.821 0 0 0-.198-.27 3.716 3.716 0 0 0-.162-.195 7.592 7.592 0 0 0-.161-.187 8.507 8.507 0 0 0-.686-.675 8.501 8.501 0 0 0-.376-.321l-.088-.071a2.443 2.443 0 0 0-.052-.043l-.085-.063a7.196 7.196 0 0 0-.04-.03.096.096 0 0 0-.026-.013l-.12-.033v-.97A.57.57 0 0 0 9.949 4a.572.572 0 0 0-.573.571v.654l-.06-.017-.16-.045-.148-.04h-.001l-.003-.001H9l-1.115-.298c-.049-.013-.09.039-.065.083l.178.325c.01.025.023.05.036.075l.025.051c.03.058.059.118.087.179.025.053.05.106.079.163l.037.083a10.824 10.824 0 0 1 .541 1.43 3.637 3.637 0 0 1 .075.265l.012.05c.033.13.062.259.083.39.017.089.032.174.04.26.013.098.026.196.03.293.008.09.012.183.012.273a2.856 2.856 0 0 1-.079.689c-.014.05-.028.103-.045.153-.015.054-.035.108-.056.164a7.407 7.407 0 0 0-.026.07 6.434 6.434 0 0 1-.414.839c-.193.339-.388.636-.525.827l-.024.035-.028.04a.092.092 0 0 0 .075.145h1.442v1.123H7.917c-.392 0-.755-.22-.93-.57a.98.98 0 0 1-.105-.558c.005-.056-.037-.11-.096-.11H3.841a.09.09 0 0 0-.091.09v.06c0 1.853 1.518 3.355 3.39 3.355h5.285c.99 0 1.553-.89 2.106-1.765.154-.244.307-.487.469-.709.29-.399.99-.715 1.194-.801a.092.092 0 0 0 .056-.085ZM4.538 10.268l-.044.068c-.038.059.004.137.077.137h2.713a.09.09 0 0 0 .075-.04c.035-.053.069-.108.099-.165.234-.388.442-.808.518-1.119.179-.754-.202-1.965-.642-2.939a.09.09 0 0 0-.159-.011l-2.637 4.07Z"
clip-rule="evenodd"
/>
</g>
<defs>
<clipPath id="clip0_4319_1243">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

23
packages/icons/svg/pinterest-icon.svg Normal file
View File

@ -0,0 +1,23 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<g clip-path="url(#clip0_4319_1236)">
<path
fill="#09101C"
d="M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10Z"
/>
<path
fill="#fff"
d="M10.757 13.179c-.71-.055-1.007-.406-1.563-.744-.305 1.603-.679 3.14-1.784 3.942-.342-2.422.5-4.242.892-6.173-.667-1.123.08-3.384 1.487-2.827 1.732.685-1.499 4.176.67 4.612 2.265.455 3.19-3.93 1.785-5.356-2.03-2.059-5.907-.047-5.43 2.901.116.72.861.94.298 1.934-1.3-.288-1.686-1.312-1.637-2.678.08-2.235 2.009-3.8 3.943-4.016 2.446-.274 4.741.898 5.058 3.198.356 2.597-1.104 5.409-3.72 5.207Z"
/>
</g>
<defs>
<clipPath id="clip0_4319_1236">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 835 B

14
packages/icons/svg/popup-icon.svg Normal file
View File

@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<path
fill="#09101C"
fill-rule="evenodd"
d="M2.6 10c0-1.727.068-3.046.264-4.06.196-1.01.51-1.665.96-2.116.452-.451 1.106-.764 2.116-.96C6.955 2.667 8.273 2.6 10 2.6c1.728 0 3.046.067 4.061.264 1.01.196 1.664.509 2.115.96.451.451.765 1.106.96 2.115.197 1.015.264 2.334.264 4.061 0 1.727-.067 3.046-.264 4.06-.195 1.01-.509 1.665-.96 2.116-.451.45-1.106.764-2.115.96-1.015.197-2.333.264-4.06.264-1.728 0-3.046-.067-4.061-.264-1.01-.196-1.664-.51-2.115-.96-.452-.451-.765-1.106-.96-2.115C2.667 13.046 2.6 11.727 2.6 10ZM10 1.4c-1.739 0-3.154.066-4.289.286-1.14.221-2.053.608-2.735 1.29-.682.682-1.069 1.594-1.29 2.735C1.466 6.846 1.4 8.26 1.4 10c0 1.74.066 3.154.286 4.29.221 1.14.608 2.052 1.29 2.734.682.682 1.594 1.069 2.735 1.29 1.135.22 2.55.286 4.29.286 1.739 0 3.154-.066 4.289-.286 1.14-.221 2.053-.608 2.735-1.29.682-.682 1.068-1.594 1.29-2.735.22-1.135.285-2.55.285-4.289 0-1.74-.066-3.154-.286-4.29-.22-1.14-.607-2.052-1.29-2.734-.681-.682-1.594-1.069-2.735-1.29C13.155 1.466 11.74 1.4 10 1.4ZM9 7.6h2.552l-4.976 4.976.848.848L12.4 8.448V11h1.2V6.4H9v1.2Z"
clip-rule="evenodd"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

4
packages/icons/svg/profile-icon.svg
View File

@ -5,7 +5,7 @@
fill="none" fill="none"
viewBox="0 0 20 20" viewBox="0 0 20 20"
> >
<g clip-path="url(#prefix__clip0_394_102)"> <g clip-path="url(#clip0_394_102)">
<path <path
fill="#09101C" fill="#09101C"
fill-rule="evenodd" fill-rule="evenodd"
@ -14,7 +14,7 @@
/> />
</g> </g>
<defs> <defs>
<clipPath id="prefix__clip0_394_102"> <clipPath id="clip0_394_102">
<path fill="#fff" d="M0 0h20v20H0z" /> <path fill="#fff" d="M0 0h20v20H0z" />
</clipPath> </clipPath>
</defs> </defs>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 949 B

After

Width:  |  Height:  |  Size: 933 B

25
packages/icons/svg/rarible-icon.svg Normal file
View File

@ -0,0 +1,25 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<g clip-path="url(#clip0_4319_1239)">
<path
fill="#09101C"
d="M10 0c8.667 0 10 1.333 10 10s-1.333 10-10 10S0 18.667 0 10 1.333 0 10 0Z"
/>
<path
fill="#fff"
fill-rule="evenodd"
d="M13.7 9.974c.63-.173 1.19-.67 1.19-1.67 0-1.666-1.338-2.054-3.055-2.054H5v7.5h2.877v-2.545h3.413c.526 0 .833.22.833.764v1.781H15v-1.875c0-1.021-.546-1.665-1.3-1.901Zm-1.932-1.629h-3.89v1.023h3.907a.498.498 0 0 0 .484-.511.498.498 0 0 0-.484-.512h-.017Z"
clip-rule="evenodd"
/>
</g>
<defs>
<clipPath id="clip0_4319_1239">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 748 B

8
packages/icons/svg/receive-icon.svg
View File

@ -12,7 +12,7 @@
clip-rule="evenodd" clip-rule="evenodd"
/> />
<mask <mask
id="prefix__mask0_347_48" id="mask0_347_48"
width="2" width="2"
height="13" height="13"
x="9" x="9"
@ -21,17 +21,17 @@
style="mask-type: alpha" style="mask-type: alpha"
> >
<path <path
fill="url(#prefix__paint0_linear_347_48)" fill="url(#paint0_linear_347_48)"
d="M0 0h2v12H0z" d="M0 0h2v12H0z"
transform="matrix(-1 0 0 1 11 3.5)" transform="matrix(-1 0 0 1 11 3.5)"
/> />
</mask> </mask>
<g mask="url(#prefix__mask0_347_48)"> <g mask="url(#mask0_347_48)">
<path stroke="#09101C" stroke-width="1.2" d="M10 3.5V15" /> <path stroke="#09101C" stroke-width="1.2" d="M10 3.5V15" />
</g> </g>
<defs> <defs>
<linearGradient <linearGradient
id="prefix__paint0_linear_347_48" id="paint0_linear_347_48"
x1="1" x1="1"
x2="1" x2="1"
y1=".5" y1=".5"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 990 B

After

Width:  |  Height:  |  Size: 958 B

2
packages/icons/svg/recent-icon.svg
View File

@ -8,7 +8,7 @@
<path <path
fill="#09101C" fill="#09101C"
fill-rule="evenodd" fill-rule="evenodd"
d="M3.1 10a6.9 6.9 0 1 1 13.8 0 6.9 6.9 0 0 1-13.8 0ZM10 1.9a8.1 8.1 0 1 0 0 16.2 8.1 8.1 0 0 0 0-16.2Zm.6 4.1v3.4h2.9v1.2H9.4V6h1.2Z" d="M3.6 10a6.4 6.4 0 1 1 12.8 0 6.4 6.4 0 0 1-12.8 0ZM10 2.4a7.6 7.6 0 1 0 0 15.2 7.6 7.6 0 0 0 0-15.2Zm.6 3.6v3.4h2.9v1.2H9.4V6h1.2Z"
clip-rule="evenodd" clip-rule="evenodd"
/> />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 333 B

After

Width:  |  Height:  |  Size: 333 B

19
packages/icons/svg/reddit-icon.svg Normal file
View File

@ -0,0 +1,19 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<g clip-path="url(#clip0_4330_972)">
<path
fill="#09101C"
d="M11.865 12.79a.18.18 0 0 1 0 .255c-.388.385-.995.572-1.86.572L10 13.617l-.007.002c-.863 0-1.471-.188-1.859-.574a.179.179 0 0 1 0-.254c.07-.07.185-.07.256 0 .316.314.84.468 1.604.468l.006.001.007-.002c.762 0 1.287-.153 1.603-.467.071-.07.186-.07.256 0Zm-2.867-2.015a.768.768 0 0 0-1.537 0 .768.768 0 0 0 1.537 0ZM20 10c0 5.523-4.477 10-10 10-5.522 0-10-4.477-10-10C0 4.478 4.478 0 10 0c5.523 0 10 4.478 10 10Zm-4.167-.107a1.29 1.29 0 0 0-2.186-.924c-.88-.579-2.071-.947-3.389-.995l.721-2.27 1.953.458-.003.028c0 .58.474 1.052 1.057 1.052.582 0 1.056-.472 1.056-1.052a1.055 1.055 0 0 0-2.039-.382L10.9 5.315a.18.18 0 0 0-.214.12l-.804 2.533c-1.38.016-2.63.388-3.549.984a1.288 1.288 0 0 0-2.165.94c0 .472.259.88.64 1.105a2.315 2.315 0 0 0-.042.416c0 1.901 2.338 3.448 5.21 3.448 2.874 0 5.212-1.547 5.212-3.448 0-.133-.014-.264-.037-.393a1.28 1.28 0 0 0 .683-1.127Zm-4.06.117a.767.767 0 0 0-.768.766.768.768 0 0 0 1.537 0 .767.767 0 0 0-.769-.766Z"
/>
</g>
<defs>
<clipPath id="clip0_4330_972">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

82
packages/icons/svg/sad-icon.svg
View File

@ -1,86 +1,14 @@
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="12" width="20"
height="12" height="20"
fill="none" fill="none"
viewBox="0 0 12 12" viewBox="0 0 20 20"
> >
<circle cx="6" cy="6" r="6" fill="#FFD764" />
<circle cx="6" cy="6" r="6" fill="url(#prefix__paint0_radial_2438_896)" />
<path <path
fill="url(#prefix__paint1_linear_2438_896)" fill="#09101C"
d="M4.043 8.44a1.125 1.125 0 0 1-2.216-.391c.09-.507.612-1.248 1.123-1.536a.448.448 0 0 1 .563.099c.381.445.62 1.32.53 1.828Z"
/>
<path
fill="#772622"
fill-rule="evenodd" fill-rule="evenodd"
d="M6 8.203c-.474 0-.794.155-1.166.34a.328.328 0 1 1-.293-.586l.002-.001c.377-.19.817-.41 1.457-.41.64 0 1.074.218 1.449.405l.01.006a.328.328 0 0 1-.293.586c-.373-.186-.687-.34-1.166-.34Z" d="M9.242 3.157c1.264-.192 2.555.101 3.675.847l.666-.999c-1.359-.904-2.95-1.273-4.522-1.034-1.57.239-3.013 1.066-4.11 2.333-1.097 1.265-1.792 2.9-1.992 4.649a9.077 9.077 0 0 0 .875 5.065c.77 1.538 1.966 2.758 3.42 3.452a6.295 6.295 0 0 0 4.606.348c1.525-.472 2.856-1.506 3.796-2.92l-.999-.665c-.802 1.206-1.914 2.055-3.152 2.438a5.094 5.094 0 0 1-3.734-.283c-1.19-.57-2.202-1.585-2.864-2.907a7.877 7.877 0 0 1-.755-4.392c.174-1.525.778-2.93 1.705-4 .926-1.068 2.118-1.74 3.385-1.932ZM10.5 8.5c.552 0 1-.672 1-1.5 0-.829-.448-1.5-1-1.5s-1 .671-1 1.5c0 .828.448 1.5 1 1.5Zm5.5 0c.552 0 1-.672 1-1.5 0-.829-.448-1.5-1-1.5S15 6.17 15 7c0 .828.448 1.5 1 1.5Zm-5.119 3.81.57.19.568.19v.002l-.001.002v.001a1.26 1.26 0 0 1 .066-.138c.057-.102.15-.242.29-.383.27-.27.746-.574 1.576-.574.83 0 1.306.304 1.576.574a1.746 1.746 0 0 1 .347.498l.01.023-.001-.003v-.002l.568-.19.57-.19-.001-.001v-.002l-.002-.003-.003-.009-.009-.024a2.478 2.478 0 0 0-.14-.297c-.1-.18-.256-.414-.49-.648-.48-.48-1.255-.926-2.425-.926s-1.944.446-2.424.926a2.944 2.944 0 0 0-.602.873 1.82 1.82 0 0 0-.03.072l-.008.024-.003.009-.001.003v.002Zm5.002.386Z"
clip-rule="evenodd" clip-rule="evenodd"
/> />
<path
fill="url(#prefix__paint2_linear_2438_896)"
d="M9.781 8.885a.844.844 0 0 1-1.662.293c-.063-.357.09-.957.346-1.305a.397.397 0 0 1 .545-.097c.359.24.708.752.771 1.109Z"
/>
<path
fill="#424242"
fill-rule="evenodd"
d="M3 4.172c.181 0 .328.147.328.328 0 .207.068.353.162.448.094.094.24.161.447.161.207 0 .354-.067.448-.161.094-.095.162-.241.162-.448a.328.328 0 1 1 .656 0c0 .356-.12.678-.354.912a1.265 1.265 0 0 1-.912.354c-.355 0-.677-.12-.911-.354a1.265 1.265 0 0 1-.354-.912c0-.181.147-.328.328-.328Z"
clip-rule="evenodd"
/>
<path
fill="url(#prefix__paint3_linear_2438_896)"
d="M9.146 6.173a.562.562 0 1 1-1.108.196c-.037-.209.037-.542.17-.777a.332.332 0 0 1 .512-.09c.206.175.389.463.426.671Z"
/>
<path
fill="#424242"
fill-rule="evenodd"
d="M7.125 4.172c.181 0 .328.147.328.328 0 .207.068.353.162.448.094.094.24.161.447.161.207 0 .354-.067.448-.161.094-.095.162-.241.162-.448a.328.328 0 1 1 .656 0c0 .356-.12.678-.354.912a1.265 1.265 0 0 1-.912.354c-.355 0-.677-.12-.911-.354a1.265 1.265 0 0 1-.354-.912c0-.181.147-.328.328-.328Z"
clip-rule="evenodd"
/>
<defs>
<linearGradient
id="prefix__paint1_linear_2438_896"
x1="3.26"
x2="2.74"
y1="6.398"
y2="9.352"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#6BC2FF" />
<stop offset="1" stop-color="#2196E8" />
</linearGradient>
<linearGradient
id="prefix__paint2_linear_2438_896"
x1="8.706"
x2="9.097"
y1="7.647"
y2="9.862"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#6BC2FF" />
<stop offset="1" stop-color="#2196E8" />
</linearGradient>
<linearGradient
id="prefix__paint3_linear_2438_896"
x1="8.429"
x2="8.689"
y1="5.348"
y2="6.825"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#6BC2FF" />
<stop offset="1" stop-color="#2196E8" />
</linearGradient>
<radialGradient
id="prefix__paint0_radial_2438_896"
cx="0"
cy="0"
r="1"
gradientTransform="rotate(124.563 3.39 3.337) scale(10.2458 13.3012)"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#FFD764" />
<stop offset="1" stop-color="#FFB746" />
</radialGradient>
</defs>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

4
packages/icons/svg/scan-big-icon.svg
View File

@ -5,7 +5,7 @@
fill="none" fill="none"
viewBox="0 0 20 20" viewBox="0 0 20 20"
> >
<g clip-path="url(#prefix__clip0_3194_865)"> <g clip-path="url(#clip0_3194_865)">
<path <path
fill="#09101C" fill="#09101C"
fill-rule="evenodd" fill-rule="evenodd"
@ -14,7 +14,7 @@
/> />
</g> </g>
<defs> <defs>
<clipPath id="prefix__clip0_3194_865"> <clipPath id="clip0_3194_865">
<path fill="#fff" d="M0 0h20v20H0z" /> <path fill="#fff" d="M0 0h20v20H0z" />
</clipPath> </clipPath>
</defs> </defs>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

2
packages/icons/svg/search-icon.svg
View File

@ -8,7 +8,7 @@
<path <path
fill="#09101C" fill="#09101C"
fill-rule="evenodd" fill-rule="evenodd"
d="M3.1 9a5.9 5.9 0 1 1 11.8 0A5.9 5.9 0 0 1 3.1 9ZM9 1.9a7.1 7.1 0 1 0 4.579 12.527l3.497 3.497.848-.848-3.497-3.498A7.1 7.1 0 0 0 9 1.9Z" d="M3.1 9a5.9 5.9 0 1 1 11.8 0A5.9 5.9 0 0 1 3.1 9ZM9 1.9a7.1 7.1 0 1 0 4.578 12.527l3.498 3.497.848-.848-3.497-3.498A7.1 7.1 0 0 0 9 1.9Z"
clip-rule="evenodd" clip-rule="evenodd"
/> />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 338 B

After

Width:  |  Height:  |  Size: 338 B

8
packages/icons/svg/send-icon.svg
View File

@ -12,7 +12,7 @@
clip-rule="evenodd" clip-rule="evenodd"
/> />
<mask <mask
id="prefix__mask0_347_58" id="mask0_347_58"
width="2" width="2"
height="13" height="13"
x="9" x="9"
@ -21,17 +21,17 @@
style="mask-type: alpha" style="mask-type: alpha"
> >
<path <path
fill="url(#prefix__paint0_linear_347_58)" fill="url(#paint0_linear_347_58)"
d="M11 16.5h2v12h-2z" d="M11 16.5h2v12h-2z"
transform="rotate(-180 11 16.5)" transform="rotate(-180 11 16.5)"
/> />
</mask> </mask>
<g mask="url(#prefix__mask0_347_58)"> <g mask="url(#mask0_347_58)">
<path stroke="#09101C" stroke-width="1.2" d="M10 16.5V5" /> <path stroke="#09101C" stroke-width="1.2" d="M10 16.5V5" />
</g> </g>
<defs> <defs>
<linearGradient <linearGradient
id="prefix__paint0_linear_347_58" id="paint0_linear_347_58"
x1="12" x1="12"
x2="12" x2="12"
y1="17" y1="17"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 992 B

After

Width:  |  Height:  |  Size: 960 B

23
packages/icons/svg/snapchat-icon.svg Normal file
View File

@ -0,0 +1,23 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<g clip-path="url(#clip0_4319_1233)">
<path
fill="#09101C"
d="M0 14.913c.012.445.016.891.09 1.333.08.466.194.922.41 1.345a4.306 4.306 0 0 0 1.203 1.454c.364.284.762.51 1.203.651.643.208 1.306.287 1.978.29.42.003.84.014 1.26.012 3.048-.013 6.098.022 9.147-.019a7.198 7.198 0 0 0 1.2-.127 4.065 4.065 0 0 0 2.009-.977 4.161 4.161 0 0 0 1.327-2.212c.134-.577.167-1.162.173-1.75v-.117c0-.046-.017-9.984-.019-10.115a6.122 6.122 0 0 0-.099-1.074c-.082-.433-.198-.854-.406-1.246a4.327 4.327 0 0 0-.832-1.11A4.13 4.13 0 0 0 16.827.215c-.63-.168-1.274-.206-1.922-.205L14.902 0H5.095v.01c-.368.007-.736.004-1.102.05-.4.049-.798.124-1.177.264a4.143 4.143 0 0 0-1.56 1.024A4.125 4.125 0 0 0 .212 3.17C.044 3.795.007 4.433.007 5.075"
/>
<path
fill="#fff"
d="M10.085 16.445c-.039 0-.076-.002-.104-.003a.819.819 0 0 1-.07.003c-.817 0-1.364-.387-1.847-.728-.346-.244-.672-.475-1.054-.539a3.398 3.398 0 0 0-.555-.046c-.326 0-.583.05-.77.087a1.708 1.708 0 0 1-.292.041c-.08 0-.179-.017-.22-.157-.032-.11-.055-.216-.077-.318-.056-.256-.097-.413-.193-.427-1.026-.159-1.632-.392-1.753-.674a.262.262 0 0 1-.021-.089.164.164 0 0 1 .138-.171c.814-.135 1.539-.565 2.153-1.28a4.823 4.823 0 0 0 .738-1.149c.119-.24.142-.447.07-.616-.132-.312-.57-.45-.86-.542a3.105 3.105 0 0 1-.194-.066c-.257-.102-.679-.316-.623-.611.041-.216.327-.366.557-.366.064 0 .121.011.169.034.26.122.495.183.696.183.251 0 .372-.095.401-.122a42.59 42.59 0 0 0-.024-.41c-.06-.936-.133-2.1.165-2.768.892-1.998 2.784-2.153 3.342-2.153l.277-.003c.56 0 2.455.156 3.348 2.155.298.668.224 1.833.165 2.77l-.003.045-.022.364c.028.025.139.113.364.121.192-.007.413-.068.656-.182a.519.519 0 0 1 .215-.043.65.65 0 0 1 .245.047l.004.001c.207.074.342.22.345.374.002.143-.104.357-.628.564-.054.021-.123.043-.195.066-.29.092-.727.23-.86.542-.071.169-.048.376.07.616a.152.152 0 0 1 .004.008c.037.085.92 2.096 2.888 2.42a.165.165 0 0 1 .138.172.263.263 0 0 1-.022.09c-.12.28-.726.513-1.752.671-.096.015-.137.171-.192.426a4.517 4.517 0 0 1-.079.316c-.03.102-.096.152-.203.152h-.016a1.64 1.64 0 0 1-.292-.037 3.853 3.853 0 0 0-.77-.081c-.18 0-.367.016-.555.047-.382.063-.708.293-1.053.537-.484.342-1.03.729-1.849.729Z"
/>
</g>
<defs>
<clipPath id="clip0_4319_1233">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

23
packages/icons/svg/spotify-icon.svg Normal file
View File

@ -0,0 +1,23 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<g fill-rule="evenodd" clip-path="url(#clip0_4319_1237)" clip-rule="evenodd">
<path
fill="#09101C"
d="M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.55 0 10 0Z"
/>
<path
fill="#fff"
d="M15.6 8.751C12.448 6.723 7.178 6.51 4.172 7.524c-.493.16-.986-.16-1.134-.64-.147-.534.148-1.068.592-1.228 3.497-1.121 9.261-.907 12.907 1.44.443.268.59.908.344 1.388-.246.374-.837.534-1.28.267Zm-.098 2.99c-.246.373-.69.533-1.035.266-2.66-1.761-6.7-2.295-9.803-1.228-.394.107-.837-.106-.936-.533-.098-.427.099-.908.493-1.014 3.596-1.175 8.03-.587 11.084 1.44.296.16.443.694.197 1.068Zm-1.182 2.934c-.197.32-.542.427-.838.214-2.315-1.548-5.222-1.868-8.67-1.014-.345.107-.64-.16-.739-.48-.099-.374.148-.694.443-.801 3.744-.907 6.996-.534 9.557 1.174.345.16.394.587.247.907Z"
/>
</g>
<defs>
<clipPath id="clip0_4319_1237">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

157
packages/icons/svg/status-logo-icon.svg Normal file
View File

@ -0,0 +1,157 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<g clip-path="url(#clip0_4408_955)">
<path
fill="#09101C"
fill-rule="evenodd"
d="M15.374 4.626a3.6 3.6 0 0 0-5.091 0L8.869 6.04l.848.849 1.415-1.414a2.4 2.4 0 1 1 3.394 3.394l-1.415 1.414.849.848 1.414-1.414a3.6 3.6 0 0 0 0-5.091Zm-9.9 6.505L6.89 9.717 6.04 8.87l-1.414 1.414a3.6 3.6 0 0 0 5.091 5.091l1.415-1.414-.85-.849-1.413 1.414a2.4 2.4 0 1 1-3.394-3.394Zm-.353-6.859-.848.849 10.606 10.607.849-.849L5.12 4.272Z"
clip-rule="evenodd"
/>
<g clip-path="url(#clip1_4408_955)">
<g clip-path="url(#clip2_4408_955)">
<mask
id="mask0_4408_955"
width="16"
height="17"
x="2"
y="1"
maskUnits="userSpaceOnUse"
style="mask-type: alpha"
>
<path fill="#fff" d="M10 2c-6 0-8 2-8 8s2 8 8 8 8-2 8-8-2-8-8-8Z" />
</mask>
<g mask="url(#mask0_4408_955)">
<g filter="url(#filter0_f_4408_955)">
<circle cx="13.5" cy="6.5" r="9.5" fill="#1992D7" />
</g>
<g filter="url(#filter1_f_4408_955)">
<circle cx="18.5" cy="11.5" r="9.5" fill="#F6B03C" />
</g>
<g filter="url(#filter2_f_4408_955)">
<circle cx="4.5" cy="17.5" r="9.5" fill="#FF7D46" />
</g>
<g filter="url(#filter3_f_4408_955)">
<circle cx="-1.5" cy="6.5" r="9.5" fill="#7140FD" />
</g>
<g
fill="#fff"
fill-rule="evenodd"
clip-rule="evenodd"
filter="url(#filter4_d_4408_955)"
>
<path
d="M11.828 10.43c-.13 1.633-1.302 3.075-2.888 3.165-.974.056-1.948-.539-2-1.505-.04-.777.44-1.345 1.28-1.562.198-.052.401-.084.606-.094.891-.05 1.45.154 2.341.103.206-.01.41-.041.61-.092l.051-.014ZM8.176 9.569c.13-1.632 1.302-3.074 2.888-3.165.974-.055 1.947.54 2 1.506.043.777-.44 1.344-1.28 1.562a3.02 3.02 0 0 1-.606.094c-.892.05-1.45-.154-2.341-.104-.206.01-.41.041-.61.092l-.051.015Z"
/>
</g>
</g>
</g>
</g>
</g>
<defs>
<filter
id="filter0_f_4408_955"
width="28.43"
height="28.43"
x="-.715"
y="-7.715"
color-interpolation-filters="sRGB"
filterUnits="userSpaceOnUse"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur
result="effect1_foregroundBlur_4408_955"
stdDeviation="2.358"
/>
</filter>
<filter
id="filter1_f_4408_955"
width="28.43"
height="28.43"
x="4.285"
y="-2.715"
color-interpolation-filters="sRGB"
filterUnits="userSpaceOnUse"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur
result="effect1_foregroundBlur_4408_955"
stdDeviation="2.358"
/>
</filter>
<filter
id="filter2_f_4408_955"
width="28.43"
height="28.43"
x="-9.715"
y="3.285"
color-interpolation-filters="sRGB"
filterUnits="userSpaceOnUse"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur
result="effect1_foregroundBlur_4408_955"
stdDeviation="2.358"
/>
</filter>
<filter
id="filter3_f_4408_955"
width="28.43"
height="28.43"
x="-15.715"
y="-7.715"
color-interpolation-filters="sRGB"
filterUnits="userSpaceOnUse"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur
result="effect1_foregroundBlur_4408_955"
stdDeviation="2.358"
/>
</filter>
<filter
id="filter4_d_4408_955"
width="36.229"
height="37.298"
x="-8.112"
y="-4.636"
color-interpolation-filters="sRGB"
filterUnits="userSpaceOnUse"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
result="hardAlpha"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
/>
<feOffset dy="4.013" />
<feGaussianBlur stdDeviation="7.525" />
<feColorMatrix
values="0 0 0 0 0.0352941 0 0 0 0 0.0627451 0 0 0 0 0.109804 0 0 0 0.12 0"
/>
<feBlend in2="BackgroundImageFix" result="effect1_dropShadow_4408_955" />
<feBlend
in="SourceGraphic"
in2="effect1_dropShadow_4408_955"
result="shape"
/>
</filter>
<clipPath id="clip0_4408_955">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
<clipPath id="clip1_4408_955">
<path fill="#fff" d="M2 2h16v16H2z" />
</clipPath>
<clipPath id="clip2_4408_955">
<path fill="#fff" d="M2 2h16v16H2z" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

25
packages/icons/svg/superare-icon.svg Normal file
View File

@ -0,0 +1,25 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<g clip-path="url(#clip0_4319_1230)">
<path
fill="#fff"
d="M10 0c8.667 0 10 1.333 10 10s-1.333 10-10 10S0 18.667 0 10 1.333 0 10 0Z"
/>
<path
fill="#000"
fill-rule="evenodd"
d="M3.5 8.28c0-1.31.89-2.53 2.993-2.53.764 0 1.694.136 2.204.245v2.52h-.069c-.93-1.769-1.791-2.52-2.634-2.52-.786 0-1.3.477-1.3 1.202 0 .556.279.952 1.086 1.33l1.766.838c1.227.568 1.683 1.278 1.683 2.33 0 1.659-1.104 2.805-2.837 2.805-.865 0-1.994-.158-2.628-.33v-2.937h.069c.731 1.853 1.643 3.007 2.783 3.007.861 0 1.397-.462 1.397-1.304 0-.568-.268-1.07-1.064-1.425l-1.672-.769C4.108 10.207 3.5 9.358 3.5 8.281Zm10.826 1.858 2.001 3.165h-.003c.3.476.579.75.926.893v.074h-2.41l-2.338-3.894h-.214v2.447c.004.802.272 1.223.956 1.373v.074H9.556v-.074c.626-.16.81-.67.81-1.395V7.413c0-.725-.188-1.234-.81-1.395v-.07h3.59c2.255 0 3.008.865 3.008 2.114 0 .933-.728 1.845-1.828 2.076Zm-2.038-.022h.326v-.003c1.068 0 1.538-.704 1.538-2.019 0-1.069-.34-1.86-1.455-1.86h-.409v3.882Z"
clip-rule="evenodd"
/>
</g>
<defs>
<clipPath id="clip0_4319_1230">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

16
packages/icons/svg/swap-icon.svg
View File

@ -12,7 +12,7 @@
clip-rule="evenodd" clip-rule="evenodd"
/> />
<mask <mask
id="prefix__mask0_347_91" id="mask0_347_91"
width="12" width="12"
height="3" height="3"
x="4" x="4"
@ -21,16 +21,16 @@
style="mask-type: alpha" style="mask-type: alpha"
> >
<path <path
fill="url(#prefix__paint0_linear_347_91)" fill="url(#paint0_linear_347_91)"
d="M4 7.5h2v12H4z" d="M4 7.5h2v12H4z"
transform="rotate(-90 4 7.5)" transform="rotate(-90 4 7.5)"
/> />
</mask> </mask>
<g mask="url(#prefix__mask0_347_91)"> <g mask="url(#mask0_347_91)">
<path stroke="#09101C" stroke-width="1.2" d="M4.5 6.5H16" /> <path stroke="#09101C" stroke-width="1.2" d="M4.5 6.5H16" />
</g> </g>
<mask <mask
id="prefix__mask1_347_91" id="mask1_347_91"
width="12" width="12"
height="3" height="3"
x="4" x="4"
@ -39,17 +39,17 @@
style="mask-type: alpha" style="mask-type: alpha"
> >
<path <path
fill="url(#prefix__paint1_linear_347_91)" fill="url(#paint1_linear_347_91)"
d="M16 12.5h2v12h-2z" d="M16 12.5h2v12h-2z"
transform="rotate(90 16 12.5)" transform="rotate(90 16 12.5)"
/> />
</mask> </mask>
<g mask="url(#prefix__mask1_347_91)"> <g mask="url(#mask1_347_91)">
<path stroke="#09101C" stroke-width="1.2" d="M15.5 13.5H4" /> <path stroke="#09101C" stroke-width="1.2" d="M15.5 13.5H4" />
</g> </g>
<defs> <defs>
<linearGradient <linearGradient
id="prefix__paint0_linear_347_91" id="paint0_linear_347_91"
x1="5" x1="5"
x2="5" x2="5"
y1="8" y1="8"
@ -60,7 +60,7 @@
<stop offset="1" stop-color="#09101C" /> <stop offset="1" stop-color="#09101C" />
</linearGradient> </linearGradient>
<linearGradient <linearGradient
id="prefix__paint1_linear_347_91" id="paint1_linear_347_91"
x1="17" x1="17"
x2="17" x2="17"
y1="13" y1="13"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

28
packages/icons/svg/thumbs-down-icon.svg
View File

@ -1,39 +1,39 @@
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="12" width="20"
height="12" height="20"
fill="none" fill="none"
viewBox="0 0 12 12" viewBox="0 0 20 20"
> >
<path <path
fill="#FFD764" fill="#FFD764"
d="M3.375 10.572c0 .938.963 1.313 1.688 1.313.724 0 .937-.588.937-1.313 0-.436-.188-.75-.188-1.27 0-1.167.813-1.73 1.313-2.105.75-.562 2.25-.562 2.25-2.062 0-2.063-2.063-4.125-4.5-4.125a4.5 4.5 0 0 0-4.5 4.5c0 2.174 1.4 3.298 3.357 2.187.106-.06.243-.012.26.11.066.49-.146.997-.369 1.494-.248.521-.248.896-.248 1.271Z" d="M5.625 17.62c0 1.563 1.604 2.188 2.813 2.188 1.208 0 1.562-.98 1.562-2.187 0-.728-.313-1.25-.313-2.119 0-1.944 1.354-2.88 2.188-3.506 1.25-.938 3.75-.938 3.75-3.438 0-3.437-3.438-6.875-7.5-6.875a7.5 7.5 0 0 0-7.5 7.5c0 3.624 2.335 5.497 5.594 3.645.177-.1.406-.02.434.182.11.818-.242 1.664-.614 2.492-.414.869-.414 1.494-.414 2.119Z"
/> />
<path <path
fill="url(#prefix__paint0_radial_2438_894)" fill="url(#paint0_radial_942_216)"
d="M3.375 10.572c0 .938.963 1.313 1.688 1.313.724 0 .937-.588.937-1.313 0-.436-.188-.75-.188-1.27 0-1.167.813-1.73 1.313-2.105.75-.562 2.25-.562 2.25-2.062 0-2.063-2.063-4.125-4.5-4.125a4.5 4.5 0 0 0-4.5 4.5c0 2.174 1.4 3.298 3.357 2.187.106-.06.243-.012.26.11.066.49-.146.997-.369 1.494-.248.521-.248.896-.248 1.271Z" d="M5.625 17.62c0 1.563 1.604 2.188 2.813 2.188 1.208 0 1.562-.98 1.562-2.187 0-.728-.313-1.25-.313-2.119 0-1.944 1.354-2.88 2.188-3.506 1.25-.938 3.75-.938 3.75-3.438 0-3.437-3.438-6.875-7.5-6.875a7.5 7.5 0 0 0-7.5 7.5c0 3.624 2.335 5.497 5.594 3.645.177-.1.406-.02.434.182.11.818-.242 1.664-.614 2.492-.414.869-.414 1.494-.414 2.119Z"
/> />
<path <path
fill="url(#prefix__paint1_linear_2438_894)" fill="url(#paint1_linear_942_216)"
d="M7.97.472c.04-.32.34-.543.65-.451 2.855.846 4.29 3.967 2.756 6.57a.358.358 0 0 1-.409.156l-.634-.181c-.22-.063-.33-.305-.28-.528.358-1.583-.808-3.806-1.948-4.521a.434.434 0 0 1-.214-.412L7.97.472Z" d="M13.283.787c.066-.532.568-.905 1.082-.753 4.76 1.41 7.15 6.613 4.595 10.95a.597.597 0 0 1-.681.261l-1.057-.302c-.366-.104-.552-.509-.468-.88.598-2.638-1.345-6.342-3.246-7.535-.236-.148-.392-.41-.357-.686l.132-1.055Z"
/> />
<defs> <defs>
<radialGradient <radialGradient
id="prefix__paint0_radial_2438_894" id="paint0_radial_942_216"
cx="0" cx="0"
cy="0" cy="0"
r="1" r="1"
gradientTransform="matrix(3 -5.625 6.54344 3.48984 4.125 7.313)" gradientTransform="matrix(5 -9.375 10.9057 5.81638 6.875 12.188)"
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
> >
<stop stop-color="#FFD764" /> <stop stop-color="#FFD764" />
<stop offset="1" stop-color="#FFB746" /> <stop offset="1" stop-color="#FFB746" />
</radialGradient> </radialGradient>
<linearGradient <linearGradient
id="prefix__paint1_linear_2438_894" id="paint1_linear_942_216"
x1="9.944" x1="16.573"
x2="9.944" x2="16.573"
y1="6.762" y1="11.27"
y2="0" y2="0"
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
> >

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

30
packages/icons/svg/thumbs-up-icon.svg
View File

@ -1,40 +1,40 @@
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="12" width="20"
height="12" height="20"
fill="none" fill="none"
viewBox="0 0 12 12" viewBox="0 0 20 20"
> >
<path <path
fill="url(#prefix__paint0_linear_2438_893)" fill="url(#paint0_linear_942_217)"
d="M4.405 11.413c-.04.32-.34.543-.65.451C.9 11.018-.534 7.897 1 5.294a.358.358 0 0 1 .409-.156l.634.181c.22.063.33.305.28.528-.359 1.583.808 3.805 1.948 4.521a.434.434 0 0 1 .214.412l-.079.633Z" d="M7.342 19.021c-.066.532-.568.905-1.082.753-4.76-1.41-7.15-6.613-4.596-10.95a.597.597 0 0 1 .682-.261l1.057.302c.366.104.552.509.468.88-.599 2.638 1.345 6.342 3.246 7.535.236.148.392.41.357.687l-.132 1.054Z"
/> />
<path <path
fill="#FFD764" fill="#FFD764"
d="M9 1.313C9 .563 8.437 0 7.5 0c-.75 0-1.125.588-1.125 1.313 0 .436.188.75.188 1.27 0 1.167-.563 1.73-1.313 2.104C4.5 5.062 3 5.062 3 6.75c0 2.063 2.063 4.125 4.5 4.125 2.438 0 4.5-1.875 4.5-4.5 0-2.095-1.3-3.215-3.144-2.3-.219.109-.493.01-.496-.235-.005-.405.13-.81.265-1.215.188-.563.375-.938.375-1.313Z" d="M15 2.188C15 .938 14.062 0 12.5 0c-1.25 0-1.875.98-1.875 2.188 0 .727.313 1.25.313 2.118 0 1.944-.938 2.881-2.188 3.506C7.5 8.437 5 8.437 5 11.25c0 3.438 3.438 6.875 7.5 6.875 4.063 0 7.5-3.125 7.5-7.5 0-3.491-2.167-5.358-5.24-3.833-.364.18-.822.015-.827-.391-.008-.676.217-1.35.442-2.026.313-.938.625-1.563.625-2.188Z"
/> />
<path <path
fill="url(#prefix__paint1_radial_2438_893)" fill="url(#paint1_radial_942_217)"
d="M9 1.313C9 .563 8.437 0 7.5 0c-.75 0-1.125.588-1.125 1.313 0 .436.188.75.188 1.27 0 1.167-.563 1.73-1.313 2.104C4.5 5.062 3 5.062 3 6.75c0 2.063 2.063 4.125 4.5 4.125 2.438 0 4.5-1.875 4.5-4.5 0-2.095-1.3-3.215-3.144-2.3-.219.109-.493.01-.496-.235-.005-.405.13-.81.265-1.215.188-.563.375-.938.375-1.313Z" d="M15 2.188C15 .938 14.062 0 12.5 0c-1.25 0-1.875.98-1.875 2.188 0 .727.313 1.25.313 2.118 0 1.944-.938 2.881-2.188 3.506C7.5 8.437 5 8.437 5 11.25c0 3.438 3.438 6.875 7.5 6.875 4.063 0 7.5-3.125 7.5-7.5 0-3.491-2.167-5.358-5.24-3.833-.364.18-.822.015-.827-.391-.008-.676.217-1.35.442-2.026.313-.938.625-1.563.625-2.188Z"
/> />
<defs> <defs>
<radialGradient <radialGradient
id="prefix__paint1_radial_2438_893" id="paint1_radial_942_217"
cx="0" cx="0"
cy="0" cy="0"
r="1" r="1"
gradientTransform="rotate(119.539 2.814 4.654) scale(6.46535 7.521)" gradientTransform="matrix(-5.31254 9.375 -10.9057 -6.17995 13.75 7.5)"
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
> >
<stop stop-color="#FFD764" /> <stop stop-color="#FFD764" />
<stop offset="1" stop-color="#FFB746" /> <stop offset="1" stop-color="#FFB746" />
</radialGradient> </radialGradient>
<linearGradient <linearGradient
id="prefix__paint0_linear_2438_893" id="paint0_linear_942_217"
x1="2.431" x1="4.052"
x2="2.431" x2="4.052"
y1="5.123" y1="8.539"
y2="11.885" y2="19.808"
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
> >
<stop stop-color="#6BC2FF" /> <stop stop-color="#6BC2FF" />

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

12
packages/icons/svg/tumblr-icon.svg Normal file
View File

@ -0,0 +1,12 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<path
fill="#09101C"
d="M11.267 8.743v4.58c0 1.155-.012 1.83.11 2.16.12.324.427.664.775.864.463.267.99.402 1.525.392 1.027 0 1.642-.13 2.66-.786v3.006c-.745.348-1.525.615-2.328.795a9.672 9.672 0 0 1-2.272.245c-.928 0-1.48-.112-2.182-.34a5.253 5.253 0 0 1-1.827-.993c-.513-.425-.849-.879-1.045-1.361-.2-.48-.294-1.18-.294-2.1V8.198H3.67V5.364c.8-.26 1.687-.623 2.26-1.1a5.548 5.548 0 0 0 1.354-1.722c.349-.66.585-1.513.717-2.542h3.266v5.001h5.07v3.742h-5.07Z"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 588 B

14
packages/icons/svg/twitch-icon.svg Normal file
View File

@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<path
fill="#09101C"
fill-rule="evenodd"
d="M1.133 4.063 2.316.5h16.55v11.566l-4.728 5.059H10.59L8.227 19.5H5.862v-2.375H1.133V4.062ZM14.374 14.75l3.31-3.563v-9.5H3.498V14.75h4.138v1.86l2.546-1.86h4.192Zm-3.783-9.5H9.41V10h1.182V5.25Zm3.547 0h-1.182V10h1.182V5.25Z"
clip-rule="evenodd"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 423 B

12
packages/icons/svg/twitter-icon.svg Normal file
View File

@ -0,0 +1,12 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<path
fill="#09101C"
d="M20 3.512a8.256 8.256 0 0 1-2.363.678 4.237 4.237 0 0 0 1.804-2.371 7.977 7.977 0 0 1-2.6 1.038 4.06 4.06 0 0 0-2.094-1.253 3.93 3.93 0 0 0-2.405.196 4.14 4.14 0 0 0-1.884 1.578 4.43 4.43 0 0 0-.71 2.412c0 .34.028.667.096.979a11.206 11.206 0 0 1-4.684-1.3 11.722 11.722 0 0 1-3.768-3.187 4.468 4.468 0 0 0-.455 3.127 4.303 4.303 0 0 0 1.715 2.606A3.914 3.914 0 0 1 .8 7.486v.048c.001.99.328 1.95.927 2.718a4.093 4.093 0 0 0 2.358 1.496c-.35.097-.712.145-1.075.142-.26.004-.52-.02-.776-.074a4.328 4.328 0 0 0 1.461 2.131 4.023 4.023 0 0 0 2.37.857A8.008 8.008 0 0 1 0 16.575 11.175 11.175 0 0 0 6.29 18.5c7.545 0 11.67-6.539 11.67-12.206 0-.19-.006-.373-.015-.555A8.399 8.399 0 0 0 20 3.512Z"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 845 B

20
packages/icons/svg/youtube-icon.svg Normal file
View File

@ -0,0 +1,20 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<g fill-rule="evenodd" clip-path="url(#clip0_4319_1235)" clip-rule="evenodd">
<path
fill="#09101C"
d="M19.778 5.578s-.218-1.524-.884-2.196c-.845-.88-1.792-.885-2.226-.936-3.11-.224-6.663-.224-6.663-.224h-.01s-3.553 0-6.663.224c-.435.051-1.381.055-2.227.936C.44 4.054.222 5.578.222 5.578S0 7.368 0 9.158v1.677c0 1.79.222 3.58.222 3.58s.217 1.524.883 2.195c.846.88 1.956.853 2.45.945 1.778.17 6.445.223 6.445.223s3.558-.007 6.668-.231c.434-.052 1.381-.056 2.226-.937.667-.671.884-2.195.884-2.195s.222-1.79.222-3.58V9.157c0-1.79-.222-3.58-.222-3.58Z"
/>
<path fill="#fff" d="m7.706 12.869-.001-6.214 6.004 3.117-6.003 3.097Z" />
</g>
<defs>
<clipPath id="clip0_4319_1235">
<path fill="#fff" d="M0 0h20v20H0z" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 889 B

14
packages/icons/svg/zoom-in-icon.svg Normal file
View File

@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<path
fill="#09101C"
fill-rule="evenodd"
d="M9 3.1a5.9 5.9 0 1 0 0 11.8A5.9 5.9 0 0 0 9 3.1ZM1.9 9a7.1 7.1 0 1 1 12.527 4.578l3.497 3.498-.848.848-3.498-3.497A7.1 7.1 0 0 1 1.9 9Zm6.5 3V9.6H6V8.4h2.4V6h1.2v2.4H12v1.2H9.6V12H8.4Z"
clip-rule="evenodd"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 387 B

14
packages/icons/svg/zoom-out-icon.svg Normal file
View File

@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="none"
viewBox="0 0 20 20"
>
<path
fill="#09101C"
fill-rule="evenodd"
d="M9 3.1a5.9 5.9 0 1 0 0 11.8A5.9 5.9 0 0 0 9 3.1ZM1.9 9a7.1 7.1 0 1 1 12.527 4.578l3.497 3.498-.848.848-3.498-3.497A7.1 7.1 0 0 1 1.9 9Zm4.6.6h5V8.4h-5v1.2Z"
clip-rule="evenodd"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 358 B