Hi Martin,
Greetings from Syncfusion support.
We would like to let you know the Syncfusion’ s icon library
is a collection of pre-designed icons that can be used to enhance the user
interface of an application. These pre-designed icons are set
of base64 formatted font icons. Utilizing this icon library can make
it simpler to create a cohesive, visually pleasing design for an application.
You can refer this icon to the application through npm packages or CDN links
only.
For your reference, we have included the sample with
Syncfusion icons and your mentioned library icons(heroicons).
Sample : https://stackblitz.com/edit/react-zweff7-b7kzrr?file=index.html,package.json,index.js,index.css
|
[index.js]
import { ChevronRightIcon } from '@heroicons/react/outline';
import { HomeIcon } from '@heroicons/react/solid';
function App() {
return (
<div className="icon-bar">
<span className="e-icons e-cut"></span>
<span className="e-icons e-copy"></span>
<span className="e-icons e-paste"></span>
<HomeIcon className="h-6 w-6 text-blue-500" />
<ChevronRightIcon className="h-6 w-6 text-gray-500" />
</div>
);
}
|
Also, please refer the below documentation link for the
Syncfusion icons customization and get back to us if you need any further
assistance.
https://ej2.syncfusion.com/react/documentation/appearance/icons
Regards,
Leo Lavanya Dhanaraj
