unicons

유니콘

다음 프로젝트를위한 1000+ 픽셀-완벽한 벡터 아이콘 및 아이콘 폰트. 이 아이콘은 Iconscout에 의해 설계되었습니다.

시작하기

글꼴로 사용합니다

다음 CSS를 삽입하여 웹 사이트에서 유니콘을 사용하기 쉽습니다. 이 저장소를 다운로드하고 css 폴더에서 CSS를 사용할 수도 있습니다.

 < link
  rel =" stylesheet "
  href =" https://unicons.iconscout.com/release/v4.0.0/css/unicons.css "
/>

아래와 같이 body 의 아이콘을 사용하십시오.

 < i class =" uil uil-comments " > </ i >

NPM 패키지 사용

NPM을 사용하여 유니콘을 쉽게 설치할 수 있습니다.

npm install --save @iconscout/unicons

SVG로 사용합니다

디자이너라면 항상 SVG 파일을 갖는 것이 좋습니다. 공식 Unicons 웹 사이트에서 SVG를 다운로드하거나 ICONDROP를 다운로드하여 이러한 아이콘에 스케치, Adobe XD, Adobe Illustrator 등을 바로 액세스 할 수 있습니다.

플러터 프레임 워크 사용

PEDRO LEMOS가 만든 플러터 패키지가 있으며 Pub.dev에서는 프로젝트에서 쉽게 사용할 수 있습니다.

다음과 같이 pubspec.yaml 파일의 종속성을 추가하십시오.

 dependencies :
  unicons : ^1.0.0+2

그런 다음 위의 명령을 실행하십시오.

flutter pub get

또는 편집자는 flutter pub get 지원할 수 있습니다. 편집자의 문서를 확인하여 자세한 내용을 확인하십시오.

이제 다트 코드에서 패키지를 가져 오십시오.

 import 'package:unicons/unicons.dart' ;

JS 프레임 워크와 함께 사용하십시오

우리는 React, Vuejs, React Native와 같은 인기있는 라이브러리를위한 구성 요소를 만들었습니다. 공식 Github Repo로 가서 더 많은 것을 알 수 있습니다.

라인 스타일

• 반응 : https://github.com/iconscout/react-unicons
• vuejs : https://github.com/iconscout/vue-unicons
• React Native : https://github.com/iconscout/react-native-unicons

견고한 스타일

• 반응 : https://github.com/iconscout/react-unicons-solid
• vuejs : https://github.com/iconscout/vue-unicons-solid

단색 스타일

• 반응 : https://github.com/iconscout/react-unicons-monochrome

더 많은 방법 (커뮤니티 지원)

• Anton Reshetov의 Vue-Unicons

로드맵

• React 구성 요소를 만드십시오
• 브랜드 아이콘 추가
• 견고한 스타일 디자인
• 얇은 라인 스타일 디자인
• CSS 애니메이션 지원
• 사용자가 뇌졸중, 충전, 너비, 높이 등과 같은 다양한 속성을 제어 할 수있는 SVG 스프라이트를 만드십시오.

기여

우리는 유니콘에 대한 커뮤니티 지원을 기꺼이 기꺼이 할 것입니다. 자유롭게 포크하고 풀 요청을 만들 수 있습니다. 우리는 당신이 이러한 기능을 구축하는 데 도움을 줄 수 있도록 위의 작은 로드맵을 제공했습니다.

아이콘 요청

우리는 Iconscout 커뮤니티에서 새로운 아이콘을 요청할 수있는 스레드를 만들었습니다. 그리고 우리는 다가오는 몇 주 안에 그것들을 디자인하게되어 기쁩니다.

특허

유니콘은 오픈 소스 아이콘이며 ICONSCOUT 간단한 라이센스에 따라 라이센스가 부여됩니다. 개인 및 상업 프로젝트 에서이 아이콘을 자유롭게 사용할 수 있습니다. 우리는 앱의 화면 에 대한 속성을보고 싶지만 필수는 아닙니다.

Unicons by < a href =" https://iconscout.com/ " > IconScout </ a >