![[CSS] 12. 아이콘 & 스타일 시트](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2025-03-10T08%3A58%3A45.620Z-9d5f805c-8f25-4eb1-aa81-e50b5c48c029&w=3840&q=75)
1. 스타일 시트 적용 방법
<head>안에
<link rel="stylesheet" href="style.css">
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
</head>
<body>
<h1>Icons</h1>
<i class='fas fa-ambulance'></i>
<i class='fas fa-ambulance' style='font-size:24px'></i>
<i class='fas fa-ambulance' style='font-size:36px'></i>
<i class='fas fa-ambulance' style='font-size:48px;color:red'></i>
<i class='fas fa-fire' color:orange'></i>
<i class='fas fa-tree' color:green'></i>
</body>
</html>2. style.css
h1 {
color: blue;
}3. 아이콘 찾는 방법
- 튜토리얼 → Leans Icons 클릭
- 원하는 카테고리 선택 or 검색하기 → Try it 클릭
- 복사 → body 안에 넣어주기
- 완성
Share article