부트 스트랩 아이콘

부트 스트랩 글리 phicon을 사용하려면 <head>HTML 페이지 의 섹션 안에 다음 행을 추가 하십시오.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

참고 : 다운로드 또는 설치가 필요하지 않습니다!

예

<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

</head>

<body>

<i class="glyphicon glyphicon-cloud"></i>

<i class="glyphicon glyphicon-remove"></i>

<i class="glyphicon glyphicon-user"></i>

<i class="glyphicon glyphicon-envelope"></i>

<i class="glyphicon glyphicon-thumbs-up"></i>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

<title>Bootstrap Icons</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

</head>

<body class="container">

<p>Some Bootstrap icons:</p>

<i class="glyphicon glyphicon-cloud"></i>

<i class="glyphicon glyphicon-remove"></i>

<i class="glyphicon glyphicon-user"></i>

<i class="glyphicon glyphicon-envelope"></i>

<i class="glyphicon glyphicon-thumbs-up"></i>

<br><br>

<p>Styled Bootstrap icons (size and color):</p>

<i class="glyphicon glyphicon-cloud" style="font-size:24px;"></i>

<i class="glyphicon glyphicon-cloud" style="font-size:36px;"></i>

<i class="glyphicon glyphicon-cloud" style="font-size:48px;color:red;"></i>

<i class="glyphicon glyphicon-cloud" style="font-size:60px;color:lightblue;"></i>

</body>

</html>