웹솔루션개발 25년 노하우! 해피CGI의 모든것

무료 아이콘을 제공하는 Google Icons 입니다. https://fonts.google.com/icons  원하는 아이콘을 클릭하면 아래와 같이 SVG 및 PNG로 다운로드가 가능 합니다.왼쪽에 커스터마이징 메뉴를 통해 굵기 등의 아이콘 조절도 가능 합니다.아이콘 리스트 상단에는 검색 기능도 제공이 되므로,원하는 아이콘을 쉽게 찾아 웹사이트에 적용이 가능 합니다.

2000개 이상의 다양한 무료 아이콘을 공유 받을 수 있는 홈페이지입니다.아이콘별 사이즈도 다양한게 다운로드 가능합니다.다인기있는 카테고리별로 아이콘 검색도 가능하여 여러모로 유용하게 이용이 가능합니다.

다양한 라인 백터 아이콘 자료와 정보 모음 - 라이나(Linia) 웹사이트 제작이나 아이콘 사용이 필요한 작업을 하실때 많이 사용하는 라인 백터 아이콘의 정보를 한번에 찾아볼수 있는 유용한 사이트입니다.

https://fontello.com/ 폰텔로는 이미지 파일로 제공되는 것이 아니라 웹폰트 형식으로 제공하는 무료 아이콘 사이트입니다. 자신만의 무료 아이콘 웹폰트도 만들 수 있으며, 만든 웹폰트 묶음을 다운로드 할 수 있습니다.

SVG를 이용한 아이콘 버튼 효과 밋밋한 버튼 대신 사용하면 좋을 SVG를 이용한 귀여운 아이콘 버튼입니다.

무료 SVG 아이콘 이미지를 받을 수 있습니다. 다양한 아이콘을 크기 색상 조절도 가능하며, 클릭만 하면 클립보드에 복사 됩니다 위와 같이 복사된 아이콘 태그를 사용하면 되겠습니다.

홈페이지 등 다양하게 사용할 Icon, Buttons, Templates, Backgrounds 등의 Free PSD 자료가 많습니다.

Css3를 이용하여 다양한 효과를 확인하실 수 있습니다. 단 Css3이기 때문에 구버전 ie에는 제약이 있지만. 요근래에 구버전 ie에서도 css3 효과를 동작가능하도록 제공하는 js들이 많으니 찾아서 사용해보시는 것도 좋을것 같습니다 ^^ 하지만 trasition 그리고 animation은 있는지 확실히 장담을 할 수 없습니다 ㅜㅜ http://caniuse.com/ 위 사이트에서 브라우저별로 동작하는 css속성들을 확인하실 수 있으니 확인해보시는것도 좋을것 같습니다. 기본적으로 trasition과 animaition에대한 css3 속성을 대충 한번 훌터보시고 자료를 받아서 사용하시면 쉽게 적용가능하리라 생각합니다. http://tympanus.net/codrops/2013/05/30/simple-ic..

https://mobiriseicons.com/cheatsheet.html 에서 다운로드 버튼을 클릭하면 자료를 받아보실 수 있습니다. 무료 웹 아이콘으로 심플한 아이콘 등이 다양하게 있습니다.

홈페이지 제작을 위한 아이콘 및 템플릿 파일을 제공하는 사이트입니다. 깔끔한 원페이지 스타일의 템플릿 파일 자료가 있습니다. 무료 자료가 많습니다만 유료자료도 있으므로, 참고 부탁드립니다.