Remove unused icons

This commit is contained in:
Jackson Harper
2023-07-28 09:29:59 +08:00
parent 0ed08df1a7
commit d81359e57a
18 changed files with 0 additions and 902 deletions

View File

@ -1,23 +0,0 @@
type CrossIconProps = {
size: number
strokeColor: string
}
export function CrossIcon(props: CrossIconProps): JSX.Element {
return (
<svg
width={props.size}
height={props.size}
viewBox={`0 0 ${props.size} ${props.size}`}
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M1.33398 1.33301L6.00065 5.99967M6.00065 5.99967L10.6673 10.6663M6.00065 5.99967L10.6673 1.33301M6.00065 5.99967L1.33398 10.6663"
stroke={props.strokeColor}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
)
}

View File

@ -1,25 +0,0 @@
type CurvedUnderlineIconProps = {
size?: string
fillColor?: string
}
export function CurvedUnderlineIcon({
fillColor = '#FF9B3E',
size,
}: CurvedUnderlineIconProps): JSX.Element {
return (
<svg
width={size}
height={size}
viewBox="0 0 174 8"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M1.4074 4.53965C0.600867 4.72886 0.100435 5.53608 0.28965 6.3426C0.478865 7.14913 1.28608 7.64957 2.0926 7.46035L1.4074 4.53965ZM171.907 7.46035C172.714 7.64957 173.521 7.14913 173.71 6.3426C173.9 5.53608 173.399 4.72886 172.593 4.53965L171.907 7.46035ZM161.594 3.5L161.251 4.96035L161.594 3.5ZM2.0926 7.46035L12.7489 4.96035L12.0636 2.03965L1.4074 4.53965L2.0926 7.46035ZM161.251 4.96035L171.907 7.46035L172.593 4.53965L161.936 2.03965L161.251 4.96035ZM140.624 4.96035C147.408 3.36887 154.467 3.36887 161.251 4.96035L161.936 2.03965C154.702 0.34244 147.173 0.342439 139.939 2.03965L140.624 4.96035ZM97.9989 4.96035C104.783 3.36887 111.842 3.36887 118.626 4.96035L119.311 2.03965C112.077 0.342439 104.548 0.342439 97.3136 2.03965L97.9989 4.96035ZM55.3739 4.96035C62.1575 3.36887 69.2175 3.36887 76.0011 4.96035L76.6864 2.03965C69.452 0.342439 61.923 0.342439 54.6886 2.03965L55.3739 4.96035ZM12.7489 4.96035C19.5325 3.36887 26.5925 3.36887 33.3761 4.96035L34.0614 2.03965C26.827 0.342439 19.298 0.342439 12.0636 2.03965L12.7489 4.96035ZM118.626 4.96035C125.861 6.65756 133.389 6.65756 140.624 4.96035L139.939 2.03965C133.155 3.63113 126.095 3.63113 119.311 2.03965L118.626 4.96035ZM33.3761 4.96035C40.6105 6.65756 48.1395 6.65756 55.3739 4.96035L54.6886 2.03965C47.905 3.63113 40.845 3.63113 34.0614 2.03965L33.3761 4.96035ZM76.0011 4.96035C83.2355 6.65756 90.7645 6.65756 97.9989 4.96035L97.3136 2.03965C90.53 3.63113 83.47 3.63113 76.6864 2.03965L76.0011 4.96035Z"
fill={fillColor}
/>
</svg>
)
}

View File

@ -1,33 +0,0 @@
type EditIconProps = {
size: number
strokeColor: string
}
export function EditIcon(props: EditIconProps): JSX.Element {
return (
<svg
width={props.size}
height={props.size}
viewBox={`0 0 ${props.size} ${props.size}`}
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M11.0837 1.08398L14.417 4.41732L5.25033 13.584H1.91699V10.2507L11.0837 1.08398Z"
stroke={props.strokeColor}
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M1.91699 16.918H16.0837"
stroke={props.strokeColor}
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
)
}

View File

