import React from 'react' import { logoPath } from '@freesewing/config' // Used in several icons const page = 'M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z' /* * 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 two-column layout export const AsideIcon = (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) => ( {props.label ? ( {props.label} ) : null} ) // 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) => ( ) // Looks like coding brackets export const CodeIcon = (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 page with a smiley on it export const CoverPageIcon = (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 lik a flag export const FlipIcon = (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 page with a margin drawn around export const PageMarginIcon = (props) => ( ) // Looks like a portrait and landscape page stacked export const PageOrientationIcon = (props) => ( ) // Looks like two differently sizes pages stacked export const PageSizeIcon = (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 backspace key 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 magnifying glass export const SearchIcon = (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) => ( ) // Looks like a magnifying glas with a + inside export const ZoomInIcon = (props) => ( ) // Looks like a magnifying glas with a + inside export const ZoomOutIcon = (props) => ( )