ReelBot / components /icons.tsx
JeCabrera's picture
Upload 19 files
2accaeb verified
import React from 'react';
export const SendIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" {...props}>
<path d="M3.105 3.105a1.5 1.5 0 011.995-.442L19.5 9.03a1.5 1.5 0 010 2.94l-14.4 6.367a1.5 1.5 0 01-2.437-1.459L4.5 10 2.563 4.563A1.5 1.5 0 013.105 3.105z" />
</svg>
);
export const FilmIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" {...props}>
<path d="M3.25 2.75A.75.75 0 002.5 3.5v13A.75.75 0 003.25 17h13.5A.75.75 0 0017.5 16.5v-13A.75.75 0 0016.75 2.75H3.25zM10 7a.75.75 0 00-.75.75v4.5a.75.75 0 001.5 0v-4.5A.75.75 0 0010 7zM6.25 6A.75.75 0 005.5 6.75v6.5A.75.75 0 006.25 14h.5A.75.75 0 007.5 13.25V6.75A.75.75 0 006.75 6h-.5zm7-.75A.75.75 0 0012.5 6v.5A.75.75 0 0013.25 7.25h.5A.75.75 0 0014.5 6.5V6a.75.75 0 00-.75-.75h-.5zM6.25 15A.75.75 0 005.5 15.75v.5A.75.75 0 006.25 17h6.5a.75.75 0 00.75-.75v-.5A.75.75 0 0012.75 15h-6.5zM13.25 8A.75.75 0 0012.5 8.75v2.5A.75.75 0 0013.25 12h.5a.75.75 0 00.75-.75V8.75A.75.75 0 0013.75 8h-.5z" />
<path fillRule="evenodd" d="M2 4a2 2 0 012-2h12a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V4zm2 .25A.75.75 0 014.75 3.5h10.5A.75.75 0 0116 4.25v11.5a.75.75 0 01-.75.75H4.75a.75.75 0 01-.75-.75V4.25z" clipRule="evenodd" />
</svg>
);
export const UserIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" {...props}>
<path fillRule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clipRule="evenodd" />
</svg>
);
export const BotIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" {...props}>
<path d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z"/>
<path d="M9 14c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3zm0-4c-.551 0-1 .449-1 1s.449 1 1 1 1-.449 1-1-.449-1-1-1z"/>
<path d="M15 14c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3zm0-4c-.551 0-1 .449-1 1s.449 1 1 1 1-.449 1-1-.449-1-1-1z"/>
<path d="M12 15c-2.757 0-5-2.243-5-5h2c0 1.654 1.346 3 3 3s3-1.346 3-3h2c0 2.757-2.243 5-5 5z"/>
<circle cx="12" cy="6" r="1"/>
</svg>
);
export const PaperclipIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" {...props}>
<path fillRule="evenodd" d="M15.621 4.379a3 3 0 00-4.242 0l-7 7a3 3 0 004.241 4.243L15.75 8.5a1.5 1.5 0 01-2.121-2.122l-6.122 6.121a.75.75 0 101.061 1.061l6.121-6.121a3.001 3.001 0 00-4.242-4.242l-7 7a4.5 4.5 0 006.364 6.364l7-7a3 3 0 000-4.242z" clipRule="evenodd" />
</svg>
);
export const DocumentTextIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" {...props}>
<path fillRule="evenodd" d="M3 3.5A1.5 1.5 0 014.5 2h6.879a1.5 1.5 0 011.06.44l4.122 4.12A1.5 1.5 0 0117 7.622V16.5a1.5 1.5 0 01-1.5 1.5h-11A1.5 1.5 0 013 16.5v-13zm1.5-.5A.5.5 0 004 3.5v13a.5.5 0 00.5.5h11a.5.5 0 00.5-.5V7.879a.5.5 0 00-.146-.353l-4.121-4.121A.5.5 0 0011.121 3H4.5zm6.25 6a.75.75 0 01.75-.75h.01a.75.75 0 01.75.75v.01a.75.75 0 01-.75.75H11.5a.75.75 0 01-.75-.75V9.5zM9.25 9.5a.75.75 0 00-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 00.75-.75V10.25a.75.75 0 00-.75-.75H9.25zM11.5 11.5a.75.75 0 01.75-.75h.01a.75.75 0 01.75.75v.01a.75.75 0 01-.75.75H11.5a.75.75 0 01-.75-.75v-.01zM9.25 11.5a.75.75 0 00-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 00.75-.75V12.25a.75.75 0 00-.75-.75H9.25zM11.5 13.5a.75.75 0 01.75-.75h.01a.75.75 0 01.75.75v.01a.75.75 0 01-.75.75H11.5a.75.75 0 01-.75-.75v-.01zM9.25 13.5a.75.75 0 00-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 00.75-.75V14.25a.75.75 0 00-.75-.75H9.25z" clipRule="evenodd" />
</svg>
);
export const XCircleIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" {...props}>
<path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-10.293a1 1 0 00-1.414-1.414L10 8.586 7.707 6.293a1 1 0 00-1.414 1.414L8.586 10l-2.293 2.293a1 1 0 101.414 1.414L10 11.414l2.293 2.293a1 1 0 001.414-1.414L11.414 10l2.293-2.293z" clipRule="evenodd" />
</svg>
);
export const StopIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" {...props}>
<rect width="12" height="12" x="4" y="4" rx="1" />
</svg>
);
export const MenuIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" {...props}>
<path strokeLinecap="round" strokeLinejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
</svg>
);
export const XIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => ( // Renamed from XCircleIcon to avoid conflict if another XCircleIcon is needed
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" {...props}>
<path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
);