add-icon

title: 'Iconify for React Function: addIcon'
types:
  IconifyJSON: '../../types/iconify-json.md'
  IconifyIcon: '../../types/iconify-icon.md'
functions:
  addCollection: './add-collection.md'

Iconify for React function: addIcon

This tutorial is part of Iconify for React functions tutorial.

include icon-components/functions/add-icon/intro

Usage

include icon-components/functions/add-icon/props

Examples

src: icon-components/common/add-icon.js

include icon-components/functions/add-icon/notes

API provider

include icon-components/functions/add-icon/provider

Example:

src: icon-components/common/add-icon2.js

Code above adds the following icon:

• [prop]provider is [str]custom.
• [prop]prefix is [str]md.
• [prop]name is [str]test.

In component JSX this icon can be used like this:

<Icon icon="@custom:md:test" />

include icon-components/functions/add-icon/custom

One icon

include icon-components/functions/add-icon/footer