이 순수 CSS 아이콘 갤러리는 모든 프론트 엔드 개발자들이 원하는 것입니다.

어도비 디자이너 Wenting Zhang이 재미있는 웹 앱 ...에 대한 순수 CSS 아이콘 생성하기. 이름이 간단하다. “CSS 아이콘” 가장 멋진 것 중 하나 일 수 있습니다. 아이콘 제너레이터 프론트 엔드 개발자 용.

이 프로젝트는 완전 무료 과 오픈 소스 GitHub에서 그래서 코드를 다운로드하고 엉망으로 만들 수 있습니다..

이 아이콘들 CSS 의존성이 없다. 특별한 브라우저 기능이 필요합니다. 언뜻보기에 아이콘이 SVG에서 빌드 된 것처럼 보이지만 그들은 실제로 div 일뿐입니다..

CSS의 마법을 통해 사용자 정의 라인 아이콘 ...에 대한 공통 인터페이스 요소 햄버거 메뉴, 3 점 아이콘 또는 인쇄 아이콘 (다른 많은 것들 중에서).

선택할 수있는 가는 선 아이콘 또는 어두운 채워진 아이콘. 그들은 둘 다 활용한다. 비슷한 CSS 속성 목록의 아이콘을 클릭하여 자신이 무엇인지 확인할 수도 있습니다. 너는 a를 볼 것이다 슬라이딩 사이드 바 HTML과 CSS 코드와 함께 아이콘이 확대됨.

코드 입력란의 오른쪽 상단을 보면 작은 사본 아이콘. 클릭하십시오 코드 자동 복사 클립 보드에. 아, 그 카피 아이콘? 또한 Wenting의 순수한 CSS 코드로 구축되었습니다..

에 색깔을 바꾸다. 어떤 아이콘이라도, 단지 찾아라 색깔 재산 주 아이콘 클래스에서. 그 중 하나를 업데이트 중입니다. 색깔 재산 다른 모든 것도 바꿀 것입니다..

이 아이콘들은 아주 단순한, 아마 모든 웹 사이트에서 작동하지 않을 것입니다. 그러나 이것은 멋진 대안 이미지 또는 아이콘 글꼴 그리고 그것은 완전 무료.

체크 아웃 CSS 아이콘 홈페이지 에 더 많은 예제를 참조하십시오. ~까지 소스 복사 / 편집. 당신은 또한 수 각 아이콘을 따로 테스트해라. CodePen에서 원하는 경우 근원이있는 장난감 브라우저에서.