Package Exports

cl-icons-pack
cl-icons-pack/dist/index.esm.js
cl-icons-pack/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (cl-icons-pack) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

cl Icons

A lightweight, customizable icon library for use in cl's web applications and React projects.

Installation

npm install cl-icons-pack
# or
yarn add cl-icons-pack

Usage

Basic Usage

import { DeleteIcon } from "cl-icons-pack";

function MyComponent() {
  return (
    <button>
      <DeleteIcon size={16} color="#333333" />
      Remove Item
    </button>
  );
}

Custom Styling

The DeleteIcon accepts standard SVG attributes and the following props:

size: Sets both width and height (in pixels)
color: Sets the fill or stroke color
className: Add custom CSS classes

import { DeleteIcon } from "cl-icons-pack";

function StyledDeleteIcon() {
  return (
    <DeleteIcon
      size={24}
      color="#D82F7E"
      className="my-custom-icon"
      onClick={() => console.log("Icon clicked!")}
    />
  );
}

Using with CSS-in-JS libraries

import styled from "styled-components";
import { DeleteIcon } from "cl-icons-pack";

const StyledIcon = styled(DeleteIcon)`
  color: ${(props) => (props.active ? "#D82F7E" : "#CCCCCC")};
  transition: color 0.2s ease;

  &:hover {
    color: #d82f7e;
  }
`;

function MyComponent({ isActive }) {
  return <StyledIcon active={isActive} size={24} />;
}

Available Icons

Icon Name	Description
DeleteIcon	Icon for delete/remove functionality

Adding More Icons

We plan to expand this library with additional icons in future releases. If you need a specific icon, please contact the design team.

Contributing

For cl team members who want to contribute:

Create your SVG icon (24x24 recommended)
Optimize it with SVGO
Add it to the src/icons directory
Export it in src/index.js
Update the version in package.json
Publish the new version

cl-icons-pack