164 lines
6.5 KiB
TypeScript
164 lines
6.5 KiB
TypeScript
import { IconProps, Icon } from '@chakra-ui/react'
|
|
|
|
const featherIconsBaseProps: IconProps = {
|
|
fill: 'none',
|
|
stroke: 'currentColor',
|
|
strokeWidth: '2px',
|
|
strokeLinecap: 'round',
|
|
strokeLinejoin: 'round',
|
|
}
|
|
|
|
// 99% of these icons are from Feather icons (https://feathericons.com/)
|
|
|
|
export const SettingsIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<circle cx="12" cy="12" r="3"></circle>
|
|
<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
|
|
</Icon>
|
|
)
|
|
|
|
export const LogOutIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
|
|
<polyline points="16 17 21 12 16 7"></polyline>
|
|
<line x1="21" y1="12" x2="9" y2="12"></line>
|
|
</Icon>
|
|
)
|
|
|
|
export const ChevronLeftIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<polyline points="15 18 9 12 15 6"></polyline>
|
|
</Icon>
|
|
)
|
|
|
|
export const PlusIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<line x1="12" y1="5" x2="12" y2="19"></line>
|
|
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
</Icon>
|
|
)
|
|
|
|
export const FolderIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path>
|
|
</Icon>
|
|
)
|
|
|
|
export const MoreVerticalIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<circle cx="12" cy="12" r="1"></circle>
|
|
<circle cx="12" cy="5" r="1"></circle>
|
|
<circle cx="12" cy="19" r="1"></circle>
|
|
</Icon>
|
|
)
|
|
|
|
export const GlobeIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<circle cx="12" cy="12" r="10"></circle>
|
|
<line x1="2" y1="12" x2="22" y2="12"></line>
|
|
<path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
|
|
</Icon>
|
|
)
|
|
|
|
export const ToolIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path>
|
|
</Icon>
|
|
)
|
|
|
|
export const FolderPlusIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path>
|
|
<line x1="12" y1="11" x2="12" y2="17"></line>
|
|
<line x1="9" y1="14" x2="15" y2="14"></line>
|
|
</Icon>
|
|
)
|
|
|
|
export const TextIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<polyline points="4 7 4 4 20 4 20 7"></polyline>
|
|
<line x1="9" y1="20" x2="15" y2="20"></line>
|
|
<line x1="12" y1="4" x2="12" y2="20"></line>
|
|
</Icon>
|
|
)
|
|
|
|
export const ImageIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
|
|
<circle cx="8.5" cy="8.5" r="1.5"></circle>
|
|
<polyline points="21 15 16 10 5 21"></polyline>
|
|
</Icon>
|
|
)
|
|
|
|
export const CalendarIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
|
|
<line x1="16" y1="2" x2="16" y2="6"></line>
|
|
<line x1="8" y1="2" x2="8" y2="6"></line>
|
|
<line x1="3" y1="10" x2="21" y2="10"></line>
|
|
</Icon>
|
|
)
|
|
|
|
export const FlagIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"></path>
|
|
<line x1="4" y1="22" x2="4" y2="15"></line>
|
|
</Icon>
|
|
)
|
|
|
|
export const BoldIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"></path>
|
|
<path d="M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"></path>
|
|
</Icon>
|
|
)
|
|
|
|
export const ItalicIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<line x1="19" y1="4" x2="10" y2="4"></line>
|
|
<line x1="14" y1="20" x2="5" y2="20"></line>
|
|
<line x1="15" y1="4" x2="9" y2="20"></line>
|
|
</Icon>
|
|
)
|
|
|
|
export const UnderlineIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<path d="M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3"></path>
|
|
<line x1="4" y1="21" x2="20" y2="21"></line>
|
|
</Icon>
|
|
)
|
|
|
|
export const LinkIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
|
|
<path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
|
|
</Icon>
|
|
)
|
|
|
|
export const SaveIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path>
|
|
<polyline points="17 21 17 13 7 13 7 21"></polyline>
|
|
<polyline points="7 3 7 8 15 8"></polyline>
|
|
</Icon>
|
|
)
|
|
|
|
export const CheckIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<polyline points="20 6 9 17 4 12"></polyline>
|
|
</Icon>
|
|
)
|
|
|
|
export const ChatIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
|
|
</Icon>
|
|
)
|
|
|
|
export const TrashIcon = (props: IconProps) => (
|
|
<Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
|
|
<polyline points="3 6 5 6 21 6"></polyline>
|
|
<path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
|
|
</Icon>
|
|
)
|