Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Using UIKit 3 Icons in React

I'm trying to use UIKit icons in a React project. However, they don't show at all. I'm using npm and I'm running the following code:

import '../node_modules/uikit/dist/css/uikit.min.css';
import '../node_modules/uikit/dist/js/uikit.min.js';
import '../node_modules/uikit/dist/js/uikit-icons.min.js';

<span data-uk-icon="social" className="uk-text-large"/>
like image 541
Daniele Molinari Avatar asked Jan 25 '26 14:01

Daniele Molinari


1 Answers

import UIkit from 'uikit';
import Icons from 'uikit/dist/js/uikit-icons';

// loads the Icon plugin
UIkit.use(Icons);

Source: https://github.com/uikit/uikit/issues/2229#issuecomment-398972606

like image 115
Alex0007 Avatar answered Jan 27 '26 04:01

Alex0007