PozoAppUptoWebinar/src/Components/Pozo retail icons/PozoSwapIcon.jsx

83 lines
1.8 KiB
React
Raw Normal View History

import React from 'react';
const PozoSwapIcon = ({
width = '15',
height = '15',
color = 'currentColor',
className,
}) => {
return (
<svg
width={width}
height={height}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={className}
>
<path
d="M7.5 3L3.5 7L7.5 11"
stroke={color}
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M3.5 7H17.5C19.71 7 21.5 8.79 21.5 11V12"
stroke={color}
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M16.5 21L20.5 17L16.5 13"
stroke={color}
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M20.5 17H6.5C4.29 17 2.5 15.21 2.5 13V12"
stroke={color}
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
};
export default PozoSwapIcon;
// function SwapIcon({ fill = "white", className, style, onClick }) {
// return (
// <svg
// width="24"
// height="24"
// viewBox="0 0 24 24"
// fill="none"
// xmlns="http://www.w3.org/2000/svg"
// className={className}
// style={style}
// onClick={onClick}
// >
// <path
// d="M7 10H20M7 10L10 7M7 10L10 13"
// stroke={fill}
// strokeWidth="2"
// strokeLinecap="round"
// strokeLinejoin="round"
// />
// <path
// d="M17 14H4M17 14L14 17M17 14L14 11"
// stroke={fill}
// strokeWidth="2"
// strokeLinecap="round"
// strokeLinejoin="round"
// />
// </svg>
// );
// }
// export default SwapIcon;