brand icons Download - brand icons Download de código fonte

brand icons

Baixar fonte

1.0.0

Baixar

Brand-icons

Uma coleção svg + fonts + sass + css de Logotipos de Marca de Yefferson Marín.

Referência

A coleção de ícones está disponível na Danleech/Simple-Oicons, um ícones SVG gratuitos para marcas populares, mantidas por Dan Leech.

Procurando bandeiras de países?

Confira Yammadev/Flag-icons.

Como fazer?

Use -o

1. Faça o download da pasta fonts e do arquivo css .

2. Use como se segue:

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

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

3. Use tags <i> ou <span> , por exemplo, e adicione a classe brand-icons seguida da name ( referência Look para obter detalhes).

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

Gerar automaticamente

1. Na pasta svg deixe apenas os arquivos que você precisa ou desejar.

2. Corra no console:

  # Install dependencies
  $ npm install

  # Build!
  $ gulp

  # Or use this instead
  $ gulp build

3. Ele gerará automaticamente:

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

4. Use como de costume.

Pendência

Talvez um site de índice (?).
Puxe os arquivos svg usando gulp-git . Eu tentei isso, mas parece ser muito lento (não sei por quê) e depois de um tempo nunca clona.