using iconify icons with unocss in a web BROWSER/plain html (no bundler) #3067
-
|
hi! what should I include in the browser to use iconify icons with unocss? <script src="https://cdn.jsdelivr.net/npm/iconify-icon@1.0.8/dist/iconify-icon.min.js"></script>
<!--- this doesn't work ----->
<div class="i-mdi-alarm text-orange-400 text-4xl"></div>
<!-- this works! ----->
<div class="text-orange-400 text-4xl">
<iconify-icon icon="mdi:home"></iconify-icon>
</div> |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 2 replies
-
Beta Was this translation helpful? Give feedback.
-
|
Thank you! <html>
<head>
...
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/@unocss/runtime/uno.global.js"></script>
<script src="https://cdn.jsdelivr.net/npm/iconify-icon@1.0.8/dist/iconify-icon.min.js"></script>
<!--- this doesn't work ----->
<div class="i-mdi-alarm text-orange-400 text-4xl"></div>
<!-- this works! ----->
<div class="text-orange-400 text-4xl">
<iconify-icon icon="mdi:home"></iconify-icon>
</div>
</body>
</html> |
Beta Was this translation helpful? Give feedback.
-
|
Accord to your code, i think you are using |
Beta Was this translation helpful? Give feedback.
-
|
Thank you! |
Beta Was this translation helpful? Give feedback.
Accord to your code, i think you are using
runtimepackage, sorry for uno not providepresetIconspackage, so not support use icons.