uikit: UIKit3: Icons don't work.

Where put <span uk-icon="icon: check"></span> icons.svg are not loaded, because there are loaded from path ‘css/dist/images’. In project we have dir: css, js and images where are icons.svg.

About this issue

  • Original URL
  • State: closed
  • Created 7 years ago
  • Comments: 28 (4 by maintainers)

Most upvoted comments

### Webpack Configuration works… `import UIkit from ‘uikit’; import Icons from ‘uikit/dist/js/uikit-icons’;

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

https://getuikit.com/docs/webpack

Still not fixed in uikit.min.css (beta 2)

Getting 404 error

use uikit.js before uikit-icon.js

The icon system has been refactored: https://getuikit.com/docs/icons

If the issue persists please reopen.

in beta 7 icons do not work (not displayed) under Unix server, work under Windows local only Firefox in beta 6 icons work (displayed) under Unix server, Windows local only Firefox … in beta 2 icons do not work (not displayed) under Unix server, work under Windows local only Firefox ps

inversion? 😃)

ps

<div class="uk-container">
 <h3>Icon Test</h3>
 <span uk-icon="icon: check" />
 <span uk-icon="icon: cart" />
 <span uk-icon="icon: calendar" />
</div>

There is also a problem with CDN usage as CORS headers are missing:

XMLHttpRequest cannot load https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.5/images/icons.svg. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:3000’ is therefore not allowed access.

beta 11 still shows me this: XMLHttpRequest cannot load https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.11/images/icons.svg. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:29210' is therefore not allowed access.

EDIT: I used the .zip files, and the icons work! Not on CDN though

beta 11 - fixed

beta 7 still not working by cdn as for @enzy @thealexbaron suggestion for https://github.com/uikit/uikit/issues/2210 worked (ovverriding css to local icons)

bdthemes Move your images folder content to css/dist/images.