# color

```yaml
title: Changing Icon Color in Iconify for React
```

# Icon color

This tutorial is part of [Iconify for React tutorial](./index.md).

```yaml
include: icon-components/components/color-intro
```

```yaml
src: icon-components/common/color.jsx
css: components/color.scss
demo: true
class: components-color
```

```yaml
include: icon-components/components/color-intro2
```

## RGBA and HSLA colors {#opacity}

`include icon-components/color-rgba`

## fill and stroke

`include icon-components/color-fill`