@ -1,13 +0,0 @@
type FontStepperDownProps = {
color: string
}
export function FontStepperDown(props: FontStepperDownProps): JSX.Element {
return (
<svg width="56" height="29" viewBox="0 0 56 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.6079 19.5436L13.5525 8.10555L7.49707 19.5436" stroke={props.color} strokeWidth="1.75072" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M17.8261 16.1798H9.28125" stroke={props.color} strokeWidth="1.75072" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M32.2515 13.9959H50.9237" stroke={props.color} strokeWidth="1.69748" strokeLinecap="round" strokeLinejoin="round"/>
</svg>
)
}

View File

@ -1,13 +0,0 @@
type FontStepperUpProps = {
color: string
}
export function FontStepperUp(props: FontStepperUpProps): JSX.Element {
return (
<svg width="72" height="46" viewBox="0 0 72 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M34.2935 34.2954L21.7811 10.6606L9.26855 34.2954" stroke={props.color} strokeWidth="2.78055" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M30.6116 27.3442H12.9551" stroke={props.color} strokeWidth="2.78055" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M48.3784 22.1471C47.9097 22.1471 47.5297 22.5271 47.5297 22.9958C47.5297 23.4646 47.9097 23.8446 48.3784 23.8446V22.1471ZM67.0507 23.8446C67.5194 23.8446 67.8994 23.4646 67.8994 22.9958C67.8994 22.5271 67.5194 22.1471 67.0507 22.1471V23.8446ZM58.5633 13.6597C58.5633 13.191 58.1833 12.811 57.7146 12.811C57.2458 12.811 56.8658 13.191 56.8658 13.6597H58.5633ZM56.8658 32.332C56.8658 32.8007 57.2458 33.1807 57.7146 33.1807C58.1833 33.1807 58.5633 32.8007 58.5633 32.332H56.8658ZM48.3784 23.8446H67.0507V22.1471H48.3784V23.8446ZM56.8658 13.6597V32.332H58.5633V13.6597H56.8658Z" fill={props.color} />
</svg>
)
}

View File

@ -1,38 +0,0 @@
import { config } from '../../tokens/stitches.config'
export type GridSelectorIconProps = {
color?: string
}
export function GridSelectorIcon(props: GridSelectorIconProps): JSX.Element {
const fillColor = props.color || config.theme.colors.graySolid
return (
<svg
width="21"
height="21"
viewBox="0 0 21 21"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<path
d="M8.32487 0.170105H1.6582C0.967847 0.170105 0.408203 0.729749 0.408203 1.4201V8.08677C0.408203 8.77713 0.967847 9.33677 1.6582 9.33677H8.32487C9.01523 9.33677 9.57487 8.77713 9.57487 8.08677V1.4201C9.57487 0.729749 9.01523 0.170105 8.32487 0.170105Z"
fill={fillColor}
/>
<path
d="M19.1582 0.170105H12.4915C11.8012 0.170105 11.2415 0.729749 11.2415 1.4201V8.08677C11.2415 8.77713 11.8012 9.33677 12.4915 9.33677H19.1582C19.8486 9.33677 20.4082 8.77713 20.4082 8.08677V1.4201C20.4082 0.729749 19.8486 0.170105 19.1582 0.170105Z"
fill={fillColor}
/>
<path
d="M8.32487 11.0034H1.6582C0.967847 11.0034 0.408203 11.5631 0.408203 12.2534V18.9201C0.408203 19.6105 0.967847 20.1701 1.6582 20.1701H8.32487C9.01523 20.1701 9.57487 19.6105 9.57487 18.9201V12.2534C9.57487 11.5631 9.01523 11.0034 8.32487 11.0034Z"
fill={fillColor}
/>
<path
d="M19.1582 11.0034H12.4915C11.8012 11.0034 11.2415 11.5631 11.2415 12.2534V18.9201C11.2415 19.6105 11.8012 20.1701 12.4915 20.1701H19.1582C19.8486 20.1701 20.4082 19.6105 20.4082 18.9201V12.2534C20.4082 11.5631 19.8486 11.0034 19.1582 11.0034Z"
fill={fillColor}
/>
</g>
</svg>
)
}

File diff suppressed because one or more lines are too long

View File

