unicons

Unicons

Ícones vetoriais perfeitos de 1000 mais de pixels e iconfont para o seu próximo projeto. Esses ícones são projetados pelo ICONSCOUT.

Começando

Usando como fonte

É fácil usar o Unicons em seu site, apenas inserindo o seguinte CSS. Você também pode baixar este repo e usar o CSS da pasta css .

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

E use os ícones em seu body como abaixo.

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

Usando como pacote npm

Você pode instalar facilmente Unicons usando o NPM.

npm install --save @iconscout/unicons

Usando como um SVG

Se você é um designer, é sempre ótimo ter arquivos SVG. Você pode baixar o SVGS do site oficial Unicons ou fazer o download do ICONDROP para acessar esses ícones diretamente em Sketch, Adobe XD, Adobe Illustrator e muito mais.

Usando no Flutter Framework

Há um pacote de vibração criado pelo Pedro Lemos, disponível no Pub.dev, que pode ser facilmente usado em seu projeto.

Basta adicionar a dependência no seu arquivo pubspec.yaml como seguinte:

 dependencies :
  unicons : ^1.0.0+2

Em seguida, execute o comando acima:

flutter pub get

Como alternativa, seu editor pode apoiar flutter pub get . Verifique os documentos para que seu editor saiba mais.

Agora, no seu código de dardo, importe o pacote:

 import 'package:unicons/unicons.dart' ;

Use com estruturas JS

Criamos componentes para bibliotecas populares como React, Vuejs, React Native. Você pode ir ao repo oficial do GitHub para saber mais.

Estilo de linha

• Para react: https://github.com/iconscout/react-unicons
• Para Vuejs: https://github.com/iconscout/vue-unicons
• Para React Native: https://github.com/iconscout/react-natives-unicons

Estilo sólido

• Para react: https://github.com/iconscout/react-unicons-solid
• Para Vuejs: https://github.com/iconscout/vue-unicons-solid

Estilo monocromático

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

Mais maneiras (suportadas pela comunidade)

• Vue-Unicons de Anton Reshetov

Roteiro

• Faça componentes do React
• Adicionando ícones da marca
• Projetando estilo sólido
• Projetando estilo de linha fina
• Suporte para animações CSS
• Faça SVG Sprite no qual o usuário pode controlar diferentes atributos, como acidente vascular cerebral, preenchimento, largura, altura e muito mais.

Contribuindo

Teremos o maior prazer em ter apoio da comunidade para Unicons. Sinta -se à vontade para bifurcar e criar solicitações de tração. Demos um pequeno roteiro acima para que você possa nos ajudar a criar esses recursos.

Solicitações de ícone

Criamos um tópico na comunidade IconsCout, onde você pode solicitar novos ícones. E ficaremos felizes em projetá -los nas próximas semanas.

Licença

O Unicons é ícones de código aberto e licenciados sob licença simples do ICONSCOUT. Você é livre para usar esses ícones em seu projeto pessoal e comercial. Gostaríamos muito de ver a atribuição em seu aplicativo sobre a tela, mas não é obrigatória.

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