codex-team / icons Goto Github PK

View Code? Open in Web Editor NEW

39.0 5.0 13.0 2.38 MB

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

License: MIT License

JavaScript 13.32% TypeScript 84.11% Vue 2.57%

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

icons's Introduction

CodeX Icons

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

No dependencies required. Free to use and share.

Usage

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" ...

List of icons

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

How to add an icon

Request an icon you need via an Issue
Or add your icon and open a PR

icons's People

Contributors

Stargazers

Watchers

Forkers

robindev mikepollard-sbr raamar imbillal tohid001 hesherlin karaaa006 btrewern tungtvnal tunngtv bhq-dryan juandisay kolibri07

icons's Issues

Cog wheel icon

Kindly consider adding a cog wheel icon. To be used as a settings icon

Thanks

Icon Globe

I want to use this icon for my translate tool

IconCode has the came icon as IconSave

https://github.com/codex-team/icons/blob/master/src/icons/code.svg

https://github.com/codex-team/icons/blob/master/src/icons/save.svg

Bad readme readability in dark theme

In dark github theme examples of icons badly distinguishable from the background

Upload Icon

I've created a lightweight upload icon for a project. Feel free to add it to your library (sharing back):

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 15.1V6.4M8.3 14.3H5.7v4.3h12.6l.1-4.3h-2.7M16.2 10.1 12 5.7l-4.2 4.4" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>

Add types file

TS7016: Could not find a declaration file for module '@codexteam/icons'.

Icon Party

Problem with using nuxt.js

When I use the following commands for building app, which uses icons package, everything is okay:

nuxt build

But if I use this command for building:

nuxt generate

I face with this error:

[nuxt] [request error] Named export 'IconMarker' not found. The requested module 'file:///Users/user/Desktop/CodeX/editorjs.io/node_modules/@codexteam/icons/dist/index.umd.js' is a CommonJS module, which may not support all module.exports as named exports.
CommonJS modules can always be imported via the default export, for example using:
import pkg from 'file:///Users/user/Desktop/CodeX/editorjs.io/node_modules/@codexteam/icons/dist/index.umd.js';
const { IconMarker, IconStar } = pkg;