Grommet Icons Overview

Introduction

Grommet Icons offers a comprehensive collection of icons optimized for use with Grommet and React.js. This icon set provides scalable, customizable SVG icons that are ideal for modern web applications.

Features

• Varied Sizes: Icons come in small, medium, large, and xlarge sizes.
• Customizable Colors: Easily adjust icon colors through theming.
• Accessibility: Includes support for accessible icons using aria-hidden and a11yTitle attributes.
• Custom Icons: Create custom 24x24px SVG icons with the <Blank> component.

Usage

Install via npm or yarn: 1. npm install grommet-icons --save 2. yarn add grommet-icons

Example usage in React: ```jsx import { Facebook } from 'grommet-icons';

```

Customize the icon theme with: jsx const theme = { global: { colors: { icon: '#666666', } }, icon: { size: { small: '12px', medium: '24px', large: '48px', xlarge: '96px', }, }, }

Custom Icon Creation

Use the <Blank> component for custom SVGs: ```jsx import { Blank } from 'grommet-icons';

export const MyIcon = (props) => (); ```