font-awesome

Font Awesome은 웹사이트 디자인에 사용할 수 있는 아이콘 SVG, 폰트, CSS 툴킷입니다. 웹 개발자들이 UI 디자인을 더욱 풍부하고 효율적으로 만들 수 있게 해주는 다양한 아이콘을 제공합니다.

Latest Ver 6.7.2

Homepage

Github

75,148

📢 Font Awesome은 다양한 아이콘을 제공하여 웹 UI 디자인을 강화하는 툴킷입니다.

CDN 다운로드

License: (OFL-1.1 OR MIT OR CC-BY-4.0)

Asset Type :

전체 버전 보기

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/all.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/all.min.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/brands.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/brands.min.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/conflict-detection.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/conflict-detection.min.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/fontawesome.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/fontawesome.min.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/regular.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/regular.min.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/solid.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/solid.min.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/v4-shims.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/v4-shims.min.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/brands.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/brands.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/fontawesome.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/fontawesome.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/regular.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/regular.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/solid.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/solid.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/svg-with-js.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/svg-with-js.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/v4-font-face.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/v4-font-face.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/v4-shims.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/v4-shims.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/v5-font-face.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/v5-font-face.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/sprites/brands.svg

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/sprites/regular.svg

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/sprites/solid.svg

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.ttf

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.woff2

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.ttf

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.woff2

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.ttf

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.woff2

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-v4compatibility.ttf

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-v4compatibility.woff2

Sample Code

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

📄 HTML
<div id='icon-container'><i class='fas fa-camera'></i></div>

🎨 External CSS
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" rel="stylesheet">

⚡ Top Tools for Developers

텍스트 비교

두 텍스트의 차이점을 한눈에 확인하세요.

Favicon 생성기

파비콘을 쉽고 빠르게 생성하세요.

Lorem Ipsum 생성기

디자인을 위한 더미 텍스트를 생성하세요.

글자수 세기

글자 수와 단어 수를 실시간으로 확인하세요.

SRT ↔ SMI 변환기

자막 형식을 간편하게 변환합니다.

이미지 텍스트 추출

이미지 속 텍스트 자동 추출