devicon
v2.16.0
Demo · Solicitar ícone · Contribuir
<!-- in your header -->
< link rel =" stylesheet " href =" https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css " >
<!-- in your body -->
< i class =" devicon-devicon-plain " > </ i > develop vs master O Devicon pretende reunir todos os logotipos que representam linguagens e ferramentas de desenvolvimento. Cada ícone vem em várias versões: Fonte/SVG, original/simples/linha, colorido/não colorido, Wordmark/No Wordmark. Devicon tem mais de 150 ícones. E está crescendo!
Consulte o Devicon.json ou nosso site para obter uma referência completa e atualizada de todos os ícones disponíveis.
Obrigado a todos os nossos colaboradores e ao aplicativo ICOMOON. Devicon não seria possível sem você.
Todos os nomes de produtos, logotipos e marcas são propriedade de seus respectivos proprietários. Todos os nomes de empresas, produtos e serviços usados neste site são apenas para fins de identificação. O uso desses nomes, logotipos e marcas não implica endosso. O uso desses logotipos deve ser feito de acordo com a política de marca da empresa/marca/serviço. Para uma configuração super rápida, vá verificar o devicon.dev.
Você pode usar os ícones Raw SVG, nossa fonte Devicon (que também está disponível via CDN) ou a construção de Devicon.
devicon (recomendado) Você pode instalar o Devicon como uma dependência do seu projeto com npm ou yarn :
npm install --save devicon
yarn add deviconSe você não deseja usar um gerenciador de pacotes, também pode baixar e incluir o devicon.min.css, ao lado dos arquivos de font no seu projeto. Consulte Devicon.dev para obter detalhes sobre como adicionar Devicon ao seu projeto por meio de um CDN.
Depois de configurar, você só precisa incluir a folha de estilo em seu cabeçalho para começar:
< link rel =" stylesheet " href =" devicon.min.css " > Comece a usar ícones com <i> -tag:
<!-- for devicon plain version -->
< i class =" devicon-devicon-plain " > </ i >
<!-- for devicon plain version with wordmark -->
< i class =" devicon-devicon-plain-wordmark " > </ i >
<!-- for devicon plain version colored with devicon main color -->
< i class =" devicon-devicon-plain colored " > </ i >
<!-- for devicon plain version with wordmark colored with devicon main color -->
< i class =" devicon-devicon-plain-wordmark colored " > </ i > Uma maneira alternativa de usar devicon é copiar/colar o código SVG bruto para o seu projeto.
<!-- for devicon plain version -->
< svg id =" Devicon " class =' devicon-devicon-plain ' xmlns =" http://www.w3.org/2000/svg " viewBox =" 0 0 128 128 " > < path id =" plain " fill =" #60be86 " d =" M64,7.83H4.77L14.95,95.13l49,25,.06,0,49.07-25L123.23,7.83Zm42.77,54.86c0,.88,0,1.67-.77,2L73.25,80.44l-2.42,1.13-.27-3.15V72.23l.24-1.57,1.09-.47L95.07,59.81l-21.54-9.6L64.35,68.34,58.9,78.87l-1.22,2.27-2.05-.9L22,64.71a2.42,2.42,0,0,1-1.45-2V56.91a2.39,2.39,0,0,1,1.42-2l34-15.73,3.21-1.44v9.66l.24,1.34-1.56.7L34.45,59.79,56.3,69.42l8.05-16,6.21-12.65,1.13-2.28,1.81.91L106,54.89c.73.35.76,1.14.76,2Z " /> </ svg >Adicione as seguintes regras CSS em sua folha de estilo:
. devicon-devicon-plain {
max-width : 2 em ;
}
/* if you want to change the original color */
. devicon-devicon-plain path {
fill : # 4691f6 ;
}img e fazer referência a um SVG diretamente do repositório: < img src =' https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/devicon/devicon-original.svg ' > Quando você deseja solicitar um ícone, sinta -se à vontade para criar um problema. Confira nosso wiki para obter mais informações.
Estamos felizes com todas as contribuições, sejam novos ícones, recursos ou mantenedores. Por favor, dê uma olhada no nosso wiki para ver como você pode contribuir para este projeto.
Temos uma comunidade de discórdios para Devicons. Você pode solicitar facilmente ícones, discutir e se divertir conversando com os membros da comunidade! Junte -se ao servidor Official Discord aqui!
develop vs master Todos os lançamentos oficiais devem estar em master . Quaisquer atualizações entre (ícones, recursos etc.) serão mantidas em develop .
develop contém:master contém:Depois que uma solicitação de tração estiver aberta por mais de 30 dias, sem atividade ou resposta do autor, ela será marcada automaticamente como obsoleta. Podemos gastar suas mudanças e mesclar as mudanças. Como o Github rastreia as contribuições por Compromits, você será creditado.
Siga estas etapas para criar o site e os ícones localmente ou usando gitpod.io.
Ao usar gitpod.io, você pode construir facilmente os ícones e instalar o
Dependências necessárias em um único clique. Nenhuma configuração extra é necessária.
Nota Caso alguns dos comandos não sejam executados corretamente, você pode
Siga as etapas abaixo e execute os mesmos comandos em gitpod.io
Gifra o repositório e clone o repositório bifurcado.
git clone https://github.com/ < your-github-username > /devicon.gitNota Caso você não tenha o GIT instalado, verifique o guia oficial para instalar o GIT no seu sistema operacional.
npm installNota Caso você não tenha o NPM instalado, verifique este guia final sobre a instalação do Node.js e o NPM. Essas ferramentas são necessárias para criar o Devicon corretamente.
Nota Certifique -se de que a instalação do Python inclua PIP
python3 -m pip install --upgrade pip && pip install selenium==4.1.0 requests==2.25.1 Depois que todas as dependências forem instaladas, você poderá criar os ícones mais novos.
Geralmente, isso é feito em cada liberação, mas você pode dar uma espiada antes de um lançamento.
# Linux/Unix
npm run build-icons
# Windows
python3 ./.github/scripts/icomoon_build_githubless.py ./.github/scripts/build_assets/geckodriver-v0.32.2-win64/geckodriver.exe ./icomoon.json ./devicon.json ./icons ./ --headlessO processo pode demorar um pouco, dependendo da velocidade do sistema operacional e da quantidade de ícones.
Se houver algum erro mostrado, informe -nos criando um problema ou entrando em contato conosco em nossa comunidade Discord.
Execute o seguinte comando para construir a nova folha de estilo CSS.
Este arquivo é usado para mostrar todos os novos ícones criados anteriormente.
npm run build-cssExecute o seguinte comando para iniciar o servidor da Web com o Python.
npm run dev # Will run on port 8000Ou este comando, que faz exatamente o mesmo, mas a porta pode ser personalizada.
python3 -m http.server < port > Você terminou agora! ? Sua construção de devicons deve estar disponível em https://localhost:8000 (ou a porta desejada).
