Use MCicons via CDN
The fastest way to get started — just include one line in your HTML and you're ready to craft your UI with pixel-perfect Minecraft icons.
Step 1: Add the CDN link
Place the following in your <head>
section:
<link rel="stylesheet" href="https://cdn.mcicons.dev/releases/v1.0.0/css/all.css">
Step 2: Use an icon
Add an icon anywhere in your HTML using the class name:
<i class="mc mc-diamond"></i>
Optional Styling
You can scale icons with utility classes like text-4xl
,
text-6xl
, etc.
<i class="mc mc-redstone text-5xl"></i>