r-freeman/portfolio
1
0
Fork 0
mirror of https://github.com/r-freeman/portfolio.git synced 2024-11-22 23:45:42 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Extracted mail icon into component

Browse Source
This commit is contained in:
r-freeman 2023-02-02 22:12:51 +00:00
parent 520f45cab8
commit 75f000797d
2 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/icons/MailIcon.tsx Normal file
View File

@ -0,0 +1,12 @@
import {Props} from '@/types'
export function MailIcon(props: Props) {
return (
<svg viewBox="0 0 24 24" aria-hidden="true" {...props}>
<path
fillRule="evenodd"
d="M6 5a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3H6Zm.245 2.187a.75.75 0 0 0-.99 1.126l6.25 5.5a.75.75 0 0 0 .99 0l6.25-5.5a.75.75 0 0 0-.99-1.126L12 12.251 6.245 7.187Z"
/>
</svg>
)
}

13
pages/about.tsx
View File

@ -10,7 +10,7 @@ import {
LinkedInIcon, LinkedInIcon,
TwitterIcon TwitterIcon
} from '@/components/icons/SocialIcons' } from '@/components/icons/SocialIcons'
import {Props} from 'types' import {MailIcon} from '@/components/icons/MailIcon'
import photoOfMe from '@/public/static/images/photo-of-me.jpg' import photoOfMe from '@/public/static/images/photo-of-me.jpg'
import awsCCPBadge from '@/public/static/images/aws-certified-cloud-practitioner-badge.png' import awsCCPBadge from '@/public/static/images/aws-certified-cloud-practitioner-badge.png'
@ -39,17 +39,6 @@ function SocialLink({
) )
} }
function MailIcon(props: Props) {
return (
<svg viewBox="0 0 24 24" aria-hidden="true" {...props}>
<path
fillRule="evenodd"
d="M6 5a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3H6Zm.245 2.187a.75.75 0 0 0-.99 1.126l6.25 5.5a.75.75 0 0 0 .99 0l6.25-5.5a.75.75 0 0 0-.99-1.126L12 12.251 6.245 7.187Z"
/>
</svg>
)
}
export default function About() { export default function About() {
return ( return (
<> <>