brand icons

브랜드 아이콘

Yefferson Marín의 svg + fonts + sass + css 브랜드 로고 컬렉션.

참조

아이콘 수집은 Dan Leech가 관리하는 인기있는 브랜드를위한 무료 SVG 아이콘 인 Danleech/Simple-Icons에서 제공됩니다.

국가 깃발을 찾고 계십니까?

Yammadev/Flag-Icons를 확인하십시오.

어떻게?

사용하십시오

1. fonts 폴더 및 css 파일을 다운로드하십시오.

2. 다음과 같이 사용하십시오.

  <!-- Use generated lib -->
  < link href =" css/brand-icons.css " rel =" stylesheet " >

  <!-- Or compressed -->
  < link href =" css/brand-icons.min.css " rel =" stylesheet " >

3. 예를 들어 <i> 또는 <span> 태그를 사용하고 브랜드 name 따르는 클래스 brand-icons 추가하십시오 (자세한 내용 참조 ).

  <!-- Just use brand-icons-brand name -->
    <!-- Using <i> -->
    < i class =" brand-icons-facebook " > </ i >
    <!-- Using <span> -->
    < span class =" brand-icons-facebook " > </ span >  

자동 생성

1. svg 폴더에서 필요한 파일 만 있거나 원하는 파일 만 허용합니다.

2. 콘솔에서 실행 :

  # Install dependencies
  $ npm install

  # Build!
  $ gulp

  # Or use this instead
  $ gulp build

3. 자동으로 생성됩니다.

  /css    <-- .css, .min.css
  /fonts  <-- .eot, .ttf, .woff
  /sass   <-- .scss

4. 평소와 같이 사용하십시오.

TODO

• 어쩌면 색인 웹 사이트 (?).
• 대신 gulp-git 사용하여 svg 파일을 당기십시오. 나는 이것을 시도했지만 정말 느린 것 같다 (이유를 모르면) 잠시 후에는 전혀 복제하지 않습니다.

기여하다

풀 요청은 환영합니다.

특허

MIT 라이센스에 따라 릴리스.

로그 변경

[1.1.6] -2017-07-09

• 코드 청소.
• readme 편집.
• 버전화가 변경되었습니다.

[1.1.5] -2017-07-08

• readme 편집.

[1.1.4] -2017-07-08

• 사소한 변화.

[1.1.3] -2017-07-08

• 사소한 변화.

[1.1.2] -2017-07-08

• 사소한 변화.

[1.1.1] -2017-07-08

• html 템플릿이 제거되었습니다.

[1.1.0] -2017-07-08

• css 지원을 조정하십시오.
• 자동 생성 파일에 헤더가 추가되었습니다.
• 버전화가 변경되었습니다.
• 코드 청소.

[1.0.0] -2017-07-08

• gulp 작업이 추가되었습니다.
• svg 아이콘이 추가되었습니다.
• sass , css , fonts 및 html 자동 컴파일 작업.
• License 추가되었습니다.

[0.0.1] -2017-06-27

• 초기 커밋.
• readme .