RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 02:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

use customIcons

Browse Source
This commit is contained in:
SrGooglo 2023-04-22 23:06:45 +00:00
parent c1d4192d6e
commit 57f77d6b83
3 changed files with 43 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/app/src/components/Icons/customIcons/verifiedBadge.jsx Normal file
View File

@ -0,0 +1,3 @@
export default (props) => <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" {...props}>
<path d="M23 12l-2.44-2.78.34-3.68-3.61-.82-1.89-3.18L12 3 8.6 1.54 6.71 4.72l-3.61.81.34 3.68L1 12l2.44 2.78-.34 3.69 3.61.82 1.89 3.18L12 21l3.4 1.46 1.89-3.18 3.61-.82-.34-3.68L23 12m-13 5l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"></path>
</svg>

21
packages/app/src/components/Icons/customIcons/vrchat.jsx Normal file
View File

@ -0,0 +1,21 @@
export default (props) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fillRule="nonzero" {...props}>
<defs>
<linearGradient x1="32" y1="8.202" x2="32" y2="59.635" gradientUnits="userSpaceOnUse" id="color-1">
<stop offset="0" stopColor="currentColor"></stop><stop offset="1" stopColor="currentColor"></stop>
</linearGradient>
<linearGradient x1="39.899" y1="16.499" x2="40.598" y2="36.634" gradientUnits="userSpaceOnUse" id="color-2">
<stop offset="0" stopColor="currentColor"></stop><stop offset="1" stopColor="currentColor"></stop>
</linearGradient>
<linearGradient x1="23.858" y1="17.126" x2="24.557" y2="37.261" gradientUnits="userSpaceOnUse" id="color-3">
<stop offset="0" stopColor="currentColor"></stop>
<stop offset="1" stopColor="currentColor"></stop>
</linearGradient>
</defs>
<g fill="none" fillRule="nonzero" stroke="none" strokeWidth="1" strokeLinecap="butt" strokeLinejoin="miter" strokeMiterlimit="10" strokeDasharray="" strokeDashoffset="0" style={{ mixBlendMode: "normal" }}>
<g>
<path d="M47.99,59c-0.928,0 -1.819,-0.438 -2.386,-1.174l-9.096,-11.826h-24.508c-2.757,0 -5,-2.243 -5,-5v-29c0,-2.757 2.243,-5 5,-5h40c2.757,0 5,2.243 5,5v29c0,2.757 -2.243,5 -5,5h-1v9.99c0,1.659 -1.351,3.01 -3.01,3.01zM12,9c-1.654,0 -3,1.346 -3,3v29c0,1.654 1.346,3 3,3h25c0.311,0 0.604,0.145 0.793,0.391l9.396,12.216c0.193,0.249 0.485,0.393 0.801,0.393c0.557,0 1.01,-0.453 1.01,-1.01v-10.99c0,-0.553 0.447,-1 1,-1h2c1.654,0 3,-1.346 3,-3v-29c0,-1.654 -1.346,-3 -3,-3z" fill="url(#color-1)"></path>
<path d="M46.6,26.5v-6.3c0,-2.32 -1.88,-4.2 -4.2,-4.2h-4.2c-2.32,0 -4.2,1.88 -4.2,4.2v15.75c0,0.58 0.47,1.05 1.05,1.05h2.1c0.58,0 1.05,-0.47 1.05,-1.05v-5.25h1.207l2.868,5.721c0.179,0.355 0.542,0.579 0.939,0.579h2.334c0.781,0 1.289,-0.822 0.939,-1.52l-2.546,-5.081c1.555,-0.616 2.659,-2.125 2.659,-3.899zM38.2,25.45v-4.2c0,-0.58 0.47,-1.05 1.05,-1.05h2.1c0.58,0 1.05,0.47 1.05,1.05v4.2c0,0.58 -0.47,1.05 -1.05,1.05h-2.1c-0.58,0 -1.05,-0.47 -1.05,-1.05z" fill="url(#color-2)"></path>
<path d="M31.872,17.327l-5.16,18.9c-0.124,0.456 -0.539,0.773 -1.012,0.773h-3.688c-0.473,0 -0.888,-0.317 -1.013,-0.773l-5.16,-18.9c-0.183,-0.668 0.32,-1.327 1.012,-1.327h2.17c0.473,0 0.888,0.317 1.013,0.773l3.821,13.99l3.821,-13.99c0.125,-0.456 0.54,-0.773 1.013,-0.773h2.17c0.693,0 1.196,0.659 1.013,1.327z" fill="url(#color-3)"></path>
</g>
</g>
</svg>

23
packages/app/src/components/Icons/index.jsx
View File

@ -1,16 +1,30 @@
import React from "react"
import VrChatIcon from "./customIcons/vrchat"
import VerifiedBadge from "./customIcons/verifiedBadge"
// import icons lib
import * as lib1 from "feather-reactjs"
import * as lib2 from "react-icons/md"
import * as lib3 from "@ant-design/icons"
import * as lib2 from "@ant-design/icons"
import * as lib3 from "react-icons/md"
import * as lib4 from "react-icons/io"
import * as lib5 from "react-icons/si"
import * as lib6 from "react-icons/fa"
const marginedStyle = { width: "1em", height: "1em", marginRight: "10px", verticalAlign: "-0.125em" }
const marginedStyle = {
width: "1em",
height: "1em",
marginRight: "10px",
verticalAlign: "-0.125em"
}
const customs = {
verifiedBadge: () => <svg style={marginedStyle} xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"> <path d="M23 12l-2.44-2.78.34-3.68-3.61-.82-1.89-3.18L12 3 8.6 1.54 6.71 4.72l-3.61.81.34 3.68L1 12l2.44 2.78-.34 3.69 3.61.82 1.89 3.18L12 21l3.4 1.46 1.89-3.18 3.61-.82-.34-3.68L23 12m-13 5l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"></path></svg>,
verifiedBadge: () => <VerifiedBadge
style={marginedStyle}
/>,
VrChat: () => <VrChatIcon
style={marginedStyle}
/>,
}
export const Icons = {
@ -20,6 +34,7 @@ export const Icons = {
...lib3,
...lib4,
...lib5,
...lib6,
}
export function createIconRender(icon, props) {