Icons Component

The Pure React Icon component renders SVG icons, allowing users to easily customize their width, height, and color to match your application's design.

Usage

To import and use the Icon component in your application, use the following code snippet:

import { SearchIcon } from '@syncfusion/react-icons';'

<SearchIcon  width={24} height={24} color={"#4285F4"} />

import { SearchIcon } from '@syncfusion/react-icons';'

<SearchIcon  width={24} height={24} color={"#4285F4"} />

Demos

Explore the demos of the React Icon component. Refer to this page.

Props

The following table outlines the props for the Icons component:

Name	Type	Default	Description
color	string	-	Sets the color of the SVG icon, can be any valid CSS color value.
height	number \| string	-	Specifies the height of the icon.
viewBox	string	"0 0 24 24"	Defines the SVG viewBox attribute which controls the visible area of the icon.
width	number \| string	-	Specifies the width of the icon.