@ -1,21 +0,0 @@
type LibraryGridLayoutIconProps = {
color: string
}
export function LibraryGridLayoutIcon(props: LibraryGridLayoutIconProps): JSX.Element {
return (
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clipPath="url(#clip0_3573_89627)">
<path d="M9.5 -0.00299072H1.5C0.671573 -0.00299072 0 0.668582 0 1.49701V9.49701C0 10.3254 0.671573 10.997 1.5 10.997H9.5C10.3284 10.997 11 10.3254 11 9.49701V1.49701C11 0.668582 10.3284 -0.00299072 9.5 -0.00299072Z" fill={props.color} />
<path d="M22.5 -0.00299072H14.5C13.6716 -0.00299072 13 0.668582 13 1.49701V9.49701C13 10.3254 13.6716 10.997 14.5 10.997H22.5C23.3284 10.997 24 10.3254 24 9.49701V1.49701C24 0.668582 23.3284 -0.00299072 22.5 -0.00299072Z" fill={props.color} />
<path d="M9.5 12.997H1.5C0.671573 12.997 0 13.6686 0 14.497V22.497C0 23.3254 0.671573 23.997 1.5 23.997H9.5C10.3284 23.997 11 23.3254 11 22.497V14.497C11 13.6686 10.3284 12.997 9.5 12.997Z" fill={props.color} />
<path d="M22.5 12.997H14.5C13.6716 12.997 13 13.6686 13 14.497V22.497C13 23.3254 13.6716 23.997 14.5 23.997H22.5C23.3284 23.997 24 23.3254 24 22.497V14.497C24 13.6686 23.3284 12.997 22.5 12.997Z" fill={props.color} />
</g>
<defs>
<clipPath id="clip0_3573_89627">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
)
}

View File

@ -1,13 +0,0 @@
type LibraryListLayoutIconProps = {
color: string
}
export function LibraryListLayoutIcon(props: LibraryListLayoutIconProps): JSX.Element {
return (
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.5 0.747009H1.5C0.671573 0.747009 0 1.41858 0 2.24701V4.74701C0 5.57544 0.671573 6.24701 1.5 6.24701H22.5C23.3284 6.24701 24 5.57544 24 4.74701V2.24701C24 1.41858 23.3284 0.747009 22.5 0.747009Z" fill={props.color} />
<path d="M22.5 9.24701H1.5C0.671573 9.24701 0 9.91858 0 10.747V13.247C0 14.0754 0.671573 14.747 1.5 14.747H22.5C23.3284 14.747 24 14.0754 24 13.247V10.747C24 9.91858 23.3284 9.24701 22.5 9.24701Z" fill={props.color} />
<path d="M22.5 17.747H1.5C0.671573 17.747 0 18.4186 0 19.247V21.747C0 22.5754 0.671573 23.247 1.5 23.247H22.5C23.3284 23.247 24 22.5754 24 21.747V19.247C24 18.4186 23.3284 17.747 22.5 17.747Z" fill={props.color} />
</svg>
)
}

View File

@ -1,34 +0,0 @@
import { config } from '../../tokens/stitches.config'
export type ListSelectorIconProps = {
color?: string
}
export function ListSelectorIcon(props: ListSelectorIconProps): JSX.Element {
const fillColor = props.color || config.theme.colors.graySolid
return (
<svg
width="21"
height="21"
viewBox="0 0 21 21"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g>
<path
d="M19.1582 0.795105H1.6582C0.967847 0.795105 0.408203 1.35475 0.408203 2.0451V4.12844C0.408203 4.81879 0.967847 5.37844 1.6582 5.37844H19.1582C19.8486 5.37844 20.4082 4.81879 20.4082 4.12844V2.0451C20.4082 1.35475 19.8486 0.795105 19.1582 0.795105Z"
fill={fillColor}
/>
<path
d="M19.1582 7.87845H1.6582C0.967847 7.87845 0.408203 8.43809 0.408203 9.12845V11.2118C0.408203 11.9021 0.967847 12.4618 1.6582 12.4618H19.1582C19.8486 12.4618 20.4082 11.9021 20.4082 11.2118V9.12845C20.4082 8.43809 19.8486 7.87845 19.1582 7.87845Z"
fill={fillColor}
/>
<path
d="M19.1582 14.9618H1.6582C0.967847 14.9618 0.408203 15.5214 0.408203 16.2118V18.2951C0.408203 18.9855 0.967847 19.5451 1.6582 19.5451H19.1582C19.8486 19.5451 20.4082 18.9855 20.4082 18.2951V16.2118C20.4082 15.5214 19.8486 14.9618 19.1582 14.9618Z"
fill={fillColor}
/>
</g>
</svg>
)
}

