SVG to React / Vue Component Studio

import React from 'react';

interface CustomIconProps extends React.SVGProps<SVGSVGElement> {
  size?: number | string;
}

export const CustomIcon: React.FC<CustomIconProps> = ({ size = 24, className = '', ...props }) => {
  return (
    <svg width={size} height={size} className={className}  xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...props}>
  <path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" />
</svg>
  );
};

export default CustomIcon;