Skip to content

Commit

Permalink
feat(icons): add new icons
Browse files Browse the repository at this point in the history
  • Loading branch information
@mateusfg7
mateusfg7 authored May 18, 2024
1 parent 2facd1d commit ee3510c
Show file tree
Hide file tree
Showing 9 changed files with 710 additions and 29 deletions.
48 changes: 19 additions & 29 deletions src/app/about/sections/knowledge/knowledge-categories.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,4 @@
import { IconType } from 'react-icons'
import {
SiGoogleplay,
SiMicrosoftoffice,
SiOnlyoffice,
SiStyledcomponents,
SiThunderbird,
SiNunjucks,
SiPlanetscale,
SiPwa
} from 'react-icons/si'

import { SVGProps } from 'react'
import {
BashIcon,
CSS3Icon,
Expand Down Expand Up @@ -53,10 +42,17 @@ import {
PostgreSQLIcon,
PhotoShopIcon,
GoogleWorkspace,
WindowsIcon
WindowsIcon,
PlanetScaleIcon,
StyledComponentIcon,
PWAIcon,
GooglePlayStore,
MicrosoftOfficeIcon,
OnlyOfficeIcon,
ThunderbirdIcon
} from '~/components/icons'

// type IconType = (props: SVGProps<SVGSVGElement>) => JSX.Element
type IconType = (props: SVGProps<SVGSVGElement>) => JSX.Element

export interface Knowledge {
icon: IconType
Expand Down Expand Up @@ -182,21 +178,15 @@ export const knowledgeCategories: {
{
title: 'Styled Component',
status: 'god',
icon: SiStyledcomponents,
icon: StyledComponentIcon,
color: '#DB7093'
},
{
title: 'PWA',
status: 'god',
icon: SiPwa,
icon: PWAIcon,
color: '#5A0FC8'
},
{
title: 'Nunjucks',
icon: SiNunjucks,
color: '#1C4913',
status: 'bad'
},
{
title: 'Wordpress',
icon: WordPressIcon,
Expand Down Expand Up @@ -282,7 +272,7 @@ export const knowledgeCategories: {
{
title: 'Google Play',
status: 'god',
icon: SiGoogleplay,
icon: GooglePlayStore,
color: '#414141'
}
]
Expand Down Expand Up @@ -352,7 +342,7 @@ export const knowledgeCategories: {
{
title: 'PlanetScale',
status: 'god',
icon: SiPlanetscale,
icon: PlanetScaleIcon,
color: '#000000'
},
{
Expand Down Expand Up @@ -398,19 +388,19 @@ export const knowledgeCategories: {
{
title: 'Microsoft Office',
status: 'god',
icon: SiMicrosoftoffice,
color: '#217346'
icon: MicrosoftOfficeIcon,
color: '#c72127'
},
{
title: 'Onlyoffice',
status: 'god',
icon: SiOnlyoffice,
color: '#444444'
icon: OnlyOfficeIcon,
color: '#FF6F3D'
},
{
title: 'Thunderbird',
status: 'bad',
icon: SiThunderbird,
icon: ThunderbirdIcon,
color: '#0A84FF'
},
{
Expand Down
201 changes: 201 additions & 0 deletions src/components/icons/google-play-store.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,201 @@
import { SVGProps } from 'react'

export function GooglePlayStore(props: SVGProps<SVGSVGElement>) {
return (
<svg
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
x="0px"
y="0px"
viewBox="0 0 192 192"
enable-background="new 0 0 192 192"
width="1em"
height="1em"
{...props}
>
<symbol
id="material_x5F_product_x5F_standard_x5F_icon_x5F_keylines_2"
viewBox="-96 -96 192 192"
>
<g opacity="0.4">
<g>
<defs>
<rect id="SVGID_2_" x="-96" y="-96" width="192" height="192" />
</defs>
<clipPath id="SVGID_3_">
<use xlinkHref="#SVGID_2_" overflow="visible" />
</clipPath>
<g clip-path="url(#SVGID_3_)">
<g>
<path d="M95.75,95.75v-191.5h-191.5v191.5H95.75 M96,96H-96V-96H96V96L96,96z" />
</g>
<circle
fill="none"
stroke="#000000"
stroke-width="0.25"
stroke-miterlimit="10"
cx="0"
cy="0"
r="64"
/>
</g>
</g>
<g>
<defs>
<rect id="SVGID_4_" x="-96" y="-96" width="192" height="192" />
</defs>
<clipPath id="SVGID_5_">
<use xlinkHref="#SVGID_4_" overflow="visible" />
</clipPath>

<circle
clip-path="url(#SVGID_5_)"
fill="none"
stroke="#000000"
stroke-width="0.25"
stroke-miterlimit="10"
cx="0"
cy="0"
r="88"
/>
</g>
<g>
<defs>
<rect id="SVGID_6_" x="-96" y="-96" width="192" height="192" />
</defs>
<clipPath id="SVGID_7_">
<use xlinkHref="#SVGID_6_" overflow="visible" />
</clipPath>
<path
clip-path="url(#SVGID_7_)"
fill="none"
stroke="#000000"
stroke-width="0.25"
stroke-miterlimit="10"
d="M64,76H-64
c-6.6,0-12-5.4-12-12V-64c0-6.6,5.4-12,12-12H64c6.6,0,12,5.4,12,12V64C76,70.6,70.6,76,64,76z"
/>
</g>
<g>
<defs>
<rect id="SVGID_8_" x="-96" y="-96" width="192" height="192" />
</defs>
<clipPath id="SVGID_9_">
<use xlinkHref="#SVGID_8_" overflow="visible" />
</clipPath>
<path
clip-path="url(#SVGID_9_)"
fill="none"
stroke="#000000"
stroke-width="0.25"
stroke-miterlimit="10"
d="M52,88H-52
c-6.6,0-12-5.4-12-12V-76c0-6.6,5.4-12,12-12H52c6.6,0,12,5.4,12,12V76C64,82.6,58.6,88,52,88z"
/>
</g>
<g>
<defs>
<rect id="SVGID_10_" x="-96" y="-96" width="192" height="192" />
</defs>
<clipPath id="SVGID_11_">
<use xlinkHref="#SVGID_10_" overflow="visible" />
</clipPath>
<path
clip-path="url(#SVGID_11_)"
fill="none"
stroke="#000000"
stroke-width="0.25"
stroke-miterlimit="10"
d="M76,64H-76
c-6.6,0-12-5.4-12-12V-52c0-6.6,5.4-12,12-12H76c6.6,0,12,5.4,12,12V52C88,58.6,82.6,64,76,64z"
/>
</g>
</g>
</symbol>
<path fill="none" d="M0,0h192v192H0V0z" />
<g id="Play_Parent_192_2_">
<g>
<path
fill="#EA4335"
d="M95.236,92.053l-73.557,77.322c0.004,0.016,0.007,0.032,0.011,0.047C23.947,177.817,31.688,184,40.879,184
c3.672,0,7.121-0.984,10.08-2.71l0.234-0.139l82.786-47.325L95.236,92.053z"
/>
<path
fill="#FBBC04"
d="M169.651,78.886l-0.07-0.046l-35.745-20.526L93.565,93.808l40.413,40.018l35.556-20.319
c6.233-3.335,10.465-9.842,10.465-17.345C180,88.705,175.826,82.233,169.651,78.886z"
/>
<path
fill="#4285F4"
d="M21.674,22.62C21.233,24.236,21,25.931,21,27.684v136.632c0.072,1.961,0.231,3.452,0.678,5.059
l76.087-75.342L21.674,22.62z"
/>
<path
fill="#34A853"
d="M95.778,96l38.058-37.686l-82.69-47.5C48.14,9.031,44.632,8,40.879,8c-9.191,0-16.944,6.195-19.2,14.601
c-0.002,0.006-0.003,0.013-0.005,0.02L95.778,96z"
/>
</g>
<g id="keylines_1_" display="none">
<g display="inline">
<defs>
<rect id="SVGID_1_" width="192" height="192" />
</defs>
<clipPath id="SVGID_12_">
<use xlinkHref="#SVGID_1_" overflow="visible" />
</clipPath>
<g clip-path="url(#SVGID_12_)">
<use
xlinkHref="#material_x5F_product_x5F_standard_x5F_icon_x5F_keylines_2"
width="192"
height="192"
id="material_x5F_product_x5F_standard_x5F_icon_x5F_keylines_1_"
x="-96"
y="-96"
transform="matrix(1 0 0 -1 96 96)"
overflow="visible"
/>
</g>
</g>
</g>
<rect
id="bounding_box_1_"
display="none"
fill="none"
width="192"
height="192"
/>
<g display="none">
<line
display="inline"
opacity="0.37"
fill="none"
stroke="#000000"
stroke-width="0.25"
stroke-miterlimit="10"
enable-background="new "
x1="0"
y1="0"
x2="192"
y2="192"
/>

<line
display="inline"
opacity="0.37"
fill="none"
stroke="#000000"
stroke-width="0.25"
stroke-miterlimit="10"
enable-background="new "
x1="0"
y1="192"
x2="192"
y2="0"
/>
</g>
</g>
</svg>
)
}
7 changes: 7 additions & 0 deletions src/components/icons/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,3 +41,10 @@ export { PostgreSQLIcon } from './postgresql'
export { PhotoShopIcon } from './photoshop'
export { GoogleWorkspace } from './google-workspace'
export { WindowsIcon } from './windows'
export { PlanetScaleIcon } from './planetscale'
export { StyledComponentIcon } from './styled-component'
export { PWAIcon } from './pwa'
export { GooglePlayStore } from './google-play-store'
export { MicrosoftOfficeIcon } from './microsoft-office'
export { OnlyOfficeIcon } from './onlyoffice'
export { ThunderbirdIcon } from './thunderbird'
Loading

0 comments on commit ee3510c

Please sign in to comment.