@central-icons-react/round-filled-radius-1-stroke-2

A collection of round filled React icons with 1px radius and 2px stroke width, designed for use in React applications.

Table of Contents

• Quick Start
• Installation
• Requirements
• Usage
• Icon Properties
• Accessibility
• Available Packages
• Icons List
• License
• Troubleshooting

Quick Start

# Set your license key first
export CENTRAL_LICENSE_KEY=your_license_key

# Install with alias 'central-icons'
npm install central-icons@npm:@central-icons-react/round-filled-radius-1-stroke-2

import { IconHome } from "central-icons/IconHome";

function MyComponent() {
  return <IconHome />;
}

Installation

This package is private and can be installed via your organization's private npm registry. Make sure you have the required license key set up before installation.

# Set your license key first
export CENTRAL_LICENSE_KEY=your_license_key

# Then install using your preferred package manager
npm install @central-icons-react/round-filled-radius-1-stroke-2
# or
yarn add @central-icons-react/round-filled-radius-1-stroke-2
# or
pnpm add @central-icons-react/round-filled-radius-1-stroke-2

Requirements

• React 14.0.0 or higher
• Valid license key (set as environment variable)

Usage

Individual Imports (Recommended)

Icons can be imported individually to keep your bundle size minimal:

import { IconHome } from "@central-icons-react/round-filled-radius-1-stroke-2/IconHome";

function MyComponent() {
  return <IconHome />;
}

Import alias

If you want to have a bit cleaner imports (and you are just using one icon type), you can use import aliases (Requires npm at least v6.9.0 or yarn)

npm install central-icons@npm:@central-icons-react/round-filled-radius-1-stroke-2

import { IconHome } from "central-icons/IconHome";

function MyComponent() {
  return <IconHome />;
}

Central Icon Component

Or you can import from the main entry point (not recommended to be used in production, loads all icons):

import { CentralIcon } from "@central-icons-react/round-filled-radius-1-stroke-2";

function MyComponent() {
  return <CentralIcon name="IconName" />;
}

Icon Properties

All icons accept the following properties:

Additionally, all standard SVG and HTML attributes are supported.

Accessibility

Icons are aria-hidden by default for decorative purposes. When using icons that convey meaning, you should disable aria-hidden:

// Decorative icon (default)
<IconHome /> // Will be hidden from screen readers

// Meaningful icon
<IconHome
  ariaHidden={false}
  title="Go to home page" // optional - title describing the icon will be added as fallback
/> // Will be announced by screen readers

When ariaHidden is false:

• A title element is added to the SVG
• The element gets role="img" attribute
• Screen readers will announce the icon's title

Available Packages

For optimal bundle size, consider using our specific bundles instead of the full package:

https://npmjs.com/package/@central-icons-react/round-filled-radius-0-stroke-1 https://npmjs.com/package/@central-icons-react/round-filled-radius-0-stroke-1.5 https://npmjs.com/package/@central-icons-react/round-filled-radius-0-stroke-2 https://npmjs.com/package/@central-icons-react/round-filled-radius-1-stroke-1 https://npmjs.com/package/@central-icons-react/round-filled-radius-1-stroke-1.5 https://npmjs.com/package/@central-icons-react/round-filled-radius-1-stroke-2 https://npmjs.com/package/@central-icons-react/round-filled-radius-2-stroke-1 https://npmjs.com/package/@central-icons-react/round-filled-radius-2-stroke-1.5 https://npmjs.com/package/@central-icons-react/round-filled-radius-2-stroke-2 https://npmjs.com/package/@central-icons-react/round-filled-radius-3-stroke-1 https://npmjs.com/package/@central-icons-react/round-filled-radius-3-stroke-1.5 https://npmjs.com/package/@central-icons-react/round-filled-radius-3-stroke-2 https://npmjs.com/package/@central-icons-react/round-outlined-radius-0-stroke-1 https://npmjs.com/package/@central-icons-react/round-outlined-radius-0-stroke-1.5 https://npmjs.com/package/@central-icons-react/round-outlined-radius-0-stroke-2 https://npmjs.com/package/@central-icons-react/round-outlined-radius-1-stroke-1 https://npmjs.com/package/@central-icons-react/round-outlined-radius-1-stroke-1.5 https://npmjs.com/package/@central-icons-react/round-outlined-radius-1-stroke-2 https://npmjs.com/package/@central-icons-react/round-outlined-radius-2-stroke-1 https://npmjs.com/package/@central-icons-react/round-outlined-radius-2-stroke-1.5 https://npmjs.com/package/@central-icons-react/round-outlined-radius-2-stroke-2 https://npmjs.com/package/@central-icons-react/round-outlined-radius-3-stroke-1 https://npmjs.com/package/@central-icons-react/round-outlined-radius-3-stroke-1.5 https://npmjs.com/package/@central-icons-react/round-outlined-radius-3-stroke-2 https://npmjs.com/package/@central-icons-react/square-filled-radius-0-stroke-1 https://npmjs.com/package/@central-icons-react/square-filled-radius-0-stroke-1.5 https://npmjs.com/package/@central-icons-react/square-filled-radius-0-stroke-2 https://npmjs.com/package/@central-icons-react/square-outlined-radius-0-stroke-1 https://npmjs.com/package/@central-icons-react/square-outlined-radius-0-stroke-1.5 https://npmjs.com/package/@central-icons-react/square-outlined-radius-0-stroke-2

Icons

Below is a complete list of available icons:

AI & Magic

• IconAppleIntelligenceIcon
• IconBoxSparkle
• IconBrain1
• IconBrain2
• IconBroomSparkle
• IconCursorAi
• IconCuteRobot
• IconEyeSparkle
• IconFortuneTellerBall
• IconHatBunny
• IconHatSparkle
• IconImageAvatarSparkle
• IconImageSparkle
• IconListSparkle
• IconMagicBook
• IconMagicEdit
• IconMagicWand
• IconMagicWand2
• IconMagicWand3
• IconPencilSparkle
• IconPrompt
• IconRobot
• IconSparkle
• IconSparkle2
• IconSparklesSoft
• IconSparklesThree
• IconSparklesTwo
• IconSparklesTwo2
• IconStarWand
• IconTextToImage
• IconVisualIntelligence
• IconWindowSparkle
• IconWizardHat