Dozens of cute icons made with love by CodeX for your projects.
No dependencies required. Free to use and share.
![image](https://user-images.githubusercontent.com/3684889/210104174-93ee88d6-a2ba-44a8-ac22-ee04955c771b.png)
Install the package with node package manager.
npm install @codexteam/icons
yarn add @codexteam/icons
And import required icons.
import { IconH1 } from '@codexteam/icons';
console.log(IconH1);
You will get the line: <svg xmlns="http://www.w3.org/2000/svg" ...
Icon |
Name |
![IconH1](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconH1.svg) |
IconH1 |
![IconH2](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconH2.svg) |
IconH2 |
![IconH3](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconH3.svg) |
IconH3 |
![IconH4](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconH4.svg) |
IconH4 |
![IconH5](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconH5.svg) |
IconH5 |
![IconH6](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconH6.svg) |
IconH6 |
![IconAddBackground](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconAddBackground.svg) |
IconAddBackground |
![IconAddBorder](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconAddBorder.svg) |
IconAddBorder |
![IconAlignCenter](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconAlignCenter.svg) |
IconAlignCenter |
![IconAlignJustify](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconAlignJustify.svg) |
IconAlignJustify |
![IconAlignLeft](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconAlignLeft.svg) |
IconAlignLeft |
![IconAlignRight](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconAlignRight.svg) |
IconAlignRight |
![IconBold](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconBold.svg) |
IconBold |
![IconBrackets](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconBrackets.svg) |
IconBrackets |
![IconCheck](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconCheck.svg) |
IconCheck |
![IconChecklist](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconChecklist.svg) |
IconChecklist |
![IconChevronDown](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconChevronDown.svg) |
IconChevronDown |
![IconChevronLeft](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconChevronLeft.svg) |
IconChevronLeft |
![IconChevronRight](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconChevronRight.svg) |
IconChevronRight |
![IconChevronUp](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconChevronUp.svg) |
IconChevronUp |
![IconClipboard](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconClipboard.svg) |
IconClipboard |
![IconCollapse](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconCollapse.svg) |
IconCollapse |
![IconColor](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconColor.svg) |
IconColor |
![IconCopy](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconCopy.svg) |
IconCopy |
![IconCross](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconCross.svg) |
IconCross |
![IconCurlyBrackets](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconCurlyBrackets.svg) |
IconCurlyBrackets |
![IconDelimiter](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconDelimiter.svg) |
IconDelimiter |
![IconDirectionDownRight](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconDirectionDownRight.svg) |
IconDirectionDownRight |
![IconDirectionLeftDown](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconDirectionLeftDown.svg) |
IconDirectionLeftDown |
![IconDirectionRightDown](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconDirectionRightDown.svg) |
IconDirectionRightDown |
![IconDirectionUpRight](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconDirectionUpRight.svg) |
IconDirectionUpRight |
![IconDotCircle](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconDotCircle.svg) |
IconDotCircle |
![IconEtcHorisontal](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconEtcHorisontal.svg) |
IconEtcHorisontal |
![IconEtcVertical](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconEtcVertical.svg) |
IconEtcVertical |
![IconFile](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconFile.svg) |
IconFile |
![IconGift](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconGift.svg) |
IconGift |
![IconGlobe](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconGlobe.svg) |
IconGlobe |
![IconHeading](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconHeading.svg) |
IconHeading |
![IconHeart](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconHeart.svg) |
IconHeart |
![IconHidden](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconHidden.svg) |
IconHidden |
![IconHtml](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconHtml.svg) |
IconHtml |
![IconInstagram](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconInstagram.svg) |
IconInstagram |
![IconItalic](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconItalic.svg) |
IconItalic |
![IconLink](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconLink.svg) |
IconLink |
![IconLinkedin](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconLinkedin.svg) |
IconLinkedin |
![IconListBulleted](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconListBulleted.svg) |
IconListBulleted |
![IconListNumbered](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconListNumbered.svg) |
IconListNumbered |
![IconLoader](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconLoader.svg) |
IconLoader |
![IconMarker](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconMarker.svg) |
IconMarker |
![IconMenuSmall](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconMenuSmall.svg) |
IconMenuSmall |
![IconMenu](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconMenu.svg) |
IconMenu |
![IconPicture](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconPicture.svg) |
IconPicture |
![IconPlay](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconPlay.svg) |
IconPlay |
![IconPlus](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconPlus.svg) |
IconPlus |
![IconQuestion](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconQuestion.svg) |
IconQuestion |
![IconQuote](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconQuote.svg) |
IconQuote |
![IconRedo](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconRedo.svg) |
IconRedo |
![IconRemoveBackground](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconRemoveBackground.svg) |
IconRemoveBackground |
![IconReplace](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconReplace.svg) |
IconReplace |
![IconSave](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconSave.svg) |
IconSave |
![IconSearch](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconSearch.svg) |
IconSearch |
![IconStar](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconStar.svg) |
IconStar |
![IconStretch](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconStretch.svg) |
IconStretch |
![IconStrikethrough](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconStrikethrough.svg) |
IconStrikethrough |
![IconTableWithHeadings](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconTableWithHeadings.svg) |
IconTableWithHeadings |
![IconTableWithoutHeadings](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconTableWithoutHeadings.svg) |
IconTableWithoutHeadings |
![IconTable](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconTable.svg) |
IconTable |
![IconText](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconText.svg) |
IconText |
![IconTranslate](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconTranslate.svg) |
IconTranslate |
![IconTrash](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconTrash.svg) |
IconTrash |
![IconTwitter](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconTwitter.svg) |
IconTwitter |
![IconUnderline](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconUnderline.svg) |
IconUnderline |
![IconUndo](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconUndo.svg) |
IconUndo |
![IconUnlink](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconUnlink.svg) |
IconUnlink |
![IconUser](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconUser.svg) |
IconUser |
![IconUsersGroup](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconUsersGroup.svg) |
IconUsersGroup |
![IconWarning](https://raw.githubusercontent.com/codex-team/icons/master/dist/icons/IconWarning.svg) |
IconWarning |
- Request an icon you need via an Issue
- Or add your icon and open a PR