import React from 'react' import { logoPath } from '@freesewing/config' /* * Used inside the pattern editor */ export const IconWrapper = ({ className = 'tw-w-6 tw-h-6', stroke = 2, children = null, fill = false, fillOpacity = 1, dasharray = null, wrapped = true, }) => wrapped ? ( ) : ( <> {children} ) // Looks like a play triangle export const ApplyIcon = (props) => ( ) // Looks like a lab beaker export const BeakerIcon = (props) => ( ) // Looks like a left U-turn that we slightly rotate export const BackIcon = (props) => ( ) // Looks like a red X export const BoolNoIcon = ({ size = 6 }) => ( ) // Looks like a green checkbox export const BoolYesIcon = ({ size = 6 }) => ( ) // Looks like a bookmark export const BookmarkIcon = (props) => ( ) // Looks like a circle export const BulletIcon = (props) => ( ) // Looks lik a speech bubble export const ChatIcon = (props) => ( ) // Looks like a circle export const CircleIcon = (props) => ( ) // Looks like a female-projecting bathing suit export const CisFemaleIcon = (props) => ( ) // Looks like male-projecting swim trunks export const CisMaleIcon = (props) => ( ) // FIXME export const CloneIcon = (props) => ( ) // Looks like a X export const CloseIcon = (props) => ( ) // FIXME export const CompareIcon = (props) => ( ) // Looks like scales of justice export const ControlIcon = (props) => ( ) // Looks like two rounded squares above each other with a bit of offset export const CopyIcon = (props) => ( ) // Looks like a museum building export const CuratedMeasurementsSetIcon = (props) => ( ) // Looks like a coathanger export const DesignIcon = (props) => ( ) // Looks like a left and right pane with different level of detail export const DetailIcon = (props) => ( ) // Looks like a document icon export const DocsIcon = (props) => ( ) // Looks like a down pointing chevron export const DownIcon = (props) => ( ) // Looks like a cloud with an arrow pointing down from it export const DownloadIcon = (props) => ( ) // Looks like a pencil export const EditIcon = (props) => ( ) // Looks like an envelope export const EmailIcon = (props) => ( ) // Looks like FIXME export const ErrorIcon = (props) => ( ) // Looks like arrows pointing outwards export const ExpandIcon = (props) => ( ) // Looks like a file/sheet with an arrow pointing downwards export const ExportIcon = (props) => ( ) // Looks like a ! in a triangle, is intended to be shown on an error background export const FailureIcon = ({ size = 6 }) => ( ) // Looks like a funnel export const FilterIcon = (props) => ( ) // Looks like a fingerprint export const FingerprintIcon = (props) => ( ) // Looks lik an exclamation point inside a circle export const FixmeIcon = (props) => ( ) // Looks lik a flag export const FlagIcon = (props) => ( ) // Looks like skully export const FreeSewingIcon = (props) => ( ) // Looks like a gauge or speedometer export const GaugeIcon = (props) => ( ) // Looks like the octocat export const GitHubIcon = (props) => ( ) // Looks like the Google G export const GoogleIcon = (props) => ( ) // Looks like abox export const GroupIcon = (props) => ( ) // Looks like a heart export const HeartIcon = (props) => ( ) // Looks like a question mark in a circle export const HelpIcon = (props) => ( ) // Looks like a pie with a slice a bit out of it export const IncludeIcon = (props) => ( ) // Looks like the Instagram logo export const InstagramIcon = (props) => ( ) // Looks like a key export const KeyIcon = (props) => ( ) // Looks like a rectangle with rounded corners (like a full screen display) export const KioskIcon = (props) => ( ) // Looks like a left pointing chevron export const LeftIcon = (props) => ( ) // Looks like a chain link export const LinkIcon = (props) => ( ) // Looks like a bullet list export const ListIcon = (props) => ( ) // Looks like a padlock export const LockIcon = (props) => ( ) // Looks like 4 boxes spaces out export const MarginIcon = (props) => ( ) // Looks like the Mastodon logo export const MastodonIcon = (props) => ( ) // Looks like a tape measure export const MeasurementsIcon = (props) => ( ) // Looks like two people's heads next/behinf to each other, one bigger, one smaller export const MeasurementsSetIcon = (props) => ( ) // Looks like 3 horizontal lines (hamburger menu) export const MenuIcon = (props) => ( ) // Looks like a person icon with a + sign export const NewMeasurementsSetIcon = (props) => ( ) // Looks like page with a + sign in it export const NewPatternIcon = (props) => ( ) // Looks like a newspaper export const NewsletterIcon = (props) => ( ) // Looks like a X export const NoIcon = (props) => ( ) // Looks like a checkmark export const OkIcon = (props) => ( ) // Looks like sliders on a mixing panel export const OptionsIcon = (props) => ( ) // Looks like a grid export const PaperlessIcon = (props) => ( ) // Looks like a page export const PatternIcon = (props) => ( ) // Looks like a + export const PlusIcon = (props) => ( ) // Looks like a printer export const PrintIcon = (props) => ( ) // FIXME export const PrivacyIcon = (props) => ( ) // Looks like the Reddit alian export const RedditIcon = (props) => ( ) // FIXME export const ReloadIcon = (props) => ( ) // Looks like a single rewind arrow export const ResetIcon = (props) => ( ) // Looks like a double rewind arrow export const ResetAllIcon = (props) => ( ) // Looks like a right pointing chevron export const RightIcon = (props) => ( ) // Looks like a rocket export const RocketIcon = (props) => ( ) // Looks like two arrows in a circular layout export const RotateIcon = (props) => ( ) // Looks like the RSS symbol export const RssIcon = (props) => ( ) // Looks like a cloud with a plus sign in it export const SaveIcon = (props) => ( ) // Looks like a cloud with a plus sign in it export const SaveAsIcon = (props) => ( ) // Looks like a small solid circle with a larger dashed circle around it export const SaIcon = (props) => ( ) // Looks like lines of varying thickness export const ScaleIcon = (props) => ( ) // Looks like a gear export const SettingsIcon = (props) => ( ) // Looks like a shield export const ShieldIcon = (props) => ( ) // Looks like a picture camera export const ShowcaseIcon = (props) => ( ) // Looks like an exit door export const SignoutIcon = (props) => ( ) // Looks like a spinning circle export const SpinnerIcon = (props) => ( ) // Looks like a white checkbox, intended to be shown on a success-colored background export const SuccessIcon = ({ size = 6 }) => ( ) // Looks like the TikTok t export const TikTokIcon = (props) => ( ) // Looks like a light bulb export const TipIcon = (props) => ( ) // Looks like a trashcan export const TrashIcon = (props) => ( ) // Looks like the twitch logo export const TwitchIcon = (props) => ( ) // Looks like a desktop screen export const UiIcon = (props) => ( ) // Looks like a rewind arrow, but takes text to go inside it export const UndoIcon = (props) => ( {props.text ? ( {props.text} ) : null} ) // Looks like a bit of measuring tape export const UnitsIcon = (props) => ( ) // Looks like an up pointing chevron export const UpIcon = (props) => ( ) // Looks like a cloud with an arrow pointing upwards in it export const UploadIcon = (props) => ( ) // Looks like a person's face export const UserIcon = (props) => ( ) // Looks like old-timey scales export const UxIcon = (props) => ( ) // Looks like an ! in a triangle export const WarningIcon = (props) => ( ) // Looks like a wrench export const WrenchIcon = (props) => ( ) // Looks like a box in dashed lines export const XrayIcon = (props) => ( ) // These icons all reuse existing icons export const ViewDraftIcon = OptionsIcon export const ViewMeasurementsIcon = MeasurementsIcon export const ViewTestIcon = BeakerIcon export const ViewTimingIcon = GaugeIcon export const ViewPrintLayoutIcon = PrintIcon export const ViewSaveIcon = SaveIcon export const ViewExportIcon = ExportIcon export const ViewEditSettingsIcon = EditIcon export const ViewLogsIcon = ListIcon export const ViewInspectIcon = XrayIcon export const ViewDocsIcon = DocsIcon export const ViewDesignsIcon = DesignIcon export const ViewViewPickerIcon = UiIcon export const ViewUndosIcon = BackIcon