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

A collection of round filled React icons with 0px radius and 1px 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-0-stroke-1

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-0-stroke-1
# or
yarn add @central-icons-react/round-filled-radius-0-stroke-1
# or
pnpm add @central-icons-react/round-filled-radius-0-stroke-1

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-0-stroke-1/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-0-stroke-1

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-0-stroke-1";

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