{"id":24173089,"url":"https://github.com/devsany/iconic","last_synced_at":"2026-04-25T08:34:39.728Z","repository":{"id":271062699,"uuid":"911156162","full_name":"devsany/iconic","owner":"devsany","description":"React-Iconic is a lightweight npm package offering scalable and customizable SVG icons for React apps, ideal for modern and visually appealing interfaces. (npm i react-iconic)","archived":false,"fork":false,"pushed_at":"2025-01-07T09:03:43.000Z","size":8889,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-03T13:07:18.446Z","etag":null,"topics":["npm-package","react-iconic"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/devsany.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-01-02T11:18:31.000Z","updated_at":"2025-01-07T09:03:47.000Z","dependencies_parsed_at":null,"dependency_job_id":"2fe64d3a-bb65-4136-829f-9f051c896b57","html_url":"https://github.com/devsany/iconic","commit_stats":null,"previous_names":["devsany/iconic"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/devsany/iconic","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devsany%2Ficonic","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devsany%2Ficonic/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devsany%2Ficonic/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devsany%2Ficonic/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devsany","download_url":"https://codeload.github.com/devsany/iconic/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devsany%2Ficonic/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263331776,"owners_count":23450156,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["npm-package","react-iconic"],"created_at":"2025-01-13T01:14:23.404Z","updated_at":"2026-04-25T08:34:39.687Z","avatar_url":"https://github.com/devsany.png","language":"JavaScript","readme":"# react-iconic\n\n`react-iconic` is a simple and customizable React icon library that provides a collection of high-quality, scalable SVG icons. It is lightweight, easy to use, and offers flexibility for customization in React applications.\n\n## Table of Contents\n\n- [Features](#features)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Icons List](#icons-list)\n- [API](#api)\n- [Customization](#customization)\n- [Styling](#styling)\n- [Contributing](#contributing)\n- [License](#license)\n- [Working](#working)\n\n## Features\n\n- **Lightweight**: Optimized SVG icons with a minimal file size, improving page load speed.\n- **Customizable**: Easily adjust icon size, color, and style using props.\n- **React Friendly**: Fully compatible with React, supports props for seamless integration.\n- **Scalable**: SVG icons that maintain high quality at any resolution, responsive to screen size.\n\n## Installation\n\nTo install the `react-iconic` package, use npm or yarn:\n\n```bash\n# Using npm\nnpm install react-iconic\n\n# Using yarn\nyarn add react-iconic\n```\n\n## Usage\n\nOnce installed, you can import and use any of the available icons in your React project.\n\n```bash\nimport React from 'react';\nimport { Cart } from 'react-iconic';\n\nfunction App() {\n return (\n \u003cdiv\u003e\n \u003ch1\u003eWelcome to React Iconic\u003c/h1\u003e\n \u003cCart size={24} /\u003e\n \u003c/div\u003e\n );\n}\n\nexport default App;\n```\n\n### Importing Icons\n\nYou can import icons individually or all together:\n\n```bash\n// Import individual icons\nimport { Cart, Todo, ShoppingCart } from 'react-iconic';\n\n// OR import all icons at once\nimport * as Icons from 'react-iconic';\n```\n\n## API\n\nThe `react-iconic` library provides a set of icons that can be customized via props.\n\n| Prop | Type | Description | Default Value |\n| ----------- | ------ | ---------------------------------------------- | ------------- |\n| `Size` | number | Sets the width of the icon. | 24 |\n| `fill` | string | Sets the color of the icon (CSS valid colors). | black |\n| `className` | string | Adds custom CSS classes to the icon. | undefined |\n| `style` | object | Inline styles for the icon. | undefined |\n\n# Icon List\n\n### Start with letter 'A'\n\n| **Icon Name** | **Description** | **Category** |\n| -------------------------- | ----------------------------------------- | ---------------- |\n| AddColumnIcon | Icon for adding a column | Table Management |\n| AddColumnLeft | Icon for adding a column to the left | Table Management |\n| AddressBook | Icon for an address book | Communication |\n| AddressBookOutline | Outline version of the address book icon | Communication |\n| Adjustments | Icon for adjustments/settings | Settings |\n| AdjustmentsFillVertical | Filled vertical adjustments icon | Settings |\n| AdjustmentsOutline | Outline version of adjustments icon | Settings |\n| AdjustmentsOutlineVertical | Outline vertical adjustments icon | Settings |\n| AlignCentre | Icon for centering alignment | Text Formatting |\n| AlignJustify | Icon for justifying text | Text Formatting |\n| AlignLeft | Icon for left-alignment | Text Formatting |\n| AlignRight | Icon for right-alignment | Text Formatting |\n| AngleDown | Icon representing a downward arrow | Directional |\n| AngleLeft | Icon representing a leftward arrow | Directional |\n| AngleRight | Icon representing a rightward arrow | Directional |\n| AngleUp | Icon representing an upward arrow | Directional |\n| Annotation | Icon for adding annotations | Communication |\n| AnnotationOutline | Outline version of the annotation icon | Communication |\n| ApiKey | Icon for representing an API key | Security |\n| Apple | Icon for Apple logo | Brands |\n| Archive | Icon for archiving items | File Management |\n| ArchiveArrow | Icon for archiving with an arrow | File Management |\n| ArchiveArrowOutline | Outline version of archive arrow icon | File Management |\n| ArchiveOutline | Outline version of the archive icon | File Management |\n| ArrowCorner | Icon for corner arrows | Directional |\n| ArrowCornerFill | Filled version of corner arrows | Directional |\n| ArrowCornerOutline | Outline version of corner arrows | Directional |\n| ArrowDown | Icon for downward arrow | Directional |\n| ArrowDownCover | Downward arrow with cover | Directional |\n| ArrowLeft | Icon for leftward arrow | Directional |\n| ArrowLeftCover | Leftward arrow with cover | Directional |\n| ArrowRepeat | Icon for repeating arrows | Actions |\n| ArrowRepeatOne | Icon for repeating one item | Actions |\n| ArrowRight | Icon for rightward arrow | Directional |\n| ArrowRightCoverLeft | Rightward arrow covering left | Directional |\n| ArrowRightFill | Filled version of rightward arrow | Directional |\n| ArrowRightFillOutline | Outline version of filled rightward arrow | Directional |\n| ArrowShort | Short arrow icon | Directional |\n| ArrowUp | Icon for upward arrow | Directional |\n| ArrowUpCover | Upward arrow with cover | Directional |\n| ArrowUpDown | Icon for up and down arrows | Directional |\n| Atom | Icon for representing an atom | Science |\n| Award | Icon for an award | Recognition |\n| AwardOutline | Outline version of the award icon | Recognition |\n| Aws | Icon for Amazon Web Services | Brands |\n\n### Start with letter 'B'\n\n| **Icon Name** | **Description** | **Category** |\n| -------------------- | ---------------------------------------- | ------------------ |\n| Backward | Icon for backward navigation | Media Control |\n| BackwardOutline | Outline version of backward navigation | Media Control |\n| BadgeCheck | Icon for badge with a checkmark | Validation |\n| BadgeCheckOutline | Outline version of badge with checkmark | Validation |\n| Ban | Icon for banning or restricting | Actions |\n| Barcode | Icon for a barcode | Commerce |\n| Bars | Icon representing horizontal bars | Interface Elements |\n| BarsFrom | Icon for bars originating from a point | Interface Elements |\n| Battery | Icon representing a battery | Hardware |\n| BatteryOutline | Outline version of battery icon | Hardware |\n| Bed | Icon for a bed | Accommodation |\n| BedOutline | Outline version of the bed icon | Accommodation |\n| Bell | Icon for a notification bell | Alerts |\n| BellActive | Icon for an active notification bell | Alerts |\n| BellActiveAlt | Alternate version of active bell icon | Alerts |\n| BellActiveAltOutline | Outline version of alternate active bell | Alerts |\n| BellActiveOutline | Outline version of active bell icon | Alerts |\n| BellOutline | Outline version of bell icon | Alerts |\n| BellRing | Icon for a ringing bell | Alerts |\n| BellRingOutline | Outline version of ringing bell icon | Alerts |\n| Bitcoin | Icon for Bitcoin logo | Brands |\n| BlenderPhone | Icon for a phone and blender | Technology |\n| BlenderPhoneOutline | Outline version of blender and phone | Technology |\n| Book | Icon for a book | Education |\n| BookOpen | Icon for an open book | Education |\n| BookOpenOutline | Outline version of open book icon | Education |\n| BookOutline | Outline version of book icon | Education |\n| BoothCurtain | Icon for a booth curtain | Interiors |\n| BoothCurtainOutline | Outline version of booth curtain icon | Interiors |\n| Brain | Icon for a brain | Science |\n| BrainOutline | Outline version of brain icon | Science |\n| BriefcaseOutline | Outline version of briefcase icon | Business |\n| Bug | Icon for a bug | Debugging |\n| BugOutline | Outline version of bug icon | Debugging |\n| Building | Icon for a building | Architecture |\n| BuildingOutline | Outline version of building icon | Architecture |\n| Bullhorn | Icon for a bullhorn | Communication |\n| BullhornOutline | Outline version of bullhorn icon | Communication |\n\n### Start with letter 'C'\n\n| **Icon Name** | **Description** | **Category** |\n| ------------------------ | ---------------------------------------------------- | --------------- |\n| Calendar | Icon for a calendar | Time |\n| CalendarFilled | Icon for a filled calendar | Time |\n| CalendarFilledOutline | Outline version of filled calendar | Time |\n| CalendarPlus | Icon for adding to a calendar | Time |\n| CalendarPlusOutline | Outline version of adding to a calendar | Time |\n| CalendarWe | Icon for calendar with a week view | Time |\n| CalendarWeOutline | Outline version of calendar with a week view | Time |\n| CalenderOutline | Icon for outline calendar | Time |\n| Camera | Icon for a camera | Media |\n| CameraOutline | Outline version of camera icon | Media |\n| Caption | Icon for captions | Media |\n| CaptionOutline | Outline version of caption icon | Media |\n| CaretDown | Icon for a downward caret | Navigation |\n| CaretDownOutline | Outline version of downward caret | Navigation |\n| CaretLeft | Icon for a leftward caret | Navigation |\n| CaretLeftOutline | Outline version of leftward caret | Navigation |\n| CaretRight | Icon for a rightward caret | Navigation |\n| CaretRightOutline | Outline version of rightward caret | Navigation |\n| CaretSort | Icon for sorting caret | Navigation |\n| CaretSortOutline | Outline version of sorting caret | Navigation |\n| CaretUp | Icon for an upward caret | Navigation |\n| CaretUpOutline | Outline version of upward caret | Navigation |\n| Cart | Icon for a shopping cart | Commerce |\n| CartOutline | Outline version of shopping cart | Commerce |\n| CartPlus | Icon for adding to the cart | Commerce |\n| CartPlusAlt | Alternate version of adding to the cart | Commerce |\n| CartPlusAltOutline | Outline version of alternate cart addition | Commerce |\n| CartPlusOutline | Outline version of adding to the cart | Commerce |\n| Cash | Icon for cash | Finance |\n| CashOutline | Outline version of cash icon | Finance |\n| CashRegistration | Icon for cash register | Finance |\n| CellAttributes | Icon for cell attributes | Data |\n| Chart | Icon for a generic chart | Data |\n| ChartLineDown | Icon for a chart with a downward line | Data |\n| ChartLineUp | Icon for a chart with an upward line | Data |\n| ChartMixed | Icon for a mixed chart | Data |\n| ChartPie | Icon for a pie chart | Data |\n| ChartPieOutline | Outline version of pie chart | Data |\n| Check | Icon for a checkmark | Validation |\n| CheckCircle | Icon for a checkmark in a circle | Validation |\n| CheckCircleOutline | Outline version of check circle | Validation |\n| CheckPlus | Icon for a check plus | Validation |\n| CheckPlusOutline | Outline version of check plus | Validation |\n| ChevronDown | Icon for a downward chevron | Navigation |\n| ChevronLeft | Icon for a leftward chevron | Navigation |\n| ChevronOneDown | Icon for a single downward chevron | Navigation |\n| ChevronOneLeft | Icon for a single leftward chevron | Navigation |\n| ChevronOneRight | Icon for a single rightward chevron | Navigation |\n| ChevronOneUp | Icon for a single upward chevron | Navigation |\n| ChevronOneUpDown | Icon for a single up-down chevron | Navigation |\n| ChevronRight | Icon for a rightward chevron | Navigation |\n| ChevronUp | Icon for an upward chevron | Navigation |\n| CircleMinus | Icon for a minus inside a circle | Actions |\n| CircleMinusOutline | Outline version of minus circle | Actions |\n| CirclePause | Icon for a pause inside a circle | Media |\n| CirclePauseSolid | Icon for a solid pause inside a circle | Media |\n| CirclePlus | Icon for a plus inside a circle | Actions |\n| Clapperboard | Icon for a clapperboard | Media |\n| ClapperboardSolid | Icon for a solid clapperboard | Media |\n| ClipboardCheckOutline | Outline version of clipboard with check | Productivity |\n| ClipboardList | Icon for clipboard with a list | Productivity |\n| ClipboardListOutline | Outline version of clipboard with list | Productivity |\n| ClipboardOutline | Icon for clipboard outline | Productivity |\n| Clock | Icon for a clock | Time |\n| ClockOutline | Outline version of clock icon | Time |\n| Close | Icon for a close action | Actions |\n| CloseCircle | Icon for a close inside a circle | Actions |\n| CloseCircleOutline | Outline version of close circle | Actions |\n| CloudArrowUp | Icon for cloud with an upward arrow | Cloud |\n| CloudArrowUpOutline | Outline version of cloud with an upward arrow | Cloud |\n| Code | Icon for code | Development |\n| CodeBranch | Icon for a code branch | Development |\n| CodeBranchOutline | Outline version of code branch | Development |\n| CodeFork | Icon for code fork | Development |\n| CodeForkOutline | Outline version of code fork | Development |\n| CodeMerge | Icon for code merge | Development |\n| CodeMergeOutline | Outline version of code merge | Development |\n| CodePullRequest | Icon for a code pull request | Development |\n| CodePullRequestOutline | Outline version of code pull request | Development |\n| Cog | Icon for a cog | Settings |\n| CogOutline | Outline version of cog icon | Settings |\n| Column | Icon for a column | Layout |\n| ColumnOutline | Outline version of column icon | Layout |\n| Command | Icon for command | Actions |\n| Compress | Icon for compress | File Management |\n| ComputerSystem | Icon for a computer system | Technology |\n| ComputerSystemOutline | Outline version of computer system icon | Technology |\n| CreditCard | Icon for a credit card | Finance |\n| CreditCardPlus | Icon for a credit card with a plus | Finance |\n| CreditCardPlusOutline | Outline version of credit card with a plus | Finance |\n| CreditCardPlusAlt | Alternate version of credit card with a plus | Finance |\n| CreditCardPlusAltOutline | Outline version of alternate credit card with a plus | Finance |\n| Css | Icon for CSS | Development |\n\n### Start with letter 'D'\n\n| **Icon Name** | **Description** | **Category** |\n| ----------------- | -------------------------------- | ---------------- |\n| Database | Icon for a database | Data Management |\n| DatabaseOutline | Outline version of database icon | Data Management |\n| DeleteColumn | Icon for deleting a column | Table Management |\n| DeleteRow | Icon for deleting a row | Table Management |\n| DeleteTable | Icon for deleting a table | Table Management |\n| DesktopPc | Icon for a desktop PC | Technology |\n| Discord | Icon for Discord | Social Media |\n| Dna | Icon for DNA | Science |\n| Dollar | Icon for a dollar symbol | Finance |\n| DotsHorizontal | Icon for horizontal dots | UI Elements |\n| DotVertical | Icon for vertical dots | UI Elements |\n| Download | Icon for downloading | File Management |\n| DownloadOutline | Outline version of download icon | File Management |\n| DrawSquare | Icon for drawing a square | Design |\n| DrawSquareOutline | Outline version of draw square | Design |\n| Dribbble | Icon for Dribbble | Social Media |\n| Dropbox | Icon for Dropbox | Cloud Storage |\n\n### Start with letter 'E'\n\n| **Icon Name** | **Description** | **Category** |\n| ------------------- | ----------------------------------- | ------------------ |\n| Edit | Icon for editing | Tools |\n| EditOutline | Outline version of edit icon | Tools |\n| Envelope | Icon for a closed envelope | Communication |\n| EnvelopeOpen | Icon for an open envelope | Communication |\n| EnvelopeOpenOutline | Outline version of open envelope | Communication |\n| EnvelopeOutline | Outline version of envelope | Communication |\n| Euro | Icon for a euro currency symbol | Finance |\n| Exclamation | Icon for an exclamation mark | Alerts/Warnings |\n| ExclamationOutline | Outline version of exclamation mark | Alerts/Warnings |\n| Expand | Icon for expanding | UI Elements |\n| Eye | Icon for a visible eye | Visibility/Privacy |\n| EyeOutline | Outline version of visible eye | Visibility/Privacy |\n| EyeSlash | Icon for an invisible eye | Visibility/Privacy |\n| EyeSlashOutline | Outline version of invisible eye | Visibility/Privacy |\n\n### Start with letter 'F'\n\n| **Icon Name** | **Description** | **Category** |\n| --------------------- | ------------------------------------------- | -------------------- |\n| Facebook | Icon for Facebook | Social Media |\n| FaceExplode | Icon depicting an exploding face | Emotions/Expressions |\n| FaceExplodeOutline | Outline version of exploding face | Emotions/Expressions |\n| FaceGrin | Icon for a grinning face | Emotions/Expressions |\n| FaceGrinOutline | Outline version of grinning face | Emotions/Expressions |\n| FaceGrinStar | Icon for a grinning face with stars | Emotions/Expressions |\n| FaceGrinStarOutline | Outline version of grinning face with stars | Emotions/Expressions |\n| FaceLaugh | Icon for a laughing face | Emotions/Expressions |\n| FaceLaughOutline | Outline version of laughing face | Emotions/Expressions |\n| File | Generic file icon | Files/Storage |\n| FileChartBar | File icon with a chart bar | Analytics |\n| FileChartBarOutline | Outline version of file with chart bar | Analytics |\n| FileCheck | File with a check mark | Files/Storage |\n| FileCheckOutline | Outline version of file with a check mark | Files/Storage |\n| FileCirclePlus | File with a plus in a circle | Files/Storage |\n| FileCirclePlusOutline | Outline version of file with a circle plus | Files/Storage |\n| FileClone | Cloned file icon | Files/Storage |\n| FileCloneAlt | Alternate cloned file icon | Files/Storage |\n| FileCloneAltOutline | Outline version of alternate cloned file | Files/Storage |\n| FileCloneCurve | File clone with a curved design | Files/Storage |\n| FileCloneCurveOutline | Outline version of file clone curve | Files/Storage |\n| FileCopy | Icon for copying files | Files/Storage |\n| FileCsv | Icon for CSV file format | Files/Storage |\n| FileCsvOutline | Outline version of CSV file format | Files/Storage |\n| FileDoc | Icon for Word document files | Files/Storage |\n| FileDocOutline | Outline version of Word document files | Files/Storage |\n| FileExport | Icon for exporting files | Files/Storage |\n| FileImage | File with an image icon | Files/Storage |\n| FileMusic | File with a music note | Files/Storage |\n| FilePdf | Icon for PDF files | Files/Storage |\n| FilePen | File with a pen icon | Files/Storage |\n| FilePptOutline | Outline version of PowerPoint files | Files/Storage |\n| FileSearch | Icon for file search | Files/Storage |\n| FileShield | File with a shield icon | Security |\n| FileVideo | File with a video icon | Files/Storage |\n| FileWord | Icon for Word files | Files/Storage |\n| FileZip | Icon for ZIP files | Files/Storage |\n| Filter | Generic filter icon | Tools |\n| FilterDollar | Filter with dollar symbol | Finance |\n| Fingerprint | Icon for fingerprint | Security |\n| Fire | Icon depicting fire | Alerts/Warnings |\n| FloppyDisk | Icon for floppy disk | Files/Storage |\n| Folder | Generic folder icon | Files/Storage |\n| FolderArrow | Folder with an arrow | Files/Storage |\n| FolderOpen | Icon for an open folder | Files/Storage |\n| FolderPlus | Folder with a plus | Files/Storage |\n| FontColor | Icon for font color | Text Formatting |\n| FontHighlight | Icon for font highlight | Text Formatting |\n| Forward | Generic forward icon | Navigation |\n| ForwardStep | Step forward icon | Navigation |\n\n### Start with letter 'G'\n\n| **Icon Name** | **Description** | **Category** |\n| --------------- | ----------------------------------------------- | ------------ |\n| GiftBox | Icon representing a gift box | Objects |\n| GiftBoxOutline | Outline version of a gift box icon | Objects |\n| Github | Icon for the GitHub platform | Brands |\n| Gitlab | Icon for the GitLab platform | Brands |\n| Globe | Icon representing a globe | Navigation |\n| GlobeOutline | Outline version of a globe icon | Navigation |\n| Google | Icon for the Google platform | Brands |\n| GoToNext | Icon indicating navigation to the next item | Navigation |\n| GoToPrev | Icon indicating navigation to the previous item | Navigation |\n| Grid | Icon representing a grid | Layout |\n| GridOutline | Outline version of a grid icon | Layout |\n| GridPlus | Icon representing a grid with a plus sign | Layout |\n| GridPlusOutline | Outline version of grid with a plus sign | Layout |\n\n### Start with letter 'H'\n\n| **Icon Name** | **Description** | **Category** |\n| ----------------- | ----------------------------------------------- | ------------------- |\n| Image | Icon representing an image | Media |\n| ImageOutline | Outline version of an image icon | Media |\n| Inbox | Icon representing an inbox | Communication |\n| InboxFull | Icon for a full inbox | Communication |\n| InboxFullOutline | Outline version of a full inbox icon | Communication |\n| InboxOutline | Outline version of an inbox icon | Communication |\n| Indent | Icon representing an indentation | Text Editing |\n| IndentOutline | Outline version of an indentation icon | Text Editing |\n| Infocircle | Icon for an informational circle | General Information |\n| InfocircleOutline | Outline version of an informational circle icon | General Information |\n| InsertRow | Icon for inserting a row | Table Management |\n| InsertRowDown | Icon for inserting a row downward | Table Management |\n| InsertTable | Icon representing a table | Table Management |\n| InsertTablePlus | Icon for adding a new table | Table Management |\n| Instagram | Icon for the Instagram platform | Social Media |\n\n### Start with letter 'K'\n\n| **Icon Name** | **Description** | **Category** |\n| --------------- | ---------------------------------- | ------------- |\n| Keyboard | Icon representing a keyboard | Input Devices |\n| KeyboardOutline | Outline version of a keyboard icon | Input Devices |\n\n### Start with letter 'L'\n\n| **Icon Name** | **Description** | **Category** |\n| ---------------- | ------------------------------------------- | ------------------- |\n| Label | Icon representing a label | UI Elements |\n| LabelOutline | Outline version of a label icon | UI Elements |\n| Landmark | Icon representing a landmark | Navigation/Places |\n| LandmarkOutline | Outline version of a landmark icon | Navigation/Places |\n| Language | Icon representing language | General |\n| Laravel | Icon for the Laravel framework | Brands |\n| LayersOutline | Outline version of layers icon | Layout |\n| LetterBold | Icon for bold text | Text Formatting |\n| LetterItalic | Icon for italic text | Text Formatting |\n| LetterUnderline | Icon for underlined text | Text Formatting |\n| LifeSaver | Icon representing a lifesaver | Safety |\n| LifeSaverOutline | Outline version of a lifesaver icon | Safety |\n| LightBulb | Icon representing a light bulb | Ideas/Concepts |\n| LightBulbOutline | Outline version of a light bulb icon | Ideas/Concepts |\n| Link | Icon representing a link | Connectivity |\n| LinkBreak | Icon for a broken link | Connectivity |\n| LinkedIn | Icon for the LinkedIn platform | Social Media |\n| List | Icon representing a list | Layout/Organization |\n| ListMusic | Icon for a music playlist | Media |\n| ListMusicOutline | Outline version of a music playlist icon | Media |\n| Lock | Icon representing a locked state | Security |\n| LockOpen | Icon for an unlocked state | Security |\n| LockOpenOutline | Outline version of an unlocked icon | Security |\n| LockOutline | Outline version of a lock icon | Security |\n| LockTime | Icon representing a lock with a timer | Security |\n| LockTimeOutline | Outline version of a lock with a timer icon | Security |\n\n### Start with letter 'M'\n\n| **Icon Name** | **Description** | **Category** |\n| --------------------- | ----------------------------------------------- | ----------------- |\n| Mailbox | Icon representing a mailbox | Communication |\n| MailboxOutline | Outline version of a mailbox icon | Communication |\n| MapPin | Icon representing a location pin | Navigation/Places |\n| MapPinAlt | Alternative version of a location pin icon | Navigation/Places |\n| MapPinAltOutline | Outline version of the alternative location pin | Navigation/Places |\n| MapPinOutline | Outline version of a location pin icon | Navigation/Places |\n| Mastercard | Icon for the Mastercard payment platform | Brands |\n| Mergecells | Icon representing merged table cells | Table Management |\n| MergecellsSplit | Icon for splitting merged table cells | Table Management |\n| Message | Icon representing a message | Communication |\n| MessageDots | Icon for a message with typing dots | Communication |\n| MessageDotsOutline | Outline version of a message with typing dots | Communication |\n| MessageOutline | Outline version of a message icon | Communication |\n| Messages | Icon representing multiple messages | Communication |\n| MessagesOutline | Outline version of the multiple messages icon | Communication |\n| Microphone | Icon representing a microphone | Audio |\n| MicrophoneMute | Icon for a muted microphone | Audio |\n| MicrophoneMuteOutline | Outline version of a muted microphone icon | Audio |\n| MicrophoneOutline | Outline version of a microphone icon | Audio |\n| Minimize | Icon for minimizing a window or section | UI Elements |\n| Minus | Icon representing a minus or subtraction sign | UI Elements |\n| MobilePhone | Icon representing a mobile phone | Devices |\n| MobilePhoneOutline | Outline version of a mobile phone icon | Devices |\n| MongoDB | Icon for the MongoDB database platform | Brands |\n| Moon | Icon representing the moon | Nature |\n| MoonOutline | Outline version of the moon icon | Nature |\n\n### Start with letter 'N'\n\n| **Icon Name** | **Description** | **Category** |\n| ---------------- | --------------------------------------- | ------------------ |\n| Newspaper | Icon representing a newspaper | Media/News |\n| NewspaperOutline | Outline version of a newspaper icon | Media/News |\n| Npm | Icon for the Node Package Manager (npm) | Brands/Development |\n\n### Start with letter 'O'\n\n| **Icon Name** | **Description** | **Category** |\n| ------------------- | --------------------------------------------- | --------------- |\n| ObjectColumn | Icon representing a column layout for objects | Layout/Design |\n| ObjectColumnOutline | Outline version of the column layout icon | Layout/Design |\n| OpenDoor | Icon representing an open door | Objects |\n| OpenDoorOutline | Outline version of the open door icon | Objects |\n| OrderedList | Icon for an ordered (numbered) list | Text Formatting |\n| Outdent | Icon representing outdented text | Text Formatting |\n| OutdentOutline | Outline version of the outdented text icon | Text Formatting |\n\n### Start with letter 'P'\n\n| **Icon Name** | **Description** | **Category** |\n| ------------------ | -------------------------------------------- | ---------------- |\n| Palette | Icon representing an artist's palette | Art/Design |\n| PaletteOutline | Outline version of an artist's palette icon | Art/Design |\n| PaperClip | Icon for a paperclip | Tools/Objects |\n| PaperPlane | Icon for a paper plane | Communication |\n| PaperPlaneOultine | Outline version of a paper plane icon | Communication |\n| Paragraph | Icon for a paragraph block | Text Formatting |\n| ParagraphOutline | Outline version of a paragraph block icon | Text Formatting |\n| Pause | Icon representing a pause button | Media Controls |\n| PauseOutline | Outline version of the pause button icon | Media Controls |\n| Pen | Icon for a pen | Writing/Tools |\n| PenNib | Icon for a pen nib | Writing/Tools |\n| PenOutline | Outline version of the pen icon | Writing/Tools |\n| Phone | Icon representing a phone | Communication |\n| PhoneHang | Icon for a hanging-up phone | Communication |\n| PhoneHangOutline | Outline version of the hanging-up phone icon | Communication |\n| PhoneOutline | Outline version of the phone icon | Communication |\n| Play | Icon representing a play button | Media Controls |\n| PlayOutline | Outline version of the play button icon | Media Controls |\n| Plus | Icon for adding or increasing | General/Actions |\n| Printer | Icon representing a printer | Tools/Objects |\n| PrinterOutline | Outline version of the printer icon | Tools/Objects |\n| ProfileCard | Icon for a profile card | Identity/Profile |\n| ProfileCardOutline | Outline version of the profile card icon | Identity/Profile |\n\n### Start with letter 'Q'\n\n| **Icon Name** | **Description** | **Category** |\n| --------------------- | ----------------------------------------- | ------------------ |\n| Qrcode | Icon representing a QR code | Technology/Tools |\n| QuestionCircle | Icon for a question circle | Communication/Help |\n| QuestionCircleOutline | Outline version of a question circle icon | Communication/Help |\n| Quote | Icon for a quote or quotation | Text Formatting |\n| QuoteOutline | Outline version of the quote icon | Text Formatting |\n\n### Start with letter 'R'\n\n| **Icon Name** | **Description** | **Category** |\n| -------------------- | ---------------------------------------------- | ---------------------- |\n| React | Icon representing React | Technology/Framework |\n| Receipt | Icon for a receipt | Documents/Tools |\n| ReceiptOutline | Outline version of a receipt icon | Documents/Tools |\n| RectangleList | Icon representing a list in a rectangular form | UI/Layouts |\n| RectangleListOutline | Outline version of a rectangular list icon | UI/Layouts |\n| Reddit | Icon representing Reddit | Social Media |\n| Redo | Icon for redo action | Editing/Actions |\n| Refresh | Icon for refreshing | Media Controls/Actions |\n| Reply | Icon for replying to a message | Communication |\n| ReplyAll | Icon for replying to all recipients | Communication |\n| ReplyAllOutline | Outline version of the reply all icon | Communication |\n| ReplyOutline | Outline version of the reply icon | Communication |\n| RestoreWindow | Icon for restoring a window | UI/Windows |\n| Rocket | Icon for a rocket | Technology/Startup |\n| RocketOutline | Outline version of the rocket icon | Technology/Startup |\n| Ruler | Icon for a ruler | Tools/Measurement |\n\n### Start with letter 'S'\n\n| **Icon Name** | **Description** | **Category** |\n| ------------------- | -------------------------------------------------- | ------------------------- |\n| SalePercent | Icon for a sale percent | Shopping/Commerce |\n| SalePercentOutline | Outline version of the sale percent icon | Shopping/Commerce |\n| ScaleBalance | Icon representing a scale balance | Finance/Tools |\n| ScaleBalanceOutline | Outline version of the scale balance icon | Finance/Tools |\n| Search | Icon for a search function | Actions/Search |\n| SearchIcon | Icon representing a magnifying search icon | Actions/Search |\n| SearchOutline | Outline version of the search icon | Actions/Search |\n| Server | Icon for a server | Technology/Networking |\n| ServerOutline | Outline version of the server icon | Technology/Networking |\n| ShareAll | Icon for sharing everything | Social/Sharing |\n| ShareAllOutline | Outline version of the share all icon | Social/Sharing |\n| ShareNodes | Icon representing shared nodes | Social/Sharing/Networking |\n| ShareNodesOutline | Outline version of the share nodes icon | Social/Sharing/Networking |\n| Shield | Icon for a shield | Security/Protection |\n| ShieldCheck | Icon for a shield with a checkmark | Security/Protection |\n| ShieldCheckOutline | Outline version of the shield with checkmark | Security/Protection |\n| ShieldOutline | Outline version of the shield icon | Security/Protection |\n| ShoppingBagOutline | Outline version of the shopping bag icon | Shopping/Commerce |\n| Shuffle | Icon for shuffle action | Media Controls |\n| Sort | Icon for sorting items | UI/Controls |\n| SortHorizontal | Icon for horizontal sorting | UI/Controls |\n| SplitCells | Icon for splitting cells | UI/Tools |\n| Stackoverflow | Icon representing StackOverflow | Technology/Community |\n| Star | Icon for a star | Rating |\n| StarHalf | Icon for a half star | Rating |\n| StarHalfOutline | Outline version of the half star icon | Rating |\n| StarHalfStar | Icon for a half star with another half | Rating |\n| StarHalfStarOutline | Outline version of the half star with another half | Rating |\n| StarOutline | Outline version of the star icon | Rating |\n| Stop | Icon for stop action | Media Controls |\n| StopOutline | Outline version of the stop icon | Media Controls |\n| Store | Icon representing a store | Shopping/Commerce |\n| Subscript | Icon for subscript text | Text Formatting |\n| Sun | Icon for the sun | Weather/Nature |\n| SunOutline | Outline version of the sun icon | Weather/Nature |\n| SuperScript | Icon for superscript text | Text Formatting |\n| Swatchbook | Icon for a swatchbook | Design/Colors |\n| SwatchbookOutline | Outline version of the swatchbook icon | Design/Colors |\n\n### Start with letter 'T'\n\n| **Icon Name** | **Description** | **Category** |\n| ------------------ | ---------------------------------------- | ---------------- |\n| TableColumn | Icon for a table column | UI/Controls |\n| TableColumnOutline | Outline version of the table column icon | UI/Controls |\n| TableRow | Icon for a table row | UI/Controls |\n| Tshirt | Icon for a t-shirt | Clothing/Fashion |\n| TshirtOutline | Outline version of the t-shirt icon | Clothing/Fashion |\n| **Icon Name** | **Description** | **Category** |\n| ------------------ | ---------------------------------------- | ---------------- |\n| Tablet | Icon for a tablet | Devices |\n| TabletOutline | Outline version of the tablet icon | Devices |\n| Tag | Icon for a tag | UI/Controls |\n| TagOutline | Outline version of the tag icon | UI/Controls |\n| Tailwind | Icon for the Tailwind logo | Frameworks |\n| TeddyBear | Icon for a teddy bear | Toys |\n| TeddyBearOutline | Outline version of the teddy bear icon | Toys |\n| Terminal | Icon for a terminal | Developer Tools |\n| TerminalOutline | Outline version of the terminal icon | Developer Tools |\n| TextSize | Icon for text size adjustment | Typography |\n| TextSlash | Icon for strikethrough text | Typography |\n| TextUnderline | Icon for underlined text | Typography |\n| ThumbsDown | Icon for thumbs down | Emotions |\n| ThumbsDownOutline | Outline version of thumbs down icon | Emotions |\n| ThumbsUp | Icon for thumbs up | Emotions |\n| ThumbsUpOutline | Outline version of thumbs up icon | Emotions |\n| ThumbTack | Icon for a thumbtack | Office Supplies |\n| ThumbTackOutline | Outline version of thumbtack icon | Office Supplies |\n| Ticket | Icon for a ticket | Entertainment |\n| TicketOutline | Outline version of the ticket icon | Entertainment |\n| ToggleHead | Icon for a toggle head | UI/Controls |\n| ToggleHeadAlt | Alternative toggle head icon | UI/Controls |\n| ToggleHeadOutline | Outline version of toggle head icon | UI/Controls |\n| Tools | Icon for tools | Utilities |\n| Tracking | Icon for tracking | Logistics |\n| TrashBin | Icon for a trash bin | UI/Controls |\n| TrashBinOutline | Outline version of trash bin icon | UI/Controls |\n| Truck | Icon for a truck | Vehicles |\n| TruckOutline | Outline version of the truck icon | Vehicles |\n| TruckClock | Icon for a truck with a clock | Vehicles |\n| TruckClockOutline | Outline version of truck clock icon | Vehicles |\n| Twitter | Icon for Twitter logo | Social Media |\n\n### Start with letter 'U'\n\n| **Icon Name** | **Description** | **Category** |\n| ------------------ | -------------------------------------- | --------------- |\n| Undo | Icon for undoing an action | UI/Controls |\n| Upload | Icon for uploading | File Management |\n| UploadOutline | Outline version of upload icon | File Management |\n| User | Icon for a user | User Management |\n| UserAdd | Icon for adding a new user | User Management |\n| UserAddOutline | Outline version of user add icon | User Management |\n| UserCircle | Icon for a user profile in a circle | User Management |\n| UserCircleOutline | Outline version of user circle icon | User Management |\n| UserEdit | Icon for editing user information | User Management |\n| UserEditOutline | Outline version of user edit icon | User Management |\n| UserHeadset | Icon for a user with a headset | Communication |\n| UserHeadsetOutline | Outline version of user headset icon | Communication |\n| UserOutline | Outline version of the user icon | User Management |\n| UserRemove | Icon for removing a user | User Management |\n| UserRemoveOutline | Outline version of user remove icon | User Management |\n| UserSetting | Icon for user settings | Settings |\n| UserSettingOutline | Outline version of user setting icon | Settings |\n| UsersGroup | Icon for a group of users | User Management |\n| UsersGroupOutline | Outline version of users group icon | User Management |\n| UsersOutline | Outline version of multiple users icon | User Management |\n\n### Start with letter 'V'\n\n| **Icon Name** | **Description** | **Category** |\n| ------------------ | ---------------------------------------- | -------------------- |\n| VideoCamera | Icon for a video camera | Media/Devices |\n| VideoCameraOutline | Outline version of the video camera icon | Media/Devices |\n| Visa | Icon for Visa payment method | Payment Methods |\n| VolumeDownOutline | Outline version of volume down icon | Audio Controls |\n| VolumeMute | Icon for muting audio | Audio Controls |\n| VolumeMuteOutline | Outline version of mute audio icon | Audio Controls |\n| VolumeUp | Icon for increasing audio volume | Audio Controls |\n| VolumeUpOutline | Outline version of volume up icon | Audio Controls |\n| VolumnDown | Icon for decreasing audio volume | Audio Controls |\n| Vue | Icon for the Vue.js framework | Framework/Technology |\n\n### Start with letter 'W'\n\n| **Icon Name** | **Description** | **Category** |\n| ---------------- | -------------------------------------- | ---------------- |\n| Wallet | Icon for a wallet | Finance |\n| WalletOutline | Outline version of the wallet icon | Finance |\n| WandMagic | Icon for a magic wand | Tools/Magic |\n| WandMagicOutline | Outline version of the magic wand icon | Tools/Magic |\n| Whatsapp | Icon for WhatsApp | Social Media |\n| Window | Icon for a window | UI/Elements |\n| WindowOutline | Outline version of the window icon | UI/Elements |\n| WindowRestore | Icon for restoring a window | UI/Elements |\n| Windows | Icon for the Windows operating system | Operating System |\n\n### Start with letter 'X'\n\n| **Icon Name** | **Description** | **Category** |\n| ------------- | -------------------------------- | ------------ |\n| X | Icon representing the letter 'X' | Social Media |\n\n### Start with letter 'Y'\n\n| **Icon Name** | **Description** | **Category** |\n| ------------- | ----------------------------- | ------------ |\n| Youtube | Icon for the YouTube platform | Social Media |\n\n### Start with letter 'Z'\n\n| **Icon Name** | **Description** | **Category** |\n| -------------- | ------------------------------------ | ------------ |\n| ZoomIn | Icon for zooming in | Tools |\n| ZoomInOutline | Outline version of the zoom-in icon | Tools |\n| ZoomOut | Icon for zooming out | Tools |\n| ZoomOutOutline | Outline version of the zoom-out icon | Tools |\n\n\u003e **Note**: This is a sample of the icons listed. You can expand the table to include all icons from your project with their respective descriptions and categories.\n\n### Icon Props\n\nEach icon supports the following props:\n\n- `width` (string | number): Sets the width of the icon. Default is 24.\n- `height` (string | number): Sets the height of the icon. Default is 24.\n- `fill` (string): Sets the color of the icon (can use any valid CSS color). Default is black.\n- `className` (string): Adds custom CSS classes to the icon for further customization.\n- `style` (object): Inline style object for additional styling.\n\n### Example of Usage:\n\n```bash\n\u003cCart size={24} fill=\"#FF6347\" /\u003e\n\u003cTodo size={24} fill=\"blue\" className=\"custom-icon\" /\u003e\n\u003cShoppingCart size={24} fill=\"green\" style={{ borderRadius: '50%' }} /\u003e\n```\n\n## Customization\n\nYou can customize the icons in several ways:\n\n1. `Size and color`: Use the width, height, and fill props to change the size and color of the icons.\n2. `Styling`: Use the className and style props to add custom CSS or inline styles.\n3. `CSS Styling`: Add custom CSS styles for more control over the appearance of icons.\n\n```bash\n/* Example of customizing icons through CSS */\n.custom-icon {\n transition: transform 0.3s ease;\n}\n\n.custom-icon:hover {\n transform: scale(1.2);\n}\n```\n\n### Example\n\nHere's a full example using `react-iconic`:\n\n```bash\nimport React from 'react';\nimport { Cart, Todo, ShoppingCart } from 'react-iconic';\n\nfunction App() {\n return (\n \u003cdiv\u003e\n \u003ch1\u003eReact Iconic Library\u003c/h1\u003e\n \u003cdiv\u003e\n \u003cCart size={24} fill=\"#FF6347\" /\u003e\n \u003cTodo size={24} fill=\"blue\" /\u003e\n \u003cShoppingCart size={24} fill=\"green\" /\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n );\n}\n\nexport default App;\n```\n\n### Contributing\n\nWe welcome contributions from the community! To contribute to `react-iconic`, follow these steps:\n\n1. Fork this repository. [github-link](https://github.com/devsany/iconic.git)\n Create a new branch for your feature or bug fix.\n2. Write tests for your changes (if applicable).\n3. Make your changes.\n4. Submit a pull request.\n For bug fixes, please ensure that your changes do not break the existing functionality.\n\n## License\n\n`react-iconic` is licensed under the MIT License. See the `LICENSE` file for more details.\n\n## Working\n\nIf not working. Restart you application again.\n\n\u003cdiv align=\"center\"\u003e\n \u003ch6\u003eThank you Everyone, Work in progressđź’™\u003c/h6\u003e\n\u003c/div\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevsany%2Ficonic","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevsany%2Ficonic","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevsany%2Ficonic/lists"}