An open API service indexing awesome lists of open source software.

https://github.com/codex-team/icons

Dozens of cute svg icons made with love by CodeX for your projects. No dependencies required. Free to use and share.
https://github.com/codex-team/icons

codex icon-pack svg svg-icon-pack svg-icons

Last synced: 2 months ago
JSON representation

Dozens of cute svg icons made with love by CodeX for your projects. No dependencies required. Free to use and share.

Awesome Lists containing this project

README

        

# CodeX Icons

Dozens of cute icons made with love by CodeX for your projects.

No dependencies required. Free to use and share.

image

## Usage

Install the package with node package manager.

```sh
npm install @codexteam/icons

yarn add @codexteam/icons
```

And import required icons.

```js
import { IconH1 } from '@codexteam/icons';

console.log(IconH1);
```

You will get the line: `

| Icon | Name |
| --- | --- |
| ![IconH1](dist/icons/IconH1.svg) | `IconH1` |
| ![IconH2](dist/icons/IconH2.svg) | `IconH2` |
| ![IconH3](dist/icons/IconH3.svg) | `IconH3` |
| ![IconH4](dist/icons/IconH4.svg) | `IconH4` |
| ![IconH5](dist/icons/IconH5.svg) | `IconH5` |
| ![IconH6](dist/icons/IconH6.svg) | `IconH6` |
| ![IconAddBackground](dist/icons/IconAddBackground.svg) | `IconAddBackground` |
| ![IconAddBorder](dist/icons/IconAddBorder.svg) | `IconAddBorder` |
| ![IconAlignCenter](dist/icons/IconAlignCenter.svg) | `IconAlignCenter` |
| ![IconAlignJustify](dist/icons/IconAlignJustify.svg) | `IconAlignJustify` |
| ![IconAlignLeft](dist/icons/IconAlignLeft.svg) | `IconAlignLeft` |
| ![IconAlignRight](dist/icons/IconAlignRight.svg) | `IconAlignRight` |
| ![IconBold](dist/icons/IconBold.svg) | `IconBold` |
| ![IconBracketsVertical](dist/icons/IconBracketsVertical.svg) | `IconBracketsVertical` |
| ![IconBrackets](dist/icons/IconBrackets.svg) | `IconBrackets` |
| ![IconCheck](dist/icons/IconCheck.svg) | `IconCheck` |
| ![IconChecklist](dist/icons/IconChecklist.svg) | `IconChecklist` |
| ![IconChevronDown](dist/icons/IconChevronDown.svg) | `IconChevronDown` |
| ![IconChevronLeft](dist/icons/IconChevronLeft.svg) | `IconChevronLeft` |
| ![IconChevronRight](dist/icons/IconChevronRight.svg) | `IconChevronRight` |
| ![IconChevronUp](dist/icons/IconChevronUp.svg) | `IconChevronUp` |
| ![IconClipboard](dist/icons/IconClipboard.svg) | `IconClipboard` |
| ![IconCollapse](dist/icons/IconCollapse.svg) | `IconCollapse` |
| ![IconColor](dist/icons/IconColor.svg) | `IconColor` |
| ![IconCopy](dist/icons/IconCopy.svg) | `IconCopy` |
| ![IconCross](dist/icons/IconCross.svg) | `IconCross` |
| ![IconCurlyBrackets](dist/icons/IconCurlyBrackets.svg) | `IconCurlyBrackets` |
| ![IconDelimiter](dist/icons/IconDelimiter.svg) | `IconDelimiter` |
| ![IconDirectionDownRight](dist/icons/IconDirectionDownRight.svg) | `IconDirectionDownRight` |
| ![IconDirectionLeftDown](dist/icons/IconDirectionLeftDown.svg) | `IconDirectionLeftDown` |
| ![IconDirectionRightDown](dist/icons/IconDirectionRightDown.svg) | `IconDirectionRightDown` |
| ![IconDirectionUpRight](dist/icons/IconDirectionUpRight.svg) | `IconDirectionUpRight` |
| ![IconDotCircle](dist/icons/IconDotCircle.svg) | `IconDotCircle` |
| ![IconEtcHorisontal](dist/icons/IconEtcHorisontal.svg) | `IconEtcHorisontal` |
| ![IconEtcVertical](dist/icons/IconEtcVertical.svg) | `IconEtcVertical` |
| ![IconFile](dist/icons/IconFile.svg) | `IconFile` |
| ![IconGift](dist/icons/IconGift.svg) | `IconGift` |
| ![IconGlobe](dist/icons/IconGlobe.svg) | `IconGlobe` |
| ![IconHeading](dist/icons/IconHeading.svg) | `IconHeading` |
| ![IconHeart](dist/icons/IconHeart.svg) | `IconHeart` |
| ![IconHidden](dist/icons/IconHidden.svg) | `IconHidden` |
| ![IconHtml](dist/icons/IconHtml.svg) | `IconHtml` |
| ![IconInstagram](dist/icons/IconInstagram.svg) | `IconInstagram` |
| ![IconItalic](dist/icons/IconItalic.svg) | `IconItalic` |
| ![IconLink](dist/icons/IconLink.svg) | `IconLink` |
| ![IconLinkedin](dist/icons/IconLinkedin.svg) | `IconLinkedin` |
| ![IconListBulleted](dist/icons/IconListBulleted.svg) | `IconListBulleted` |
| ![IconListNumbered](dist/icons/IconListNumbered.svg) | `IconListNumbered` |
| ![IconLoader](dist/icons/IconLoader.svg) | `IconLoader` |
| ![IconMarker](dist/icons/IconMarker.svg) | `IconMarker` |
| ![IconMenuSmall](dist/icons/IconMenuSmall.svg) | `IconMenuSmall` |
| ![IconMenu](dist/icons/IconMenu.svg) | `IconMenu` |
| ![IconPicture](dist/icons/IconPicture.svg) | `IconPicture` |
| ![IconPlay](dist/icons/IconPlay.svg) | `IconPlay` |
| ![IconPlus](dist/icons/IconPlus.svg) | `IconPlus` |
| ![IconQuestion](dist/icons/IconQuestion.svg) | `IconQuestion` |
| ![IconQuote](dist/icons/IconQuote.svg) | `IconQuote` |
| ![IconRedo](dist/icons/IconRedo.svg) | `IconRedo` |
| ![IconRemoveBackground](dist/icons/IconRemoveBackground.svg) | `IconRemoveBackground` |
| ![IconReplace](dist/icons/IconReplace.svg) | `IconReplace` |
| ![IconSave](dist/icons/IconSave.svg) | `IconSave` |
| ![IconSearch](dist/icons/IconSearch.svg) | `IconSearch` |
| ![IconStar](dist/icons/IconStar.svg) | `IconStar` |
| ![IconStretch](dist/icons/IconStretch.svg) | `IconStretch` |
| ![IconStrikethrough](dist/icons/IconStrikethrough.svg) | `IconStrikethrough` |
| ![IconTableWithHeadings](dist/icons/IconTableWithHeadings.svg) | `IconTableWithHeadings` |
| ![IconTableWithoutHeadings](dist/icons/IconTableWithoutHeadings.svg) | `IconTableWithoutHeadings` |
| ![IconTable](dist/icons/IconTable.svg) | `IconTable` |
| ![IconText](dist/icons/IconText.svg) | `IconText` |
| ![IconTranslate](dist/icons/IconTranslate.svg) | `IconTranslate` |
| ![IconTrash](dist/icons/IconTrash.svg) | `IconTrash` |
| ![IconTwitter](dist/icons/IconTwitter.svg) | `IconTwitter` |
| ![IconUnderline](dist/icons/IconUnderline.svg) | `IconUnderline` |
| ![IconUndo](dist/icons/IconUndo.svg) | `IconUndo` |
| ![IconUnlink](dist/icons/IconUnlink.svg) | `IconUnlink` |
| ![IconUser](dist/icons/IconUser.svg) | `IconUser` |
| ![IconUsersGroup](dist/icons/IconUsersGroup.svg) | `IconUsersGroup` |
| ![IconWarning](dist/icons/IconWarning.svg) | `IconWarning` |

## How to add an icon

- Request an icon you need via [an Issue](https://github.com/codex-team/icons/issues/new)
- Or add your icon and open a PR