CoreUI图标是一个开源图标集,具有多种格式SVG,PNG和WebFonts的1500多个图标。 Coreui图标是精美的常见动作和物品符号。您可以在数字产品中将它们用于Web或移动应用程序。
https://coreui.io/icons/
< link rel =" stylesheet " href =" https://unpkg.com/@coreui/icons/css/all.min.css " >
或者
< 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
或者,您也可以克隆或下载此存储库作为zip。
您可以使用CSS样式前缀和图标的名称将CoreUI图标几乎在任何地方放置。 CoreUI图标旨在与Inline Elements Ex一起使用。 <i>
或<span>
。
请使用线性图标的cil-
前缀,品牌图标的cib-
前缀以及标志图标的cif-
前缀。
< i class =" cil-energy " > </ i >
< i class =" cib-twitter " > </ i >
< i class =" cif-us " > </ i >
SVG Sprites让您快速使用网站中的矢量图标。我们已经将所有图标套装样式准备成自己的SVG精灵。
将Sprite文件放入项目中的其余静态文件,例如图像和样式。确保在SVG Sprite文件中添加适当的路径,并使用您要显示的SVG图标或符号的片段标识符。
< 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 >
下载图标集时,它带有一个包含SVG图标定义的Sprites目录。这些图标可以被引用并用作类似的内联SVG:
<!-- 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 >
也可以链接到包含定义的外部SVG:
< svg class =" icon-home " >
< use xlink:href =" path/to/free.svg#cil-apple " > </ use >
</ svg >
如果我们的免费图标集不足,您可以购买具有2000多个图标的CoreUI图标Pro,以及更多样式 - 固体,二人组和线性。
免费的Coreui图标免费,开源和GPL友好。您可以将其用于商业项目,开源项目,或者实际上几乎任何您想要的东西。
所有品牌图标都是其各自所有者的商标。这些商标的使用并不表明字体Awesome对商标持有人的认可,反之亦然。请不要为任何目的使用品牌徽标,除了代表他们所指的公司,产品或服务。
CC0 1.0通用目的声明
全世界大多数司法管辖区的法律自动授予创建者和随后的所有者(S)的独家版权及相关权利(定义)(每一个和全部,都是作者资格和/或数据库的“所有者”)每个,一个“工作”)。
某些所有者希望永久放弃这些权利,以促进公众可以可靠,不必担心后来对侵权的主张,修改,纳入,并结合起来的富有创造力,文化和科学作品(“公共”)的目的。在其他作品中,以任何形式和出于任何目的(包括商业目的)以任何形式自由地重复使用和重新分配。这些所有者可能会为公共场所做出贡献,以促进自由文化的理想,并进一步生产创造性,文化和科学作品,或者通过他人的使用和努力在某种程度上获得声誉或更大的作品。
出于这些和/或其他目的和动机,并且没有任何额外的考虑或补偿的期望,将CC0与工作相关联的人(“肯定者”),以至于他或她是版权和相关权利的所有者这项工作自愿选择将CC0应用于工作,并根据其条款公开分发工作,并了解其工作中的版权和相关权利以及CC0对这些权利的含义和预期的法律效力。
我。复制,适应,分发,执行,展示,交流和翻译作品的权利;
ii。原始作者和/或表演者保留的道德权利;
iii。宣传和隐私权与作品中描绘的人的形象或相似性有关;
iv。在下面的第4(a)段中的限制的前提下,保护不公平的竞争权利;
v。保护工作中数据的提取,传播,使用和再利用的权利;
vi。数据库权利(例如,根据欧洲议会的96/9/EC引起的数据库权利,以及1996年3月11日在数据库的法律保护以及其任何国家实施的法律保护方面,包括任何此类指令的任何修订或继任者) ;和
vii。根据适用的法律或条约以及其任何国家实施,全世界其他类似,同等或相应的权利。
放弃。在很大程度上,在很大程度上,但不违反适用的法律,明确,充分,永久,不可撤销和无条件地放弃,放弃,放弃和投降所有肯定者的版权和相关权利以及相关的诉讼和原因,是否已知或未知(包括现有的和未来的索赔和行动原因),在全球所有地区的工作(i)中,(ii)在适用法律或条约提供的最长持续时间(包括未来的时间延长),(iiiiiiiii) )在任何当前或将来的培养基中以及任何数量的副本中,以及(iv)出于任何目的,包括无限制商业,广告或促销目的(“豁免”)。确认者豁免是为了使整个公众的利益受益,并损害了《肯定者的继承人和继承人》,完全希望这种豁免不受撤销,撤销,取消,终止,解雇,终止或任何其他法律或公平行动的约束为了破坏公众对肯定的明确目的陈述所考虑的公众工作的安静享受。
公共许可证后备。如果因任何原因而根据适用法律将豁免的任何部分判处法律无效或无效,则应将豁免保留在允许的最大范围内,考虑到确认者的明确目的声明。此外,在一定程度上,豁免受到判决,从而向每个受影响的人授予无特许权使用费,不可转让的,不可转让的,不可分配的,不可撤销的,不可撤销和无条件的许可全球所有领土,(ii)在适用法律或条约提供的最长持续时间(包括未来时间延长),(iii)在任何当前或未来的培养基中以及任何数量的副本,以及(iv)的任何目的,包括没有限制商业,广告或促销目的(“许可”)。截至CC0的日期,肯定者将许可视为有效。如果根据适用法律将许可的任何部分因任何原因判定为法律无效或无效,则这种部分无效或无效性不得使剩余的许可证无效,在这种情况下,在此情况下,他或她肯定他或她不会(i)行使锻炼他或她在工作中保留任何保留版权及相关权利,或(ii)对工作中的任何相关索赔和诉讼因由,在任何一种情况下都违反了《肯定者的明确目的陈述》。
限制和免责声明。
一个。确认者持有的商标或专利权没有被放弃,放弃,投降,许可或以其他方式受到本文件的影响。
b。确认者提供工作,不对任何关于作品,明示,暗示,法定或其他方式的任何形式的陈述或保证,包括对所有权,适销性,适合特定目的的适用性,不侵权或缺乏缺乏的保证根据适用的法律,潜在的或其他缺陷,准确性或当前或没有错误,无论是否可发现,这都是最大程度的允许的。
c。确认者不承担清除可能适用于工作或其使用的其他人的权利的责任,包括不限制任何人在工作中的版权和相关权利。此外,确认者不承担获得任何使用工作所需的任何必要同意,许可或其他权利的责任。
d。确认者理解并承认,创意共享不是本文件的一方,对本CC0或使用工作没有义务或义务。
有关更多信息,请访问http://creativecommons.org/publicdomain/zero/zero/1.0/