View File

@ -1,32 +0,0 @@
type PenIconProps = {
size: number
strokeColor: string
}
export function PenIcon(props: PenIconProps): JSX.Element {
return (
<svg
width={props.size}
height={props.size}
viewBox={`0 0 ${props.size} ${props.size}`}
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M14.7199 2.74244C15.152 2.32902 15.8353 2.33658 16.2581 2.75945L20.7394 7.24074C21.1623 7.66361 21.1699 8.34686 20.7564 8.77898L11.7989 18.1418C11.3723 18.5876 10.6625 18.5955 10.2262 18.1592L7.78297 15.7159L5.33972 13.2727C4.90341 12.8364 4.91126 12.1266 5.35711 11.7L14.7199 2.74244Z"
stroke={props.strokeColor}
strokeWidth="1"
/>
<path
d="M5.09048 13.3025C5.09501 13.2734 5.10425 13.26 5.11136 13.252C5.12081 13.2414 5.13656 13.2299 5.15827 13.2228C5.17998 13.2157 5.19948 13.2157 5.2134 13.2187C5.22386 13.221 5.23917 13.2263 5.26 13.2471L10.2542 18.2413C10.275 18.2621 10.2803 18.2775 10.2826 18.2879C10.2856 18.3018 10.2856 18.3213 10.2785 18.3431C10.2714 18.3648 10.2599 18.3805 10.2493 18.39C10.2413 18.3971 10.228 18.4063 10.1989 18.4108L5.94449 19.074C5.91295 19.0789 5.88095 19.0684 5.85838 19.0459L4.45545 17.6429C4.43288 17.6204 4.42244 17.5884 4.42736 17.5568L5.09048 13.3025Z"
stroke={props.strokeColor}
strokeWidth="1"
/>
<path
d="M4.31512 17.8822C4.39323 17.8041 4.51986 17.8041 4.59796 17.8822L5.6157 18.8999C5.69381 18.978 5.69381 19.1046 5.6157 19.1827L4.37041 20.428C4.29231 20.5061 4.16568 20.5061 4.08757 20.428L3.06983 19.4103C2.99173 19.3322 2.99173 19.2056 3.06983 19.1275L4.31512 17.8822Z"
stroke={props.strokeColor}
strokeWidth="1"
/>
</svg>
)
}

View File

@ -1,41 +0,0 @@
type PostIconProps = {
size: number
strokeColor: string
isCompleted: boolean
}
export function PostIcon(props: PostIconProps): JSX.Element {
return (
<svg
width={props.size}
height={props.size}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
x="2.5"
y="2.5"
width="19"
height="19"
rx="3.5"
stroke={props.strokeColor}
/>
{props.isCompleted ? (
<path
d="M15 10L11 14L9 12"
stroke={props.strokeColor}
strokeLinecap="round"
strokeLinejoin="round"
/>
) : (
<path
d="M12 9V12M12 15V12M12 12H15M12 12H9"
stroke={props.strokeColor}
strokeLinecap="round"
strokeLinejoin="round"
/>
)}
</svg>
)
}

File diff suppressed because one or more lines are too long

View File

@ -1,25 +0,0 @@
type ShareIconProps = {
size: number
strokeColor: string
isCompleted: boolean
}
export function ShareIcon(props: ShareIconProps): JSX.Element {
return (
<svg
width={props.size}
height={props.size}
viewBox={`0 0 ${props.size} ${props.size}`}
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M22 11.2759L14 18V13.9655C12.5185 13.5172 7.33333 13.9655 2 18C4.66667 9.93103 10.5926 9.33333 14 9.03448V5L22 11.2759Z"
stroke={props.strokeColor}
fill={props.isCompleted ? props.strokeColor : undefined}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
)
}

