图标化图标未渲染

<!DOCTYPE html>
<html>
<head>
<title>Nino</title>
<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
</head>
<body>
<div class="main">
<div class="icons">
<span class="discord" data-icon="logos:discord" data-inline="false"></span>
</div>
</div>
</body>
</html>

我有这个HTML，但呈现的页面完全是空白的。图标未显示。知道为什么吗？

您忘记了此类iconify

<!DOCTYPE html>
<html>
<head>
<title>Nino</title>
<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
</head>
<body>
<div class="main">
<div class="icons">
<span class="discord iconify" data-icon="logos:discord" data-inline="false"></span>
</div>
</div>
</body>
</html>

要使用图标，还应将iconify类添加到父元素中：

<!DOCTYPE html>
<html>
<head>
<title>Nino</title>
<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
</head>
<body>
<div class="main">
<div class="icons">
<span class="discord iconify" data-icon="logos:discord" data-inline="false"></span>
</div>
</div>
</body>
</html>

相关内容

最新更新

热门标签：