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](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 |
![IconBrackets](dist/icons/IconBrackets.svg) |
IconBrackets |
![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 |
- Request an icon you need via an Issue
- Or add your icon and open a PR