# CodeX Icons

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

No dependencies required. Free to use and share.

<img width="1657" alt="image" src="https://user-images.githubusercontent.com/3684889/210104174-93ee88d6-a2ba-44a8-ac22-ee04955c771b.png">


## 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: `<svg xmlns="http://www.w3.org/2000/svg" ...`

## List of icons

<!-- DO NOT EDIT THE FOLLOWING SECTION MANUALLY -->
<!-- BEGIN TABLE_OF_ICONS -->
| 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` |
<!-- END TABLE_OF_ICONS -->

## 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