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/