O CoreUi Icons é um conjunto de ícones de código aberto com mais de 1500 ícones em vários formatos SVG, PNG e WebFonts. Os ícones CoreUi são símbolos lindamente criados para ações e itens comuns. Você pode usá -los em seus produtos digitais para web ou aplicativo móvel.
https://coreui.io/icons/
< link rel =" stylesheet " href =" https://unpkg.com/@coreui/icons/css/all.min.css " >
ou
< link rel =" stylesheet " href =" https://unpkg.com/@coreui/icons/css/free.min.css " >
< link rel =" stylesheet " href =" https://unpkg.com/@coreui/icons/css/brand.min.css " >
< link rel =" stylesheet " href =" https://unpkg.com/@coreui/icons/css/flag.min.css " >
npm install @coreui/icons --save
yarn add @coreui/icons
Ou você também pode clonar ou baixar este repositório como zip.
Você pode colocar ícones CoreUI praticamente em qualquer lugar usando um prefixo de estilo CSS e o nome do ícone. Os ícones CoreUI são projetados para serem usados com elementos embutidos Ex. <i>
ou <span>
.
Use cil-
prefixo para ícones lineares, prefixo cib-
prefixo para ícones da marca e prefixo cif-
prefixo para ícones de bandeira.
< i class =" cil-energy " > </ i >
< i class =" cib-twitter " > </ i >
< i class =" cif-us " > </ i >
O SVG Sprites permite que você use rapidamente ícones do vetor em seu site. Preparamos todos os estilos de conjunto de ícones em seus próprios sprites SVG.
Coloque os arquivos Sprite com o restante de seus arquivos estáticos, como imagens e estilos, em seu projeto. Certifique -se de adicionar um caminho adequado ao arquivo SVG Sprite e use o identificador de fragmento específico para o ícone ou símbolo SVG que você deseja exibir.
< svg >
< use xlink:href =" path/to/free.svg#cil-airplane-mode " > </ use >
</ svg >
< svg >
< use xlink:href =" path/to/brand.svg#cib-twitter " > </ use >
</ svg >
< svg >
< use xlink:href =" path/to/flag.svg#cif-us " > </ use >
</ svg >
Ao baixar seu conjunto de ícones, ele vem com um diretório Sprites que contém definições de ícone SVG. Esses ícones podem ser referenciados e usados como SVGs embutidos como assim:
<!-- Define the symbols -->
< symbol id =" cil-apple " viewBox =" 0 0 24 24 " >
< title > apple </ title >
< path d =" M21.207 9.987c-0.497-1.275-1.29-2.262-2.293-2.863-0.25 0.477-0.524 0.888-0.835 1.267l0.010-0.013c0.002 0.001 0.004 0.002 0.005 0.003 1.494 0.859 2.364 3.054 2.114 5.338-0.414 3.784-1.563 6.377-3.236 7.302-1.087 0.601-2.444 0.516-4.031-0.254l-0.155-0.075h-1.143l-0.155 0.075c-1.588 0.77-2.944 0.856-4.031 0.254-1.673-0.925-2.822-3.518-3.236-7.302-0.25-2.284 0.619-4.479 2.114-5.338 0.445-0.259 0.979-0.411 1.549-0.411 0.011 0 0.023 0 0.034 0l-0.002-0c1.132 0 2.436 0.53 3.853 1.578l0.051 0.037s2.043-0.248 2.852-0.616c2.439-1.107 2.976-2.867 3.072-3.106 0.262-0.632 0.414-1.366 0.414-2.135 0-0.813-0.17-1.587-0.476-2.287l0.014 0.037-0.191-0.477-0.513 0.005c-3.151 0.036-5.692 2.598-5.692 5.755 0 0.255 0.017 0.507 0.049 0.754l-0.003-0.029c-0.886-0.496-1.747-0.813-2.573-0.944-1.169-0.186-2.241-0.005-3.186 0.538-1.038 0.596-1.855 1.601-2.364 2.906-0.463 1.186-0.638 2.57-0.493 3.895 0.475 4.344 1.859 7.267 4.001 8.452 0.655 0.37 1.438 0.588 2.272 0.588 0.010 0 0.021-0 0.031-0h-0.002c0.918-0 1.904-0.244 2.952-0.73h0.461c1.987 0.923 3.754 0.971 5.253 0.142 2.142-1.185 3.526-4.107 4.001-8.452 0.145-1.325-0.030-2.709-0.493-3.895zM15.376 2.851c0.322-0.143 0.697-0.251 1.088-0.305l0.022-0.003c0.106 0.354 0.167 0.761 0.167 1.182 0 2.15-1.593 3.927-3.663 4.215l-0.022 0.003c-0.106-0.354-0.167-0.76-0.167-1.181 0-1.743 1.048-3.242 2.547-3.901l0.027-0.011z " > </ path >
</ symbol >
<!-- Use the defined symbols -->
< svg >
< use xlink:href =" #cil-apple " > </ use >
</ svg >
Também é possível vincular a um SVG externo contendo as definições:
< svg class =" icon-home " >
< use xlink:href =" path/to/free.svg#cil-apple " > </ use >
</ svg >
Se nosso conjunto de ícones gratuito for insuficiente, você poderá comprar o CoreUi Icons Pro com mais de 2000 ícones e mais estilos - sólidos, duplos e lineares.
Os ícones da CoreUi grátis são gratuitos, de código aberto e GPL. Você pode usá -lo para projetos comerciais, projetos de código aberto ou quase o que quiser.
Todos os ícones da marca são marcas comerciais de seus respectivos proprietários. O uso dessas marcas comerciais não indica o endosso do titular da marca registrada pela Fonte Awesome, nem vice -versa. Por favor, não use logotipos de marca para qualquer finalidade, exceto para representar a empresa, produto ou serviço ao qual eles se referem.
CC0 1.0 Declaração de propósito universal
As leis da maioria das jurisdições em todo o mundo conferem automaticamente direitos autorais exclusivos e direitos relacionados (definidos abaixo) ao criador e aos proprietários subsequentes (s) (s) (s) (s) (todo e tudo, um "proprietário") de uma obra original de autoria e/ou um banco de dados ( cada um, um "trabalho").
Certos proprietários desejam renunciar permanentemente a esses direitos a uma obra com o objetivo de contribuir com um Commons de obras criativas, culturais e científicas ("Comuns") que o público pode de maneira confiável e sem medo de reivindicações posteriores de infração, modificar, incorporar, incorporar Em outros trabalhos, reutilize e redistribua o mais livremente possível de qualquer forma e para quaisquer fins, inclusive sem limitação fins comerciais. Esses proprietários podem contribuir para os bens comuns para promover o ideal de uma cultura livre e a produção adicional de obras criativas, culturais e científicas, ou para obter reputação ou maior distribuição por seu trabalho em parte através do uso e esforços de outros.
Para esses e/ou outros propósitos e motivações, e sem qualquer expectativa de consideração ou compensação adicional, a pessoa que associa o CC0 a um trabalho (o "afirmador"), na medida em que é proprietário de direitos autorais e direitos relacionados em O trabalho, voluntariamente eleva para aplicar o CC0 ao trabalho e distribuir publicamente o trabalho sob seus termos, com o conhecimento de seus direitos autorais e direitos relacionados no trabalho e o significado e o efeito legal pretendido do CC0 sobre esses direitos.
eu. o direito de reproduzir, adaptar, distribuir, executar, exibir, comunicar e traduzir um trabalho;
ii. Direitos morais retidos pelo (s) autor (s) e/ou intérprete (s) original (s);
iii. Direitos de publicidade e privacidade referentes à imagem ou semelhança de uma pessoa retratada em uma obra;
4. Direitos protegendo contra concorrência injusta em relação a uma obra, sujeita às limitações no parágrafo 4 (a), abaixo;
v. Direitos que protegem a extração, disseminação, uso e reutilização de dados em um trabalho;
vi. Direitos de banco de dados (como os que surgem sob a Diretiva 96/9/CE do Parlamento Europeu e do Conselho de 11 de março de 1996 sobre a proteção legal dos bancos de dados, e sob qualquer implementação nacional, incluindo qualquer versão alterada ou sucessora dessa diretiva) ; e
vii. Outros direitos semelhantes, equivalentes ou correspondentes em todo o mundo com base na lei ou no tratado aplicáveis e em quaisquer implementações nacionais.
Renúncia. Na maior extensão permitida por, mas não por violação da lei aplicável, afirma abertamente, totalmente, permanentemente, irrevogavelmente e incondicionalmente renuncia, abandona e renuncia a todos os direitos autorais de afirmador e direitos relacionados e reivindicações e causas associadas, se agora conhecido ou desconhecido (incluindo reivindicações e causas de ação existentes e futuras), no trabalho (i) em todos os territórios em todo o mundo, (ii) pela duração máxima fornecida pela lei ou tratado aplicável (incluindo extensões de tempo futuro) (iii ) em qualquer meio atual ou futuro e para qualquer número de cópias e (iv) para qualquer finalidade, inclusive, sem limitação, fins comerciais, publicitários ou promocionais (a "renúncia"). Afirmer faz a renúncia para o benefício de cada membro do público em geral e em detrimento dos herdeiros e sucessores de afirmador, pretendendo totalmente que essa renúncia não esteja sujeita a revogação, rescisão, cancelamento, rescisão ou qualquer outra ação legal ou equitativa Interromper o prazer silencioso do trabalho do público, conforme contemplado pela declaração de propósito expressa de Affirmer.
Fallback de licença pública. Se qualquer parte da renúncia por qualquer motivo for julgada legalmente inválida ou ineficaz sob a lei aplicável, a renúncia será preservada na extensão máxima permitida levar em consideração a declaração de propósito expressa de afirmação. Além disso, na medida em que a renúncia é assim julgada por este meio concede a cada pessoa afetada uma licença sem royalties, não transferível, não sublicensável, não exclusiva, irrevogável e incondicional para exercer direitos autorais e direitos relacionados ao trabalho no trabalho (i) em Todos os territórios em todo o mundo, (ii) para a duração máxima fornecida pela lei ou tratado aplicável (incluindo extensões de tempo futuras), (iii) em qualquer meio atual ou futuro e para qualquer número de cópias e (iv) para qualquer propósito, incluindo qualquer coisa, incluindo a inclusão Sem limitação, fins comerciais, publicitários ou promocionais (a "licença"). A licença deve ser considerada efetiva a partir da data do CC0 foi aplicada por afirmação ao trabalho. Se qualquer parte da licença, por qualquer motivo, for julgada legalmente inválida ou ineficaz sob a lei aplicável, essa invalidez parcial ou ineficácia não invalidará o restante da licença e, nesse caso, afirmar por este meio afirmar que ele ou ela não exercitará (i) exercitará Qualquer um de seus direitos autorais restantes e direitos relacionados no trabalho ou (ii) afirma quaisquer reivindicações e causas de ação associadas em relação ao trabalho, em ambos os casos, contrários à declaração de propósito expressa de afirmação.
Limitações e isenções de responsabilidade.
um. Nenhuma marca registrada ou direitos de patente mantida por afirma é dispensada, abandonada, rendida, licenciada ou afetada por este documento.
b. A afirmação oferece o trabalho como é e não faz representações ou garantias de qualquer tipo sobre o trabalho, expresso, implícito, estatutário ou de outra forma, inclusive, sem limitação Defeitos latentes ou outros, precisão, ou o presente ou ausência de erros, seja ou não, tudo ou não na maior extensão permitida pela lei aplicável.
c. A Affirmer se isenta de responsabilidade por limpar os direitos de outras pessoas que podem se aplicar ao trabalho ou qualquer uso dela, incluindo, sem limitação, direitos autorais de qualquer pessoa e direitos relacionados no trabalho. Além disso, a Affirmer se isenta de responsabilidade por obter os consentimentos, permissões ou outros direitos necessários para qualquer uso do trabalho.
d. A Affirmer entende e reconhece que o Creative Commons não é parte deste documento e não tem dever ou obrigação com relação a este CC0 ou uso do trabalho.
Para mais informações, consulte http://creativecommons.org/publicdomain/zero/1.0/