사용자 도구

사이트 도구


wiki:css:css_note:css_icons

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판 이전 판
다음 판
이전 판
wiki:css:css_note:css_icons [2021/03/12 11:51]
emblim98
wiki:css:css_note:css_icons [2023/01/13 18:44] (현재)
줄 57: 줄 57:
 </html> </html>
 </code> </code>
 +\\
 +\\
 +=====Bootstrap Icons=====
 +Bootstrap glyphicons(글리프아이콘즈)를 사용하기 위해, 아래의 라인을 HTML 페이지의 <head>섹션 내부에 추가합니다.\\
 +''<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">''\\
 +**Note: 다운로드나 설치가 필요없습니다.**\\
 +\\
 +====예제====
 +<code html>
 +<!DOCTYPE html>
 +<html lang="en">
  
 +<head>
 +    <meta charset="UTF-8">
 +    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +    <title>Bootstrap Icons</title>
 +    <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>
 +</code>
 +\\
 +\\
 +=====Google Icons=====
 +Google 아이콘을 사용하기 위해, 아래의 라인을 HTML 페이지의 <head>섹션 내부에 추가합니다.\\
 +''<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">''\\
 +**Note: 다운로드나 설치가 필요없습니다.**\\
 +\\
 +====예제====
 +<code html>
 +<!DOCTYPE html>
 +<html lang="en">
 +
 +<head>
 +    <meta charset="UTF-8">
 +    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +    <title>Google Icons</title>
 +    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
 +</head>
 +
 +<body>
 +
 +    <i class="material-icons">cloud</i>
 +    <i class="material-icons">favorite</i>
 +    <i class="material-icons">attachment</i>
 +    <i class="material-icons">computer</i>
 +    <i class="material-icons">traffic</i>
 +
 +</body>
 +
 +</html>
 +</code>
      
 {{tag>오션, CSS icons }} {{tag>오션, CSS icons }}
/volume1/web/dokuwiki/data/attic/wiki/css/css_note/css_icons.1615517490.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)