Micon - 웹 디자이너를위한 Windows 10 아이콘 글꼴

그만큼 Windows 10을위한 재 설계 많은 새로운 기능과 완전히 새로운 모습을 제공합니다.. 가장 큰 변화 중 하나가 아이콘 스타일에 왔습니다., 특히 Windows 7 및 XP와 비교.

덕분에 미콘 세트, 너는 이제 할 수있어. 귀하의 웹 사이트에 Win10 스타일의 아이콘을 가져 오십시오..

이 아이콘 팩 아이콘 글꼴로 제공 그리고 그것은 GitHub를 통해 무료로 배포 됨. 메인 레포 설정 정보가있다., 그러나 Micon 홈페이지 모든 아이콘 기능 적절한 클래스 이름으로 디스플레이에 표시.

실제 웹 사이트 구조 Font Awesome과 비슷한 형식을 따른다.. 너는 할 수있다. 모든 아이콘을 찾아 본다. 그 중 하나를 클릭하면 새 페이지에 대한 자세한 내용을 볼 수 있습니다..

예를 들어, 배터리 디자인과 작은 충전 플러그를 사용하는이 배터리 충전 아이콘을 사용하십시오. 당신은 다양한 크기의 아이콘 미리보기, 와 함께 CSS 아이콘 클래스, 이 경우 mi-BatteryCharging10.

이 아이콘 세트는 Font Awesome과 매우 유사하게 작동합니다. 아이콘을 HTML에 바로 삽입하십시오.. 이 배터리 아이콘의 코드 스 니펫은 똑같이 작동합니다.

시작하기 쉽고 간단합니다. Micon CSS 스타일 시트의 사본 과 프론트 엔드 개발에 대한 기본 지식.

체크 아웃 설정 페이지 더 배우기. 정말로, 당신은 단지 GitHub에서 Micon 팩의 사본을 다운로드하십시오. 귀하의 페이지에 스타일 시트와 적절한 아이콘 글꼴을 포함하십시오. 거기에서, 그냥 클래스 이름을 참조하십시오. 위와 같이하면 좋다..

이 프로젝트는 오픈 소스이기 때문에 프로젝트, 개인 또는 상업용으로이 아이콘을 자유롭게 사용할 수 있습니다.. 그리고, 당신은 심지어 나만의 파일 만들기 Micon GitHub의 빌드 지침을 따라하십시오. 이렇게하면 원하는 아이콘 만 꾸린다. 글꼴 파일에 저장하고 전체 파일 크기를 줄입니다..

전반적으로, 나는 정말로 감동했습니다. 다양한 아이콘 그리고 쉬운 설정. 찾을 수 있습니다. 많은 예제들 웹 사이트 및 심지어 애니메이션 아이콘 코드 스 니펫을 포함하는 예제 페이지.

이 아이콘들도 부트 스트랩으로 잘 작동한다., 너는 할 수있다. BS3 / BS4 프레임 워크와 결합 일부 실제 사용자 레이아웃의 경우.