본문 바로가기

CSS

아이콘 무료 사이트 추천 : flaticon

반응형

아이콘 이미지가 필요한 경우

 

아이콘 이미지
flaticon에서 찾은 아이콘 이미지

개인프로젝트로 자기소개 웹페이지를 만들고 있습니다. 세세하게 보니 수정할 게 많더라고요. 특히 사용자의 입장에서 보기 좋게 디자인을 설정하는 것이 필요했습니다. '네이버 블로그' 라는 텍스트에 링크를 거는 것보다 네이버 블로그 아이콘을 등록해두면 더 보기 좋고 가독성이 있죠. 티스토리 블로그도 마찬가지고요. 포트폴리오에 Spring, Javascript, Python에 해당하는 아이콘 이미지를 넣어두면 이해하기가 쉬워요. 기존에는 font awesome에 들어가서 링크를 복사해왔는데 무료로 사용하다보니 종류가 제한적이었어요. 그래서 더 나은 아이콘 이미지 사이트를 찾아봤습니다. 

 

flaticon(플래티콘)

flaticon이라는 사이트입니다. font awesome보다 종류가 많고, 한글 검색이 가능해요. 

flaticonflaticon 아이콘
한글로 파이썬을 검색하면 169개의 아이콘이 나오네요. Java는 무려 878개? 

프로그래밍 언어 아이콘이 다양하게 있습니다. 다른 종류의 아이콘, 스티커, 애니메이션 등이 많았어요. 하지만 모두 사용할 수 있는 것은 아닙니다. 결제가 필요하죠. 보면서 이모티콘, 스티커 같은 웹페이지 디자인 요소를 판매하는 것도 큰 돈이 될 것 같더라고요. 워드프레스로 블로그를 만들어서 웹페이지 CSS와 관련된 디자인을 올려보려고 합니다. 무료로 공개하면 꽤 많은 사람을 모을 수 있을 것 같아요. 

 

CSS도 중요하다 

웹페이지를 만들기 위해서 정말 여러가지 언어를 알아야한다는 생각이 듭니다. 프론트엔드는 HTML, CSS, javascript, 백엔드는 Java, Spring 등 공부할 것이 정말 많아요. HTML은 웹페이지의 뼈대에 담당하고, CSS는 디자인을 담당합니다. 뼈가 중요하냐 살이 중요하냐 우열을 가릴 수 없죠. 각자 역할이 있는 것입니다. 꾸미기도 공부가 필요합니다. 하나하나 아이콘을 찾고 색을 바꾸면서 느낀 점은... 무엇이든 노가다가 80% 이상인 것 같습니다. 결국 존버하는 사람이 결과물을 내놓는 것이죠. 끝이 없네요. 

 

 

 

 

 

 

반응형

'CSS' 카테고리의 다른 글

[CSS] HTML 16진수 색상코드에 대해 알아보자  (0) 2023.07.11
CSS, vh은 무엇일까?  (2) 2023.04.11
CSS 연습  (0) 2023.03.31
css 연습  (0) 2023.03.29
CSS 박스 모델 연습  (0) 2023.03.28