Convert Zondicons to TypeScript React Components (~80%, still some small manual cleanup to do)

zondicons.sh

#!/usr/bin/env bash

echo "export const AddOutline: React.FC<{ className?: string }> = ({ className }) => $(cat "./add-outline.svg")" > "./add-outline.tsx"
echo "export const AddSolid: React.FC<{ className?: string }> = ({ className }) => $(cat "./add-solid.svg")" > "./add-solid.tsx"
echo "export const Adjust: React.FC<{ className?: string }> = ({ className }) => $(cat "./adjust.svg")" > "./adjust.tsx"
echo "export const Airplane: React.FC<{ className?: string }> = ({ className }) => $(cat "./airplane.svg")" > "./airplane.tsx"
echo "export const Album: React.FC<{ className?: string }> = ({ className }) => $(cat "./album.svg")" > "./album.tsx"
echo "export const AlignCenter: React.FC<{ className?: string }> = ({ className }) => $(cat "./align-center.svg")" > "./align-center.tsx"
echo "export const AlignJustified: React.FC<{ className?: string }> = ({ className }) => $(cat "./align-justified.svg")" > "./align-justified.tsx"
echo "export const AlignLeft: React.FC<{ className?: string }> = ({ className }) => $(cat "./align-left.svg")" > "./align-left.tsx"
echo "export const AlignRight: React.FC<{ className?: string }> = ({ className }) => $(cat "./align-right.svg")" > "./align-right.tsx"
echo "export const Anchor: React.FC<{ className?: string }> = ({ className }) => $(cat "./anchor.svg")" > "./anchor.tsx"
echo "export const Announcement: React.FC<{ className?: string }> = ({ className }) => $(cat "./announcement.svg")" > "./announcement.tsx"
echo "export const Apparel: React.FC<{ className?: string }> = ({ className }) => $(cat "./apparel.svg")" > "./apparel.tsx"
echo "export const ArrowDown: React.FC<{ className?: string }> = ({ className }) => $(cat "./arrow-down.svg")" > "./arrow-down.tsx"
echo "export const ArrowLeft: React.FC<{ className?: string }> = ({ className }) => $(cat "./arrow-left.svg")" > "./arrow-left.tsx"
echo "export const ArrowOutlineDown: React.FC<{ className?: string }> = ({ className }) => $(cat "./arrow-outline-down.svg")" > "./arrow-outline-down.tsx"
echo "export const ArrowOutlineLeft: React.FC<{ className?: string }> = ({ className }) => $(cat "./arrow-outline-left.svg")" > "./arrow-outline-left.tsx"
echo "export const ArrowOutlineRight: React.FC<{ className?: string }> = ({ className }) => $(cat "./arrow-outline-right.svg")" > "./arrow-outline-right.tsx"
echo "export const ArrowOutlineUp: React.FC<{ className?: string }> = ({ className }) => $(cat "./arrow-outline-up.svg")" > "./arrow-outline-up.tsx"
echo "export const ArrowRight: React.FC<{ className?: string }> = ({ className }) => $(cat "./arrow-right.svg")" > "./arrow-right.tsx"
echo "export const ArrowThickDown: React.FC<{ className?: string }> = ({ className }) => $(cat "./arrow-thick-down.svg")" > "./arrow-thick-down.tsx"
echo "export const ArrowThickLeft: React.FC<{ className?: string }> = ({ className }) => $(cat "./arrow-thick-left.svg")" > "./arrow-thick-left.tsx"
echo "export const ArrowThickRight: React.FC<{ className?: string }> = ({ className }) => $(cat "./arrow-thick-right.svg")" > "./arrow-thick-right.tsx"
echo "export const ArrowThickUp: React.FC<{ className?: string }> = ({ className }) => $(cat "./arrow-thick-up.svg")" > "./arrow-thick-up.tsx"
echo "export const ArrowThinDown: React.FC<{ className?: string }> = ({ className }) => $(cat "./arrow-thin-down.svg")" > "./arrow-thin-down.tsx"
echo "export const ArrowThinLeft: React.FC<{ className?: string }> = ({ className }) => $(cat "./arrow-thin-left.svg")" > "./arrow-thin-left.tsx"
echo "export const ArrowThinRight: React.FC<{ className?: string }> = ({ className }) => $(cat "./arrow-thin-right.svg")" > "./arrow-thin-right.tsx"
echo "export const ArrowThinUp: React.FC<{ className?: string }> = ({ className }) => $(cat "./arrow-thin-up.svg")" > "./arrow-thin-up.tsx"
echo "export const ArrowUp: React.FC<{ className?: string }> = ({ className }) => $(cat "./arrow-up.svg")" > "./arrow-up.tsx"
echo "export const Artist: React.FC<{ className?: string }> = ({ className }) => $(cat "./artist.svg")" > "./artist.tsx"
echo "export const AtSymbol: React.FC<{ className?: string }> = ({ className }) => $(cat "./at-symbol.svg")" > "./at-symbol.tsx"
echo "export const Attachment: React.FC<{ className?: string }> = ({ className }) => $(cat "./attachment.svg")" > "./attachment.tsx"
echo "export const Backspace: React.FC<{ className?: string }> = ({ className }) => $(cat "./backspace.svg")" > "./backspace.tsx"
echo "export const BackwardStep: React.FC<{ className?: string }> = ({ className }) => $(cat "./backward-step.svg")" > "./backward-step.tsx"
echo "export const Backward: React.FC<{ className?: string }> = ({ className }) => $(cat "./backward.svg")" > "./backward.tsx"
echo "export const Badge: React.FC<{ className?: string }> = ({ className }) => $(cat "./badge.svg")" > "./badge.tsx"
echo "export const BatteryFull: React.FC<{ className?: string }> = ({ className }) => $(cat "./battery-full.svg")" > "./battery-full.tsx"
echo "export const BatteryHalf: React.FC<{ className?: string }> = ({ className }) => $(cat "./battery-half.svg")" > "./battery-half.tsx"
echo "export const BatteryLow: React.FC<{ className?: string }> = ({ className }) => $(cat "./battery-low.svg")" > "./battery-low.tsx"
echo "export const Beverage: React.FC<{ className?: string }> = ({ className }) => $(cat "./beverage.svg")" > "./beverage.tsx"
echo "export const Block: React.FC<{ className?: string }> = ({ className }) => $(cat "./block.svg")" > "./block.tsx"
echo "export const Bluetooth: React.FC<{ className?: string }> = ({ className }) => $(cat "./bluetooth.svg")" > "./bluetooth.tsx"
echo "export const Bolt: React.FC<{ className?: string }> = ({ className }) => $(cat "./bolt.svg")" > "./bolt.tsx"
echo "export const BookReference: React.FC<{ className?: string }> = ({ className }) => $(cat "./book-reference.svg")" > "./book-reference.tsx"
echo "export const BookmarkOutlineAdd: React.FC<{ className?: string }> = ({ className }) => $(cat "./bookmark-outline-add.svg")" > "./bookmark-outline-add.tsx"
echo "export const BookmarkOutline: React.FC<{ className?: string }> = ({ className }) => $(cat "./bookmark-outline.svg")" > "./bookmark-outline.tsx"
echo "export const Bookmark: React.FC<{ className?: string }> = ({ className }) => $(cat "./bookmark.svg")" > "./bookmark.tsx"
echo "export const BorderAll: React.FC<{ className?: string }> = ({ className }) => $(cat "./border-all.svg")" > "./border-all.tsx"
echo "export const BorderBottom: React.FC<{ className?: string }> = ({ className }) => $(cat "./border-bottom.svg")" > "./border-bottom.tsx"
echo "export const BorderHorizontal: React.FC<{ className?: string }> = ({ className }) => $(cat "./border-horizontal.svg")" > "./border-horizontal.tsx"
echo "export const BorderInner: React.FC<{ className?: string }> = ({ className }) => $(cat "./border-inner.svg")" > "./border-inner.tsx"
echo "export const BorderLeft: React.FC<{ className?: string }> = ({ className }) => $(cat "./border-left.svg")" > "./border-left.tsx"
echo "export const BorderNone: React.FC<{ className?: string }> = ({ className }) => $(cat "./border-none.svg")" > "./border-none.tsx"
echo "export const BorderOuter: React.FC<{ className?: string }> = ({ className }) => $(cat "./border-outer.svg")" > "./border-outer.tsx"
echo "export const BorderRight: React.FC<{ className?: string }> = ({ className }) => $(cat "./border-right.svg")" > "./border-right.tsx"
echo "export const BorderTop: React.FC<{ className?: string }> = ({ className }) => $(cat "./border-top.svg")" > "./border-top.tsx"
echo "export const BorderVertical: React.FC<{ className?: string }> = ({ className }) => $(cat "./border-vertical.svg")" > "./border-vertical.tsx"
echo "export const Box: React.FC<{ className?: string }> = ({ className }) => $(cat "./box.svg")" > "./box.tsx"
echo "export const BrightnessDown: React.FC<{ className?: string }> = ({ className }) => $(cat "./brightness-down.svg")" > "./brightness-down.tsx"
echo "export const BrightnessUp: React.FC<{ className?: string }> = ({ className }) => $(cat "./brightness-up.svg")" > "./brightness-up.tsx"
echo "export const BrowserWindowNew: React.FC<{ className?: string }> = ({ className }) => $(cat "./browser-window-new.svg")" > "./browser-window-new.tsx"
echo "export const BrowserWindowOpen: React.FC<{ className?: string }> = ({ className }) => $(cat "./browser-window-open.svg")" > "./browser-window-open.tsx"
echo "export const BrowserWindow: React.FC<{ className?: string }> = ({ className }) => $(cat "./browser-window.svg")" > "./browser-window.tsx"
echo "export const Bug: React.FC<{ className?: string }> = ({ className }) => $(cat "./bug.svg")" > "./bug.tsx"
echo "export const Buoy: React.FC<{ className?: string }> = ({ className }) => $(cat "./buoy.svg")" > "./buoy.tsx"
echo "export const Calculator: React.FC<{ className?: string }> = ({ className }) => $(cat "./calculator.svg")" > "./calculator.tsx"
echo "export const Calendar: React.FC<{ className?: string }> = ({ className }) => $(cat "./calendar.svg")" > "./calendar.tsx"
echo "export const Camera: React.FC<{ className?: string }> = ({ className }) => $(cat "./camera.svg")" > "./camera.tsx"
echo "export const ChartBar: React.FC<{ className?: string }> = ({ className }) => $(cat "./chart-bar.svg")" > "./chart-bar.tsx"
echo "export const ChartPie: React.FC<{ className?: string }> = ({ className }) => $(cat "./chart-pie.svg")" > "./chart-pie.tsx"
echo "export const Chart: React.FC<{ className?: string }> = ({ className }) => $(cat "./chart.svg")" > "./chart.tsx"
echo "export const ChatBubbleDots: React.FC<{ className?: string }> = ({ className }) => $(cat "./chat-bubble-dots.svg")" > "./chat-bubble-dots.tsx"
echo "export const CheckmarkOutline: React.FC<{ className?: string }> = ({ className }) => $(cat "./checkmark-outline.svg")" > "./checkmark-outline.tsx"
echo "export const Checkmark: React.FC<{ className?: string }> = ({ className }) => $(cat "./checkmark.svg")" > "./checkmark.tsx"
echo "export const CheveronDown: React.FC<{ className?: string }> = ({ className }) => $(cat "./cheveron-down.svg")" > "./cheveron-down.tsx"
echo "export const CheveronLeft: React.FC<{ className?: string }> = ({ className }) => $(cat "./cheveron-left.svg")" > "./cheveron-left.tsx"
echo "export const CheveronOutlineDown: React.FC<{ className?: string }> = ({ className }) => $(cat "./cheveron-outline-down.svg")" > "./cheveron-outline-down.tsx"
echo "export const CheveronOutlineLeft: React.FC<{ className?: string }> = ({ className }) => $(cat "./cheveron-outline-left.svg")" > "./cheveron-outline-left.tsx"
echo "export const CheveronOutlineRight: React.FC<{ className?: string }> = ({ className }) => $(cat "./cheveron-outline-right.svg")" > "./cheveron-outline-right.tsx"
echo "export const CheveronOutlineUp: React.FC<{ className?: string }> = ({ className }) => $(cat "./cheveron-outline-up.svg")" > "./cheveron-outline-up.tsx"
echo "export const CheveronRight: React.FC<{ className?: string }> = ({ className }) => $(cat "./cheveron-right.svg")" > "./cheveron-right.tsx"
echo "export const CheveronUp: React.FC<{ className?: string }> = ({ className }) => $(cat "./cheveron-up.svg")" > "./cheveron-up.tsx"
echo "export const Clipboard: React.FC<{ className?: string }> = ({ className }) => $(cat "./clipboard.svg")" > "./clipboard.tsx"
echo "export const CloseOutline: React.FC<{ className?: string }> = ({ className }) => $(cat "./close-outline.svg")" > "./close-outline.tsx"
echo "export const CloseSolid: React.FC<{ className?: string }> = ({ className }) => $(cat "./close-solid.svg")" > "./close-solid.tsx"
echo "export const Close: React.FC<{ className?: string }> = ({ className }) => $(cat "./close.svg")" > "./close.tsx"
echo "export const CloudUpload: React.FC<{ className?: string }> = ({ className }) => $(cat "./cloud-upload.svg")" > "./cloud-upload.tsx"
echo "export const Cloud: React.FC<{ className?: string }> = ({ className }) => $(cat "./cloud.svg")" > "./cloud.tsx"
echo "export const Code: React.FC<{ className?: string }> = ({ className }) => $(cat "./code.svg")" > "./code.tsx"
echo "export const Coffee: React.FC<{ className?: string }> = ({ className }) => $(cat "./coffee.svg")" > "./coffee.tsx"
echo "export const Cog: React.FC<{ className?: string }> = ({ className }) => $(cat "./cog.svg")" > "./cog.tsx"
echo "export const ColorPalette: React.FC<{ className?: string }> = ({ className }) => $(cat "./color-palette.svg")" > "./color-palette.tsx"
echo "export const Compose: React.FC<{ className?: string }> = ({ className }) => $(cat "./compose.svg")" > "./compose.tsx"
echo "export const ComputerDesktop: React.FC<{ className?: string }> = ({ className }) => $(cat "./computer-desktop.svg")" > "./computer-desktop.tsx"
echo "export const ComputerLaptop: React.FC<{ className?: string }> = ({ className }) => $(cat "./computer-laptop.svg")" > "./computer-laptop.tsx"
echo "export const Conversation: React.FC<{ className?: string }> = ({ className }) => $(cat "./conversation.svg")" > "./conversation.tsx"
echo "export const Copy: React.FC<{ className?: string }> = ({ className }) => $(cat "./copy.svg")" > "./copy.tsx"
echo "export const CreditCard: React.FC<{ className?: string }> = ({ className }) => $(cat "./credit-card.svg")" > "./credit-card.tsx"
echo "export const CurrencyDollar: React.FC<{ className?: string }> = ({ className }) => $(cat "./currency-dollar.svg")" > "./currency-dollar.tsx"
echo "export const Dashboard: React.FC<{ className?: string }> = ({ className }) => $(cat "./dashboard.svg")" > "./dashboard.tsx"
echo "export const DateAdd: React.FC<{ className?: string }> = ({ className }) => $(cat "./date-add.svg")" > "./date-add.tsx"
echo "export const DialPad: React.FC<{ className?: string }> = ({ className }) => $(cat "./dial-pad.svg")" > "./dial-pad.tsx"
echo "export const Directions: React.FC<{ className?: string }> = ({ className }) => $(cat "./directions.svg")" > "./directions.tsx"
echo "export const DocumentAdd: React.FC<{ className?: string }> = ({ className }) => $(cat "./document-add.svg")" > "./document-add.tsx"
echo "export const Document: React.FC<{ className?: string }> = ({ className }) => $(cat "./document.svg")" > "./document.tsx"
echo "export const DotsHorizontalDouble: React.FC<{ className?: string }> = ({ className }) => $(cat "./dots-horizontal-double.svg")" > "./dots-horizontal-double.tsx"
echo "export const DotsHorizontalTriple: React.FC<{ className?: string }> = ({ className }) => $(cat "./dots-horizontal-triple.svg")" > "./dots-horizontal-triple.tsx"
echo "export const Download: React.FC<{ className?: string }> = ({ className }) => $(cat "./download.svg")" > "./download.tsx"
echo "export const Duplicate: React.FC<{ className?: string }> = ({ className }) => $(cat "./duplicate.svg")" > "./duplicate.tsx"
echo "export const EditCopy: React.FC<{ className?: string }> = ({ className }) => $(cat "./edit-copy.svg")" > "./edit-copy.tsx"
echo "export const EditCrop: React.FC<{ className?: string }> = ({ className }) => $(cat "./edit-crop.svg")" > "./edit-crop.tsx"
echo "export const EditCut: React.FC<{ className?: string }> = ({ className }) => $(cat "./edit-cut.svg")" > "./edit-cut.tsx"
echo "export const EditPencil: React.FC<{ className?: string }> = ({ className }) => $(cat "./edit-pencil.svg")" > "./edit-pencil.tsx"
echo "export const Education: React.FC<{ className?: string }> = ({ className }) => $(cat "./education.svg")" > "./education.tsx"
echo "export const Envelope: React.FC<{ className?: string }> = ({ className }) => $(cat "./envelope.svg")" > "./envelope.tsx"
echo "export const ExclamationOutline: React.FC<{ className?: string }> = ({ className }) => $(cat "./exclamation-outline.svg")" > "./exclamation-outline.tsx"
echo "export const ExclamationSolid: React.FC<{ className?: string }> = ({ className }) => $(cat "./exclamation-solid.svg")" > "./exclamation-solid.tsx"
echo "export const Explore: React.FC<{ className?: string }> = ({ className }) => $(cat "./explore.svg")" > "./explore.tsx"
echo "export const Factory: React.FC<{ className?: string }> = ({ className }) => $(cat "./factory.svg")" > "./factory.tsx"
echo "export const FastForward: React.FC<{ className?: string }> = ({ className }) => $(cat "./fast-forward.svg")" > "./fast-forward.tsx"
echo "export const FastRewind: React.FC<{ className?: string }> = ({ className }) => $(cat "./fast-rewind.svg")" > "./fast-rewind.tsx"
echo "export const Film: React.FC<{ className?: string }> = ({ className }) => $(cat "./film.svg")" > "./film.tsx"
echo "export const Filter: React.FC<{ className?: string }> = ({ className }) => $(cat "./filter.svg")" > "./filter.tsx"
echo "export const Flag: React.FC<{ className?: string }> = ({ className }) => $(cat "./flag.svg")" > "./flag.tsx"
echo "export const Flashlight: React.FC<{ className?: string }> = ({ className }) => $(cat "./flashlight.svg")" > "./flashlight.tsx"
echo "export const FolderOutlineAdd: React.FC<{ className?: string }> = ({ className }) => $(cat "./folder-outline-add.svg")" > "./folder-outline-add.tsx"
echo "export const FolderOutline: React.FC<{ className?: string }> = ({ className }) => $(cat "./folder-outline.svg")" > "./folder-outline.tsx"
echo "export const Folder: React.FC<{ className?: string }> = ({ className }) => $(cat "./folder.svg")" > "./folder.tsx"
echo "export const FormatBold: React.FC<{ className?: string }> = ({ className }) => $(cat "./format-bold.svg")" > "./format-bold.tsx"
echo "export const FormatFontSize: React.FC<{ className?: string }> = ({ className }) => $(cat "./format-font-size.svg")" > "./format-font-size.tsx"
echo "export const FormatItalic: React.FC<{ className?: string }> = ({ className }) => $(cat "./format-italic.svg")" > "./format-italic.tsx"
echo "export const FormatTextSize: React.FC<{ className?: string }> = ({ className }) => $(cat "./format-text-size.svg")" > "./format-text-size.tsx"
echo "export const FormatUnderline: React.FC<{ className?: string }> = ({ className }) => $(cat "./format-underline.svg")" > "./format-underline.tsx"
echo "export const ForwardStep: React.FC<{ className?: string }> = ({ className }) => $(cat "./forward-step.svg")" > "./forward-step.tsx"
echo "export const Forward: React.FC<{ className?: string }> = ({ className }) => $(cat "./forward.svg")" > "./forward.tsx"
echo "export const Gift: React.FC<{ className?: string }> = ({ className }) => $(cat "./gift.svg")" > "./gift.tsx"
echo "export const Globe: React.FC<{ className?: string }> = ({ className }) => $(cat "./globe.svg")" > "./globe.tsx"
echo "export const HandStop: React.FC<{ className?: string }> = ({ className }) => $(cat "./hand-stop.svg")" > "./hand-stop.tsx"
echo "export const HardDrive: React.FC<{ className?: string }> = ({ className }) => $(cat "./hard-drive.svg")" > "./hard-drive.tsx"
echo "export const Headphones: React.FC<{ className?: string }> = ({ className }) => $(cat "./headphones.svg")" > "./headphones.tsx"
echo "export const Heart: React.FC<{ className?: string }> = ({ className }) => $(cat "./heart.svg")" > "./heart.tsx"
echo "export const Home: React.FC<{ className?: string }> = ({ className }) => $(cat "./home.svg")" > "./home.tsx"
echo "export const Hot: React.FC<{ className?: string }> = ({ className }) => $(cat "./hot.svg")" > "./hot.tsx"
echo "export const HourGlass: React.FC<{ className?: string }> = ({ className }) => $(cat "./hour-glass.svg")" > "./hour-glass.tsx"
echo "export const InboxCheck: React.FC<{ className?: string }> = ({ className }) => $(cat "./inbox-check.svg")" > "./inbox-check.tsx"
echo "export const InboxDownload: React.FC<{ className?: string }> = ({ className }) => $(cat "./inbox-download.svg")" > "./inbox-download.tsx"
echo "export const InboxFull: React.FC<{ className?: string }> = ({ className }) => $(cat "./inbox-full.svg")" > "./inbox-full.tsx"
echo "export const Inbox: React.FC<{ className?: string }> = ({ className }) => $(cat "./inbox.svg")" > "./inbox.tsx"
echo "export const IndentDecrease: React.FC<{ className?: string }> = ({ className }) => $(cat "./indent-decrease.svg")" > "./indent-decrease.tsx"
echo "export const IndentIncrease: React.FC<{ className?: string }> = ({ className }) => $(cat "./indent-increase.svg")" > "./indent-increase.tsx"
echo "export const InformationOutline: React.FC<{ className?: string }> = ({ className }) => $(cat "./information-outline.svg")" > "./information-outline.tsx"
echo "export const InformationSolid: React.FC<{ className?: string }> = ({ className }) => $(cat "./information-solid.svg")" > "./information-solid.tsx"
echo "export const Key: React.FC<{ className?: string }> = ({ className }) => $(cat "./key.svg")" > "./key.tsx"
echo "export const Keyboard: React.FC<{ className?: string }> = ({ className }) => $(cat "./keyboard.svg")" > "./keyboard.tsx"
echo "export const Layers: React.FC<{ className?: string }> = ({ className }) => $(cat "./layers.svg")" > "./layers.tsx"
echo "export const Library: React.FC<{ className?: string }> = ({ className }) => $(cat "./library.svg")" > "./library.tsx"
echo "export const LightBulb: React.FC<{ className?: string }> = ({ className }) => $(cat "./light-bulb.svg")" > "./light-bulb.tsx"
echo "export const Link: React.FC<{ className?: string }> = ({ className }) => $(cat "./link.svg")" > "./link.tsx"
echo "export const ListAdd: React.FC<{ className?: string }> = ({ className }) => $(cat "./list-add.svg")" > "./list-add.tsx"
echo "export const ListBullet: React.FC<{ className?: string }> = ({ className }) => $(cat "./list-bullet.svg")" > "./list-bullet.tsx"
echo "export const List: React.FC<{ className?: string }> = ({ className }) => $(cat "./list.svg")" > "./list.tsx"
echo "export const LoadBalancer: React.FC<{ className?: string }> = ({ className }) => $(cat "./load-balancer.svg")" > "./load-balancer.tsx"
echo "export const LocationCurrent: React.FC<{ className?: string }> = ({ className }) => $(cat "./location-current.svg")" > "./location-current.tsx"
echo "export const LocationFood: React.FC<{ className?: string }> = ({ className }) => $(cat "./location-food.svg")" > "./location-food.tsx"
echo "export const LocationGasStation: React.FC<{ className?: string }> = ({ className }) => $(cat "./location-gas-station.svg")" > "./location-gas-station.tsx"
echo "export const LocationHotel: React.FC<{ className?: string }> = ({ className }) => $(cat "./location-hotel.svg")" > "./location-hotel.tsx"
echo "export const LocationMarina: React.FC<{ className?: string }> = ({ className }) => $(cat "./location-marina.svg")" > "./location-marina.tsx"
echo "export const LocationPark: React.FC<{ className?: string }> = ({ className }) => $(cat "./location-park.svg")" > "./location-park.tsx"
echo "export const LocationRestroom: React.FC<{ className?: string }> = ({ className }) => $(cat "./location-restroom.svg")" > "./location-restroom.tsx"
echo "export const LocationShopping: React.FC<{ className?: string }> = ({ className }) => $(cat "./location-shopping.svg")" > "./location-shopping.tsx"
echo "export const Location: React.FC<{ className?: string }> = ({ className }) => $(cat "./location.svg")" > "./location.tsx"
echo "export const LockClosed: React.FC<{ className?: string }> = ({ className }) => $(cat "./lock-closed.svg")" > "./lock-closed.tsx"
echo "export const LockOpen: React.FC<{ className?: string }> = ({ className }) => $(cat "./lock-open.svg")" > "./lock-open.tsx"
echo "export const Map: React.FC<{ className?: string }> = ({ className }) => $(cat "./map.svg")" > "./map.tsx"
echo "export const Menu: React.FC<{ className?: string }> = ({ className }) => $(cat "./menu.svg")" > "./menu.tsx"
echo "export const Mic: React.FC<{ className?: string }> = ({ className }) => $(cat "./mic.svg")" > "./mic.tsx"
echo "export const MinusOutline: React.FC<{ className?: string }> = ({ className }) => $(cat "./minus-outline.svg")" > "./minus-outline.tsx"
echo "export const MinusSolid: React.FC<{ className?: string }> = ({ className }) => $(cat "./minus-solid.svg")" > "./minus-solid.tsx"
echo "export const MobileDevices: React.FC<{ className?: string }> = ({ className }) => $(cat "./mobile-devices.svg")" > "./mobile-devices.tsx"
echo "export const MoodHappyOutline: React.FC<{ className?: string }> = ({ className }) => $(cat "./mood-happy-outline.svg")" > "./mood-happy-outline.tsx"
echo "export const MoodHappySolid: React.FC<{ className?: string }> = ({ className }) => $(cat "./mood-happy-solid.svg")" > "./mood-happy-solid.tsx"
echo "export const MoodNeutralOutline: React.FC<{ className?: string }> = ({ className }) => $(cat "./mood-neutral-outline.svg")" > "./mood-neutral-outline.tsx"
echo "export const MoodNeutralSolid: React.FC<{ className?: string }> = ({ className }) => $(cat "./mood-neutral-solid.svg")" > "./mood-neutral-solid.tsx"
echo "export const MoodSadOutline: React.FC<{ className?: string }> = ({ className }) => $(cat "./mood-sad-outline.svg")" > "./mood-sad-outline.tsx"
echo "export const MoodSadSolid: React.FC<{ className?: string }> = ({ className }) => $(cat "./mood-sad-solid.svg")" > "./mood-sad-solid.tsx"
echo "export const Mouse: React.FC<{ className?: string }> = ({ className }) => $(cat "./mouse.svg")" > "./mouse.tsx"
echo "export const MusicAlbum: React.FC<{ className?: string }> = ({ className }) => $(cat "./music-album.svg")" > "./music-album.tsx"
echo "export const MusicArtist: React.FC<{ className?: string }> = ({ className }) => $(cat "./music-artist.svg")" > "./music-artist.tsx"
echo "export const MusicNotes: React.FC<{ className?: string }> = ({ className }) => $(cat "./music-notes.svg")" > "./music-notes.tsx"
echo "export const MusicPlaylist: React.FC<{ className?: string }> = ({ className }) => $(cat "./music-playlist.svg")" > "./music-playlist.tsx"
echo "export const NavigationMore: React.FC<{ className?: string }> = ({ className }) => $(cat "./navigation-more.svg")" > "./navigation-more.tsx"
echo "export const Network: React.FC<{ className?: string }> = ({ className }) => $(cat "./network.svg")" > "./network.tsx"
echo "export const NewsPaper: React.FC<{ className?: string }> = ({ className }) => $(cat "./news-paper.svg")" > "./news-paper.tsx"
echo "export const Notification: React.FC<{ className?: string }> = ({ className }) => $(cat "./notification.svg")" > "./notification.tsx"
echo "export const NotificationsOutline: React.FC<{ className?: string }> = ({ className }) => $(cat "./notifications-outline.svg")" > "./notifications-outline.tsx"
echo "export const Notifications: React.FC<{ className?: string }> = ({ className }) => $(cat "./notifications.svg")" > "./notifications.tsx"
echo "export const Paste: React.FC<{ className?: string }> = ({ className }) => $(cat "./paste.svg")" > "./paste.tsx"
echo "export const PauseOutline: React.FC<{ className?: string }> = ({ className }) => $(cat "./pause-outline.svg")" > "./pause-outline.tsx"
echo "export const PauseSolid: React.FC<{ className?: string }> = ({ className }) => $(cat "./pause-solid.svg")" > "./pause-solid.tsx"
echo "export const Pause: React.FC<{ className?: string }> = ({ className }) => $(cat "./pause.svg")" > "./pause.tsx"
echo "export const PenTool: React.FC<{ className?: string }> = ({ className }) => $(cat "./pen-tool.svg")" > "./pen-tool.tsx"
echo "export const Phone: React.FC<{ className?: string }> = ({ className }) => $(cat "./phone.svg")" > "./phone.tsx"
echo "export const Photo: React.FC<{ className?: string }> = ({ className }) => $(cat "./photo.svg")" > "./photo.tsx"
echo "export const PhpElephant: React.FC<{ className?: string }> = ({ className }) => $(cat "./php-elephant.svg")" > "./php-elephant.tsx"
echo "export const Pin: React.FC<{ className?: string }> = ({ className }) => $(cat "./pin.svg")" > "./pin.tsx"
echo "export const PlayOutline: React.FC<{ className?: string }> = ({ className }) => $(cat "./play-outline.svg")" > "./play-outline.tsx"
echo "export const Play: React.FC<{ className?: string }> = ({ className }) => $(cat "./play.svg")" > "./play.tsx"
echo "export const Playlist: React.FC<{ className?: string }> = ({ className }) => $(cat "./playlist.svg")" > "./playlist.tsx"
echo "export const Plugin: React.FC<{ className?: string }> = ({ className }) => $(cat "./plugin.svg")" > "./plugin.tsx"
echo "export const Portfolio: React.FC<{ className?: string }> = ({ className }) => $(cat "./portfolio.svg")" > "./portfolio.tsx"
echo "export const Printer: React.FC<{ className?: string }> = ({ className }) => $(cat "./printer.svg")" > "./printer.tsx"
echo "export const Pylon: React.FC<{ className?: string }> = ({ className }) => $(cat "./pylon.svg")" > "./pylon.tsx"
echo "export const Question: React.FC<{ className?: string }> = ({ className }) => $(cat "./question.svg")" > "./question.tsx"
echo "export const Queue: React.FC<{ className?: string }> = ({ className }) => $(cat "./queue.svg")" > "./queue.tsx"
echo "export const Radar: React.FC<{ className?: string }> = ({ className }) => $(cat "./radar.svg")" > "./radar.tsx"
echo "export const Radio: React.FC<{ className?: string }> = ({ className }) => $(cat "./radio.svg")" > "./radio.tsx"
echo "export const Refresh: React.FC<{ className?: string }> = ({ className }) => $(cat "./refresh.svg")" > "./refresh.tsx"
echo "export const Reload: React.FC<{ className?: string }> = ({ className }) => $(cat "./reload.svg")" > "./reload.tsx"
echo "export const ReplyAll: React.FC<{ className?: string }> = ({ className }) => $(cat "./reply-all.svg")" > "./reply-all.tsx"
echo "export const Reply: React.FC<{ className?: string }> = ({ className }) => $(cat "./reply.svg")" > "./reply.tsx"
echo "export const Repost: React.FC<{ className?: string }> = ({ className }) => $(cat "./repost.svg")" > "./repost.tsx"
echo "export const SaveDisk: React.FC<{ className?: string }> = ({ className }) => $(cat "./save-disk.svg")" > "./save-disk.tsx"
echo "export const ScreenFull: React.FC<{ className?: string }> = ({ className }) => $(cat "./screen-full.svg")" > "./screen-full.tsx"
echo "export const Search: React.FC<{ className?: string }> = ({ className }) => $(cat "./search.svg")" > "./search.tsx"
echo "export const Send: React.FC<{ className?: string }> = ({ className }) => $(cat "./send.svg")" > "./send.tsx"
echo "export const Servers: React.FC<{ className?: string }> = ({ className }) => $(cat "./servers.svg")" > "./servers.tsx"
echo "export const Share_01: React.FC<{ className?: string }> = ({ className }) => $(cat "./share-01.svg")" > "./share-01.tsx"
echo "export const ShareAlt: React.FC<{ className?: string }> = ({ className }) => $(cat "./share-alt.svg")" > "./share-alt.tsx"
echo "export const Share: React.FC<{ className?: string }> = ({ className }) => $(cat "./share.svg")" > "./share.tsx"
echo "export const Shield: React.FC<{ className?: string }> = ({ className }) => $(cat "./shield.svg")" > "./shield.tsx"
echo "export const ShoppingCart: React.FC<{ className?: string }> = ({ className }) => $(cat "./shopping-cart.svg")" > "./shopping-cart.tsx"
echo "export const ShowSidebar: React.FC<{ className?: string }> = ({ className }) => $(cat "./show-sidebar.svg")" > "./show-sidebar.tsx"
echo "export const Shuffle: React.FC<{ className?: string }> = ({ className }) => $(cat "./shuffle.svg")" > "./shuffle.tsx"
echo "export const StandBy: React.FC<{ className?: string }> = ({ className }) => $(cat "./stand-by.svg")" > "./stand-by.tsx"
echo "export const StarFull: React.FC<{ className?: string }> = ({ className }) => $(cat "./star-full.svg")" > "./star-full.tsx"
echo "export const Station: React.FC<{ className?: string }> = ({ className }) => $(cat "./station.svg")" > "./station.tsx"
echo "export const StepBackward: React.FC<{ className?: string }> = ({ className }) => $(cat "./step-backward.svg")" > "./step-backward.tsx"
echo "export const StepForward: React.FC<{ className?: string }> = ({ className }) => $(cat "./step-forward.svg")" > "./step-forward.tsx"
echo "export const Stethoscope: React.FC<{ className?: string }> = ({ className }) => $(cat "./stethoscope.svg")" > "./stethoscope.tsx"
echo "export const StoreFront: React.FC<{ className?: string }> = ({ className }) => $(cat "./store-front.svg")" > "./store-front.tsx"
echo "export const StrokeWidth: React.FC<{ className?: string }> = ({ className }) => $(cat "./stroke-width.svg")" > "./stroke-width.tsx"
echo "export const SubdirectoryLeft: React.FC<{ className?: string }> = ({ className }) => $(cat "./subdirectory-left.svg")" > "./subdirectory-left.tsx"
echo "export const SubdirectoryRight: React.FC<{ className?: string }> = ({ className }) => $(cat "./subdirectory-right.svg")" > "./subdirectory-right.tsx"
echo "export const Swap: React.FC<{ className?: string }> = ({ className }) => $(cat "./swap.svg")" > "./swap.tsx"
echo "export const Tablet: React.FC<{ className?: string }> = ({ className }) => $(cat "./tablet.svg")" > "./tablet.tsx"
echo "export const Tag: React.FC<{ className?: string }> = ({ className }) => $(cat "./tag.svg")" > "./tag.tsx"
echo "export const Target: React.FC<{ className?: string }> = ({ className }) => $(cat "./target.svg")" > "./target.tsx"
echo "export const TextBox: React.FC<{ className?: string }> = ({ className }) => $(cat "./text-box.svg")" > "./text-box.tsx"
echo "export const TextDecoration: React.FC<{ className?: string }> = ({ className }) => $(cat "./text-decoration.svg")" > "./text-decoration.tsx"
echo "export const Thermometer: React.FC<{ className?: string }> = ({ className }) => $(cat "./thermometer.svg")" > "./thermometer.tsx"
echo "export const ThumbsDown: React.FC<{ className?: string }> = ({ className }) => $(cat "./thumbs-down.svg")" > "./thumbs-down.tsx"
echo "export const ThumbsUp: React.FC<{ className?: string }> = ({ className }) => $(cat "./thumbs-up.svg")" > "./thumbs-up.tsx"
echo "export const Ticket: React.FC<{ className?: string }> = ({ className }) => $(cat "./ticket.svg")" > "./ticket.tsx"
echo "export const Time: React.FC<{ className?: string }> = ({ className }) => $(cat "./time.svg")" > "./time.tsx"
echo "export const Timer: React.FC<{ className?: string }> = ({ className }) => $(cat "./timer.svg")" > "./timer.tsx"
echo "export const Translate: React.FC<{ className?: string }> = ({ className }) => $(cat "./translate.svg")" > "./translate.tsx"
echo "export const Trash: React.FC<{ className?: string }> = ({ className }) => $(cat "./trash.svg")" > "./trash.tsx"
echo "export const TravelBus: React.FC<{ className?: string }> = ({ className }) => $(cat "./travel-bus.svg")" > "./travel-bus.tsx"
echo "export const TravelCar: React.FC<{ className?: string }> = ({ className }) => $(cat "./travel-car.svg")" > "./travel-car.tsx"
echo "export const TravelCase: React.FC<{ className?: string }> = ({ className }) => $(cat "./travel-case.svg")" > "./travel-case.tsx"
echo "export const TravelTaxiCab: React.FC<{ className?: string }> = ({ className }) => $(cat "./travel-taxi-cab.svg")" > "./travel-taxi-cab.tsx"
echo "export const TravelTrain: React.FC<{ className?: string }> = ({ className }) => $(cat "./travel-train.svg")" > "./travel-train.tsx"
echo "export const TravelWalk: React.FC<{ className?: string }> = ({ className }) => $(cat "./travel-walk.svg")" > "./travel-walk.tsx"
echo "export const Travel: React.FC<{ className?: string }> = ({ className }) => $(cat "./travel.svg")" > "./travel.tsx"
echo "export const Trophy: React.FC<{ className?: string }> = ({ className }) => $(cat "./trophy.svg")" > "./trophy.tsx"
echo "export const Tuning: React.FC<{ className?: string }> = ({ className }) => $(cat "./tuning.svg")" > "./tuning.tsx"
echo "export const Upload: React.FC<{ className?: string }> = ({ className }) => $(cat "./upload.svg")" > "./upload.tsx"
echo "export const Usb: React.FC<{ className?: string }> = ({ className }) => $(cat "./usb.svg")" > "./usb.tsx"
echo "export const UserAdd: React.FC<{ className?: string }> = ({ className }) => $(cat "./user-add.svg")" > "./user-add.tsx"
echo "export const UserGroup: React.FC<{ className?: string }> = ({ className }) => $(cat "./user-group.svg")" > "./user-group.tsx"
echo "export const UserSolidCircle: React.FC<{ className?: string }> = ({ className }) => $(cat "./user-solid-circle.svg")" > "./user-solid-circle.tsx"
echo "export const UserSolidSquare: React.FC<{ className?: string }> = ({ className }) => $(cat "./user-solid-square.svg")" > "./user-solid-square.tsx"
echo "export const User: React.FC<{ className?: string }> = ({ className }) => $(cat "./user.svg")" > "./user.tsx"
echo "export const Vector: React.FC<{ className?: string }> = ({ className }) => $(cat "./vector.svg")" > "./vector.tsx"
echo "export const VideoCamera: React.FC<{ className?: string }> = ({ className }) => $(cat "./video-camera.svg")" > "./video-camera.tsx"
echo "export const ViewCarousel: React.FC<{ className?: string }> = ({ className }) => $(cat "./view-carousel.svg")" > "./view-carousel.tsx"
echo "export const ViewColumn: React.FC<{ className?: string }> = ({ className }) => $(cat "./view-column.svg")" > "./view-column.tsx"
echo "export const ViewHide: React.FC<{ className?: string }> = ({ className }) => $(cat "./view-hide.svg")" > "./view-hide.tsx"
echo "export const ViewList: React.FC<{ className?: string }> = ({ className }) => $(cat "./view-list.svg")" > "./view-list.tsx"
echo "export const ViewShow: React.FC<{ className?: string }> = ({ className }) => $(cat "./view-show.svg")" > "./view-show.tsx"
echo "export const ViewTile: React.FC<{ className?: string }> = ({ className }) => $(cat "./view-tile.svg")" > "./view-tile.tsx"
echo "export const VolumeDown: React.FC<{ className?: string }> = ({ className }) => $(cat "./volume-down.svg")" > "./volume-down.tsx"
echo "export const VolumeMute: React.FC<{ className?: string }> = ({ className }) => $(cat "./volume-mute.svg")" > "./volume-mute.tsx"
echo "export const VolumeOff: React.FC<{ className?: string }> = ({ className }) => $(cat "./volume-off.svg")" > "./volume-off.tsx"
echo "export const VolumeUp: React.FC<{ className?: string }> = ({ className }) => $(cat "./volume-up.svg")" > "./volume-up.tsx"
echo "export const Wallet: React.FC<{ className?: string }> = ({ className }) => $(cat "./wallet.svg")" > "./wallet.tsx"
echo "export const Watch: React.FC<{ className?: string }> = ({ className }) => $(cat "./watch.svg")" > "./watch.tsx"
echo "export const WindowNew: React.FC<{ className?: string }> = ({ className }) => $(cat "./window-new.svg")" > "./window-new.tsx"
echo "export const WindowOpen: React.FC<{ className?: string }> = ({ className }) => $(cat "./window-open.svg")" > "./window-open.tsx"
echo "export const Window: React.FC<{ className?: string }> = ({ className }) => $(cat "./window.svg")" > "./window.tsx"
echo "export const Wrench: React.FC<{ className?: string }> = ({ className }) => $(cat "./wrench.svg")" > "./wrench.tsx"
echo "export const YinYang: React.FC<{ className?: string }> = ({ className }) => $(cat "./yin-yang.svg")" > "./yin-yang.tsx"
echo "export const ZoomIn: React.FC<{ className?: string }> = ({ className }) => $(cat "./zoom-in.svg")" > "./zoom-in.tsx"
echo "export const ZoomOut: React.FC<{ className?: string }> = ({ className }) => $(cat "./zoom-out.svg")" > "./zoom-out.tsx"