View File

@ -1,20 +0,0 @@
type SideBarProps = {
strokeColor: string
}
export function SideBarIcon(props: SideBarProps): JSX.Element {
return (
<svg
width="19"
height="14"
viewBox="0 0 19 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.10293 12.2383H7.3014V1.08129H6.10293V12.2383ZM4.62964 3.9129C4.74669 3.9129 4.84847 3.87289 4.93499 3.79286C5.0215 3.70812 5.06476 3.61633 5.06476 3.51747C5.06476 3.40919 5.0215 3.31739 4.93499 3.24207C4.84847 3.16204 4.74669 3.12203 4.62964 3.12203H2.99606C2.87901 3.12203 2.77723 3.16204 2.69071 3.24207C2.6042 3.31739 2.56094 3.40919 2.56094 3.51747C2.56094 3.61633 2.6042 3.70812 2.69071 3.79286C2.77723 3.87289 2.87901 3.9129 2.99606 3.9129H4.62964ZM4.62964 5.7418C4.74669 5.7418 4.84847 5.70179 4.93499 5.62176C5.0215 5.54173 5.06476 5.44758 5.06476 5.3393C5.06476 5.23574 5.0215 5.14629 4.93499 5.07097C4.84847 4.99094 4.74669 4.95093 4.62964 4.95093H2.99606C2.87901 4.95093 2.77723 4.99094 2.69071 5.07097C2.6042 5.14629 2.56094 5.23574 2.56094 5.3393C2.56094 5.44758 2.6042 5.54173 2.69071 5.62176C2.77723 5.70179 2.87901 5.7418 2.99606 5.7418H4.62964ZM4.62964 7.56364C4.74669 7.56364 4.84847 7.52598 4.93499 7.45066C5.0215 7.37063 5.06476 7.27883 5.06476 7.17526C5.06476 7.06699 5.0215 6.97519 4.93499 6.89987C4.84847 6.81984 4.74669 6.77982 4.62964 6.77982H2.99606C2.87901 6.77982 2.77723 6.81984 2.69071 6.89987C2.6042 6.97519 2.56094 7.06699 2.56094 7.17526C2.56094 7.27883 2.6042 7.37063 2.69071 7.45066C2.77723 7.52598 2.87901 7.56364 2.99606 7.56364H4.62964ZM2.68308 13.1562H15.8892C16.6933 13.1562 17.2938 12.9727 17.6907 12.6055C18.0877 12.243 18.2861 11.6969 18.2861 10.9672V2.34528C18.2861 1.6156 18.0877 1.06952 17.6907 0.707038C17.2938 0.339846 16.6933 0.15625 15.8892 0.15625H2.68308C1.8841 0.15625 1.28359 0.339846 0.881553 0.707038C0.484606 1.06952 0.286133 1.6156 0.286133 2.34528V10.9672C0.286133 11.6969 0.484606 12.243 0.881553 12.6055C1.28359 12.9727 1.8841 13.1562 2.68308 13.1562ZM2.69835 12.0194C2.31667 12.0194 2.02405 11.9276 1.82048 11.744C1.61692 11.5557 1.51514 11.2779 1.51514 10.9107V2.40177C1.51514 2.03458 1.61692 1.75918 1.82048 1.57559C2.02405 1.38728 2.31667 1.29313 2.69835 1.29313H15.8739C16.2505 1.29313 16.5406 1.38728 16.7441 1.57559C16.9528 1.75918 17.0571 2.03458 17.0571 2.40177V10.9107C17.0571 11.2779 16.9528 11.5557 16.7441 11.744C16.5406 11.9276 16.2505 12.0194 15.8739 12.0194H2.69835Z"
fill="#898989"
/>
</svg>
)
}

View File

