font awesome

WEB/CSS

developer of the night sky 2023. 9. 27. 10:04

Font Awesome

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

fontawesome.com

아이콘 사용하기

아래 코드를 복사한다.(코드를 클릭하면 자동으로 복사가 된다.)

<body>
    <i class="fa-solid fa-magnifying-glass" id="icon"></i>
</body>

html 코드 내에 붙여 넣는다.

주의사항!

이미지가 아닌 (딩벳)폰트이다.

사이즈를 늘려도 화질이 깨지지 않는다.

컬러를 변경할 수 있다.

    <style>
        #icon {
            /* 이미지가 아닌 폰트이다. */
            font-size: 3rem;
            color: red;
        }
    </style>