3.7.16 • Published 7 months ago

@react-spectrum/icon v3.7.16

Weekly downloads
3,249
License
Apache-2.0
Repository
github
Last release
7 months ago

@react-spectrum/icons

Icons

React Spectrum is a trusted distributor of A4U icons for easy use in your applications. We provide 959 Workflow Icons and 45 Colored Workflow Icons. These are an open source set of icons and are the core set that Adobe uses. To see a list of Icons, please go to the following link. We may differ from Spectrum's icon page in terms of icons we supply. All Icons are available from the top level of this package.

All icons use default exports, so you are free to rename them as you see fit. Instead, we rely on the path to each icon module. There is a special React Inspector display name case, which is icons with names that start with a number. This is not allowed in React, so they have been prefixed with an underscore.

Both of these are valid:

import Add from '@spectrum-icons/workflow/Add' import IconAdd from '@spectrum-icons/workflow/Add'

These will both display <Add /> in the React Inspector

For a component starting with a numeral:

import _123 from '@spectrum-icons/workflow/123' import Icon123 from '@spectrum-icons/workflow/123'

These will both display <_123 /> in the React Inspector

How to include custom icons

Minimal setup

Because we can't include icons for specific projects or non-open source icons, we also support providing your own icons. To do this, import {Icon} from '@react-spectrum/icon'; and use it to wrap your own svg components. To take advantage of scale, our wrapper will pass the prop scale to your svg component from the React Spectrum Provider.

import CustomSVGComponent from '@a4u/product/custom-icons/CustomSVGComponent';

<Icon><CustomSVGComponent /></Icon>

There are additional requirements that the custom icons must adhere to. They must match the size and viewbox of Workflow Icons. If you are an Adobe team, we recommend that you go through A4U to request a project specific set of icons, these can be packaged as an npm dependency for you and will be treated in the same way as the core Workflow Icons we redistribute. Their official site is https://icons.corp.adobe.com and there are links for creating requests.

React Spectrum integration

Note: only works with A4u packaged icons. No guarantees for ones you or your designer package yourselves. See our build tools to help get your icons integrated into your project working with React Spectrum's Provider.

import CustomSVGComponent from 'path/to/custom-icons/CustomSVGComponent';

<CustomSVGComponent />
3.7.16

9 months ago

3.0.0-nightly.3114

9 months ago

3.0.0-nightly.3110

10 months ago

3.0.0-nightly.3104

10 months ago

3.0.0-nightly.3102

10 months ago

3.0.0-nightly.3086

10 months ago

3.0.0-nightly.3094

10 months ago

3.0.0-nightly.3018

11 months ago

3.0.0-nightly.3023

11 months ago

3.0.0-nightly.3022

11 months ago

3.0.0-nightly.3026

11 months ago

3.0.0-nightly.3006

11 months ago

3.0.0-nightly.3011

11 months ago

3.0.0-nightly.3069

10 months ago

3.0.0-nightly.3077

10 months ago

3.0.0-nightly.3074

10 months ago

3.0.0-nightly.3050

10 months ago

3.0.0-nightly.3052

10 months ago

3.0.0-nightly.3051

10 months ago

3.0.0-nightly.3053

10 months ago

3.7.15

11 months ago

3.7.14

11 months ago

3.0.0-nightly.3100

10 months ago

3.0.0-nightly.2961

12 months ago

3.0.0-nightly.2962

12 months ago

3.0.0-nightly.2969

12 months ago

3.0.0-nightly.2972

12 months ago

3.0.0-nightly.2971

12 months ago

3.0.0-nightly.2973

12 months ago

3.0.0-nightly.2979

12 months ago

3.0.0-nightly.2959

12 months ago

3.0.0-nightly.2986

11 months ago

3.0.0-nightly.2989

11 months ago

3.0.0-nightly.2988

11 months ago

3.0.0-nightly.2983

11 months ago

3.0.0-nightly.2982

12 months ago

3.0.0-nightly.2992

11 months ago

3.0.0-nightly.2997

11 months ago

3.7.13

1 year ago

3.7.12

1 year ago

3.7.11

1 year ago

3.7.10

1 year ago

3.7.9

1 year ago

3.7.5

2 years ago

3.7.4

2 years ago

3.7.8

2 years ago

3.7.7

2 years ago

3.7.6

2 years ago

3.7.3

2 years ago

3.7.2

2 years ago

3.7.1

2 years ago

3.7.0

2 years ago

3.6.2

3 years ago

3.6.1

3 years ago

3.6.3

2 years ago

3.6.0

3 years ago

3.5.0

3 years ago

3.4.1

3 years ago

3.4.0

3 years ago

3.3.7

3 years ago

3.3.6

3 years ago

3.3.5

3 years ago

3.3.4

3 years ago

3.3.3

3 years ago

3.3.2

4 years ago

3.3.1

4 years ago

3.3.0

5 years ago

3.2.0

5 years ago

3.1.0

5 years ago

3.0.2

5 years ago

3.0.1

5 years ago

3.0.0

5 years ago

3.0.0-rc.4

5 years ago

3.0.0-rc.3

5 years ago

3.0.0-rc.2

5 years ago

3.0.0-rc.1

5 years ago