@ -1,23 +0,0 @@
type FacebookIconProps = {
color: string
}
export function FacebookIcon(props: FacebookIconProps): JSX.Element {
return (
<svg
width={26}
height={26}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 17.9895 4.3882 22.954 10.125 23.8542V15.4688H7.07812V12H10.125V9.35625C10.125 6.34875 11.9166 4.6875 14.6576 4.6875C15.9701 4.6875 17.3438 4.92188 17.3438 4.92188V7.875H15.8306C14.34 7.875 13.875 8.80008 13.875 9.75V12H17.2031L16.6711 15.4688H13.875V23.8542C19.6118 22.954 24 17.9895 24 12Z"
fill={props.color}
/>
</svg>
)
}
export default FacebookIcon

View File

@ -1,23 +0,0 @@
type LinkedinIconProps = {
color: string
}
export function LinkedinIcon(props: LinkedinIconProps): JSX.Element {
return (
<svg
width={26}
height={26}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M22.2234 0H1.77187C0.792187 0 0 0.773438 0 1.72969V22.2656C0 23.2219 0.792187 24 1.77187 24H22.2234C23.2031 24 24 23.2219 24 22.2703V1.72969C24 0.773438 23.2031 0 22.2234 0ZM7.12031 20.4516H3.55781V8.99531H7.12031V20.4516ZM5.33906 7.43438C4.19531 7.43438 3.27188 6.51094 3.27188 5.37187C3.27188 4.23281 4.19531 3.30937 5.33906 3.30937C6.47813 3.30937 7.40156 4.23281 7.40156 5.37187C7.40156 6.50625 6.47813 7.43438 5.33906 7.43438ZM20.4516 20.4516H16.8937V14.8828C16.8937 13.5562 16.8703 11.8453 15.0422 11.8453C13.1906 11.8453 12.9094 13.2937 12.9094 14.7891V20.4516H9.35625V8.99531H12.7687V10.5609H12.8156C13.2891 9.66094 14.4516 8.70938 16.1813 8.70938C19.7859 8.70938 20.4516 11.0813 20.4516 14.1656V20.4516Z"
fill={props.color}
/>
</svg>
)
}
export default LinkedinIcon

View File

@ -1,23 +0,0 @@
type TwitterIconProps = {
color: string
}
export function TwitterIcon(props: TwitterIconProps): JSX.Element {
return (
<svg
width="28"
height="20"
viewBox="0 0 24 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7.55016 19.7507C16.6045 19.7507 21.5583 12.2474 21.5583 5.74259C21.5583 5.53166 21.5536 5.31603 21.5442 5.10509C22.5079 4.40819 23.3395 3.54499 24 2.55603C23.1025 2.95533 22.1496 3.21611 21.1739 3.32947C22.2013 2.71364 22.9705 1.7462 23.3391 0.606499C22.3726 1.17929 21.3156 1.58334 20.2134 1.80134C19.4708 1.01229 18.489 0.489849 17.4197 0.314783C16.3504 0.139718 15.2532 0.321783 14.2977 0.832829C13.3423 1.34387 12.5818 2.15544 12.1338 3.14204C11.6859 4.12865 11.5754 5.23535 11.8195 6.29103C9.86249 6.19282 7.94794 5.68444 6.19998 4.79883C4.45203 3.91322 2.90969 2.67017 1.67297 1.15025C1.0444 2.23398 0.852057 3.51638 1.13503 4.73682C1.418 5.95727 2.15506 7.02418 3.19641 7.72072C2.41463 7.6959 1.64998 7.48541 0.965625 7.10665V7.16759C0.964925 8.30488 1.3581 9.40732 2.07831 10.2875C2.79852 11.1677 3.80132 11.7713 4.91625 11.9957C4.19206 12.1939 3.43198 12.2227 2.69484 12.0801C3.00945 13.0582 3.62157 13.9136 4.44577 14.5271C5.26997 15.1405 6.26512 15.4813 7.29234 15.502C5.54842 16.8718 3.39417 17.6149 1.17656 17.6113C0.783287 17.6107 0.390399 17.5866 0 17.5392C2.25286 18.9845 4.87353 19.7521 7.55016 19.7507Z"
fill={props.color}
/>
</svg>
)
}
export default TwitterIcon