| 1 |
// Social icons |
| 2 |
|
| 3 |
export const FbIcon = () => { |
| 4 |
return ( |
| 5 |
<svg xmlns="http://www.w3.org/2000/svg" width={17} height={16}> |
| 6 |
<path |
| 7 |
// fill="#6E6A69" |
| 8 |
fillRule="evenodd" |
| 9 |
d="M16.5 8a8 8 0 1 0-9.25 7.903v-5.59H5.218V8H7.25V6.237c0-2.005 1.195-3.113 3.022-3.113a12.3 12.3 0 0 1 1.79.157v1.968h-1.008c-.994 0-1.304.617-1.304 1.25V8h2.218l-.354 2.314H9.75v5.59A8 8 0 0 0 16.5 8Z" |
| 10 |
clipRule="evenodd" |
| 11 |
/> |
| 12 |
<path |
| 13 |
fill="#fff" |
| 14 |
fillRule="evenodd" |
| 15 |
d="M11.614 10.313 11.968 8H9.75V6.5c0-.633.31-1.25 1.304-1.25h1.009V3.28s-.916-.156-1.791-.156c-1.827 0-3.022 1.107-3.022 3.113V8H5.218v2.313H7.25v5.59a8.046 8.046 0 0 0 2.5 0v-5.59h1.864Z" |
| 16 |
clipRule="evenodd" |
| 17 |
/> |
| 18 |
</svg> |
| 19 |
); |
| 20 |
}; |
| 21 |
|
| 22 |
export const XIcon = () => { |
| 23 |
return ( |
| 24 |
<svg xmlns="http://www.w3.org/2000/svg" width={17} height={16}> |
| 25 |
<circle |
| 26 |
cx={8.5} |
| 27 |
cy={8} |
| 28 |
r={8} |
| 29 |
// fill="#6E6A69" |
| 30 |
/> |
| 31 |
<g clipPath="url(#a)"> |
| 32 |
<path |
| 33 |
fill="#fff" |
| 34 |
d="M9.262 7.462 12.24 4h-.706L8.95 7.006 6.883 4H4.501l3.123 4.545-3.123 3.63h.706l2.73-3.174 2.182 3.175H12.5l-3.24-4.714h.001Zm-.967 1.124-.316-.453L5.461 4.53h1.084l2.032 2.907.317.453 2.64 3.778h-1.083L8.295 8.586Z" |
| 35 |
/> |
| 36 |
</g> |
| 37 |
<defs> |
| 38 |
<clipPath id="a"> |
| 39 |
<path fill="#fff" d="M4.498 4h8v8.18h-8z" /> |
| 40 |
</clipPath> |
| 41 |
</defs> |
| 42 |
</svg> |
| 43 |
); |
| 44 |
}; |
| 45 |
|
| 46 |
export const WpIcon = () => { |
| 47 |
return ( |
| 48 |
<svg xmlns="http://www.w3.org/2000/svg" width={17} height={16}> |
| 49 |
<path |
| 50 |
// fill="#6E6A69" |
| 51 |
d="M16.5 8c0-4.408-3.592-8-8-8-4.416 0-8 3.592-8 8 0 4.416 3.584 8 8 8 4.408 0 8-3.584 8-8Zm-9.776 4.296-2.728-7.32c.44-.016.936-.064.936-.064.4-.048.352-.904-.048-.888 0 0-1.16.088-1.896.088-.144 0-.296 0-.464-.008A7.097 7.097 0 0 1 8.5.888c1.864 0 3.56.696 4.84 1.872-.544-.088-1.32.312-1.32 1.264 0 .592.36 1.088.72 1.68.28.488.44 1.088.44 1.968 0 1.192-1.12 4-1.12 4L9.636 4.976c.432-.016.656-.136.656-.136.4-.04.352-1-.048-.976 0 0-1.152.096-1.904.096-.696 0-1.864-.096-1.864-.096-.4-.024-.448.96-.048.976l.736.064 1.008 2.728-1.448 4.664ZM14.428 8c.192-.512.592-1.496.344-3.4.56 1.032.84 2.168.84 3.4 0 2.632-1.384 4.992-3.52 6.224.776-2.072 1.552-4.16 2.336-6.224ZM5.38 14.472C2.996 13.32 1.388 10.824 1.388 8c0-1.04.184-1.984.576-2.872C3.1 8.24 4.236 11.36 5.38 14.472Zm3.224-5.304 2.064 5.584a6.734 6.734 0 0 1-2.168.36 6.301 6.301 0 0 1-1.832-.264c.648-1.904 1.296-3.792 1.936-5.68Z" |
| 52 |
/> |
| 53 |
</svg> |
| 54 |
); |
| 55 |
}; |
| 56 |
|
| 57 |
export const YouTubeIcon = () => { |
| 58 |
return ( |
| 59 |
<svg xmlns="http://www.w3.org/2000/svg" width={23} height={16}> |
| 60 |
<g clipPath="url(#youtube)"> |
| 61 |
<path |
| 62 |
// fill="#6E6A69" |
| 63 |
d="M22.037 2.5C21.784 1.515 21.04.74 20.092.478 18.377 0 11.497 0 11.497 0s-6.88 0-8.595.478C1.955.74 1.21 1.516.957 2.499c-.46 1.783-.46 5.502-.46 5.502s0 3.719.46 5.502c.253.983.998 1.758 1.945 2.02 1.715.478 8.595.478 8.595.478s6.88 0 8.595-.478c.947-.262 1.692-1.037 1.945-2.02.46-1.783.46-5.502.46-5.502s0-3.72-.46-5.502Z" |
| 64 |
/> |
| 65 |
<path fill="#fff" d="M9.247 11.378 14.997 8l-5.75-3.376v6.753Z" /> |
| 66 |
</g> |
| 67 |
<defs> |
| 68 |
<clipPath id="youtube"> |
| 69 |
<path fill="#fff" d="M.5 0h22v16H.5z" /> |
| 70 |
</clipPath> |
| 71 |
</defs> |
| 72 |
</svg> |
| 73 |
); |
| 74 |
}; |
| 75 |
|
| 76 |
|
