유용한 웹 팁

뒤로가기
제목

무료 아이콘 사용 방법 (구글 아이콘)

작성자 별모아디자인(ip:)

작성일 2024-01-25

조회 106

평점 0점  

추천 추천하기

내용

https://fonts.google.com/


위의 주소로 접속 후 좌측 메뉴 중 'ICONS' 를 클릭합니다.





화면 우측에 여러 종류의 아이콘들이 나타납니다.







화면 좌측의 필터창에서 Weight, Grade, Optical Size 옵션에서 

아이콘의 굵기, 사이즈 등을 조절하고

그 아래 Style 옵션에서 아이콘을 아웃라인 형태나 색상이 채워진 형태 등으로도 선택할 수 있습니다.

그리고 그 아래 Category 옵션에서 카테고리를 선택해주시면 원하시는 종류의 아이콘을 더 빨리 

찾으실 수 있습니다.






위 설명의 필터창에서 설정을 모두 완료했으면

원하는 모양의 아이콘을 클릭해줍니다.






해당 아이콘의 소스 복사 및 SVG 이미지와 PNG 이미지를 다운로드할 수 있는 창이 

화면 가장 우측에 나타납니다.


소스를 사용하실 경우 Static icon font 항목에 있는 <link rel... 소스를 복사하여

<head>와 </head>사이에 붙여넣고, 아이콘이 들어갈 위치에 <span.... 소스를 붙여넣어주시면 됩니다.






첨부파일

비밀번호
수정

비밀번호 입력후 수정 혹은 삭제해주세요.

댓글목록

등록된 댓글이 없습니다.

댓글 수정

이름

비밀번호

내용

/ byte

수정 취소

비밀번호

확인 취소

댓글 입력

이름

비밀번호

내용

/ byte

평점

관리자에게만 댓글 작성 권한이 있습니다.