====== CSS Icons ====== * description : CSS Icons * author : 오션 * email : shlim@repia.com * lastupdate : 2021-03-09 \\ \\ =====Source of the article==== * [[https://www.w3schools.com/css/css_icons.asp|CSS Icons]] \\ \\ ======CSS Icons====== 아이콘 라이브러리를 사용하여 아이콘을 쉽게 HTML페이지에 추가할 수 있습니다.\\ \\ =====아이콘 삽입 방법===== HTML 페이지에 아이콘을 추가하는 가장 단순한 방법은 Font Awesome과 같은 아이콘 라이브러리를 사용하는 것입니다.\\ 또는 과 같은 인라인 HTML 요소에 지정한 아이콘의 이름을 추가합니다.\\ 하기 아이콘 라이브러리의 모든 아이콘들은 CSS ( 사이즈, 컬러, 쉐도우 등)로 커스터마이징할 수 있는 확대/축소할 수 있는 벡터(scalable vectors)입니다.\\ \\ =====Font Awesome Icons===== Font Awesome 아이콘을 사용하기 위해, [[https://fontawesome.com/|Font Awesome]]에서 회원가입을 하고 HTML 페이지의 섹션에 추가하기 위한 코드를 받습니다.\\ ''''\\ **Note: 다운로드나 설치가 필요없습니다.**\\ \\ ====예제==== Font Awesome Icons

Some Font Awesome icons

Styled Font Awesome icons (size and color):

 \\ \\ =====Bootstrap Icons===== Bootstrap glyphicons(글리프아이콘즈)를 사용하기 위해, 아래의 라인을 HTML 페이지의 섹션 내부에 추가합니다.\\ ''''\\ **Note: 다운로드나 설치가 필요없습니다.**\\ \\ ====예제==== Bootstrap Icons \\ \\ =====Google Icons===== Google 아이콘을 사용하기 위해, 아래의 라인을 HTML 페이지의 섹션 내부에 추가합니다.\\ ''''\\ **Note: 다운로드나 설치가 필요없습니다.**\\ \\ ====예제==== Google Icons cloud favorite attachment computer traffic {{tag>오션, CSS icons }}