Iconify 图标不呈现

Question

<!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 但呈现的页面完全空白。图标未显示。知道为什么吗？

Answer 1

你忘了这个classiconify

<!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>

Answer 2

要使用图标，您还应该将 iconify class 添加到父元素：

<!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 图标不呈现

Iconify Icon Not Rendering

html

css

icons

web