brand icons

ブランドアイコン

YeffersonMarínによるsvg + fonts + sass + cssブランドロゴのコレクション。

参照

Icons Collectionは、DanLeechが管理する人気ブランド用の無料のSVGアイコンであるDanleech/Simple-Iconsで入手できます。

国の旗をお探しですか？

Yammadev/Flag-Iconsをご覧ください。

どうやって？

使用してください

1。Fonts 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フォルダーで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。いつものように使用します。

トト

• たぶんインデックスWebサイト（？）。
• 代わりに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 。