38 lines
1.8 KiB
JavaScript
38 lines
1.8 KiB
JavaScript
export default function SocialIcon(props) {
|
|
if (props.name === 'youtube')
|
|
return (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="36" height="36" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor"
|
|
strokeWidth="1" strokeLinecap="round" strokeLinejoin="round"
|
|
>
|
|
<path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z" />
|
|
<polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02" />
|
|
</svg>
|
|
);
|
|
else if (props.name === 'instagram')
|
|
return (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="36" height="36" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor"
|
|
strokeWidth="1" strokeLinecap="round" strokeLinejoin="round"
|
|
>
|
|
<rect x="2" y="2" width="20" height="20" rx="5" ry="5" />
|
|
<path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" />
|
|
<line x1="17.5" y1="6.5" x2="17.51" y2="6.5" />
|
|
</svg>
|
|
);
|
|
else if (props.name === 'facebook')
|
|
return (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="36" height="36" viewBox="0 0 24 24"
|
|
fill="none" stroke="currentColor"
|
|
strokeWidth="1" strokeLinecap="round" strokeLinejoin="round"
|
|
>
|
|
<path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" />
|
|
</svg>
|
|
);
|
|
} |