@syncfusion/react-base/src/svg-icon.js

A common package of core React base, methods and class definitions

import { jsx as _jsx } from "react/jsx-runtime";
/**
 * The SVG component displays SVG icons with a given height, width, and viewBox.
 *
 * @private
 * @param {SvgProps} props - The props of the component.
 * @returns {void} Returns the SVG element.
 */
export const SvgIcon = ((props) => {
    const { viewBox = '0 0 24 24', fill = 'currentColor', className = '', width = null, height = null, focusable = 'false', 'aria-hidden': ariaHidden = true, d = '', ...restProps } = props;
    return (_jsx("svg", { ...restProps, className: `sf-icon ${(!width || !height) ? 'sf-icon-size' : ''} ${className}`.trim(), focusable: focusable, "aria-hidden": ariaHidden, height: height, width: width, viewBox: viewBox, children: _jsx("path", { d: d, fill: fill }) }));
});
export default SvgIcon;