coreui icons
v3.0.1
Coreui 아이콘은 여러 형식 SVG, PNG 및 WebFonts의 1500 개 이상의 아이콘이있는 오픈 소스 아이콘입니다. Coreui 아이콘은 일반적인 동작과 항목을위한 아름답게 제작 된 기호입니다. 웹 또는 모바일 앱 용 디지털 제품에서 사용할 수 있습니다.
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 --saveyarn add @coreui/icons또는이 저장소를 ZIP로 복제하거나 다운로드 할 수도 있습니다.
CSS 스타일 접두사와 아이콘 이름을 사용하여 Coreui 아이콘을 어디서나 배치 할 수 있습니다. Coreui 아이콘은 인라인 요소와 함께 사용되도록 설계되었습니다. <i> 또는 <span> .
선형 아이콘, 브랜드 아이콘의 cib- 접두사 및 플래그 아이콘의 cif- 접두사에는 cil- Perfix를 사용하십시오.
< i class =" cil-energy " > </ i > < i class =" cib-twitter " > </ i > < i class =" cif-us " > </ i >SVG Sprites를 사용하면 웹 사이트에서 벡터 아이콘을 빠르게 사용할 수 있습니다. 우리는 모든 아이콘 세트 스타일을 자신의 SVG 스프라이트로 준비했습니다.
프로젝트에서 이미지 및 스타일과 같은 나머지 정적 파일과 함께 스프라이트 파일을 배치하십시오. 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 친화적입니다. 상업 프로젝트, 오픈 소스 프로젝트 또는 실제로 원하는 거의 모든 것에 사용할 수 있습니다.
모든 브랜드 아이콘은 해당 소유자의 상표입니다. 이러한 상표의 사용은 FONT Awesome의 상표 보유자의 승인을 나타내지 않습니다. 회사, 제품 또는 서비스를 대표하는 것을 제외하고는 어떤 목적 으로든 브랜드 로고를 사용하지 마십시오.
CC0 1.0 보편적 인 목적 진술
전 세계 대부분의 관할 구역의 법률은 제작자 및 후속 소유자 (각각의 모든, "소유자")에 대한 독점 저작권 및 관련 권리 (아래에 정의 됨)를 자동으로 부여합니다. 각각, "일").
특정 소유주 다른 작품에서, 상업적 목적을 포함하여 어떤 형태로든 가능한 한 자유롭게 재사용하고 재분배하십시오. 이 소유자는 자유 문화의 이상과 창의적, 문화 및 과학 작품의 추가 생산을 촉진하기 위해 커먼즈에 기여하거나 다른 사람들의 사용과 노력을 통해 부분적으로 자신의 작업에 대한 명성 또는 더 큰 배포를 얻을 수 있습니다.
이러한 및/또는 기타 목적 및 동기 부여, 추가 고려 또는 보상에 대한 기대없이 CC0을 저작권 및 관련 권리의 소유자 인 정도까지 CC0을 작업 ( "Affirmer")과 연관시킵니다. 이 작업은 자발적으로 CC0을 작품에 적용하고 작업에 대한 저작권 및 관련 권리에 대한 지식과 CC0의 권리에 대한 법적 효과에 대한 지식과 함께 작업을 공개적으로 배포합니다.
나. 작업을 재현, 적응, 배포, 수행, 표시, 의사 소통 및 번역 할 권리;
II. 원래 저자 (들) 및/또는 수행자가 보유한 도덕적 권리;
III. 작업에 묘사 된 사람의 이미지 또는 유사성에 관한 홍보 및 개인 정보 보호 권리;
IV. 아래 4 (a) 항의 한계에 따라 업무와 관련하여 불공정 경쟁에 대한 권리;
v. 작업에서 데이터의 추출, 보급, 사용 및 재사용을 보호하는 권리;
VI. 데이터베이스 권리 (예 : 유럽 의회의 96/9/EC에 따라 발생하는 것과 같은 데이터베이스의 법적 보호에 관한 1996 년 3 월 11 일 협의회, 그리고 그 지침의 수정 또는 후속 버전을 포함하여 국가 이행에 따라) ; 그리고
VII. 해당 법률 또는 조약 및 국가 이행에 근거한 전 세계적으로 유사하고 동등한 또는 해당 권리.
기권. Affirmer는 적용 가능한 법률에 의해 허용되지만 위반되지는 않지만, 이에 따라 Affirmer의 저작권 및 관련 권리와 관련 주장 및 관련 주장 및 행동의 원인을 모두 명백히, 완전하고, 영구적으로, 무조건적으로, 무조건적으로 포기하고, 포기하고, 항복합니다. 전세계 모든 영토에서 (i) 전세계 모든 영토에서 (i) 해당 법률 또는 조약 (미래 시간 연장 포함), (iii), (iii)의 최대 기간 동안 (i), (i) 전세계 모든 영토에서 알려진 또는 알려지지 않은 (기존 청구 및 미래의 주장 및 원인 포함), (iii). )) 현재 또는 미래의 매체 및 수많은 사본 및 (iv) 상업, 광고 또는 홍보 목적 ( "면제")을 포함하여 어떤 목적으로도. Affirmer는 대중의 각 구성원의 이익을 크게 그리고 Affirmer의 상속인과 후임자의 손해를 위해 포기를 저지르며, 그러한 면제는 철회, 철회, 취소, 해지 또는 기타 법적 또는 공평한 행동의 대상이되지 않도록 의도합니다. Affirmer의 명시적인 목적에 의해 고려 된대로 대중의 조용한 즐거움을 방해합니다.
공개 라이센스 폴백. 어떤 이유로 든 면제의 일부가 해당 법률에 따라 합법적으로 유효하지 않거나 비효율적으로 판단되는 경우, 포기는 Affirmer의 명시 적 목적 진술을 고려하여 허용되는 최대 범위까지 보존됩니다. 또한, 면제가 너무나 판단되는 범위 내에서, 이에 따라 영향을받는 사람에게 각각의 영향을받는 사람에게 로열티가없고, 양도 할 수없고, 비 변수, 배타적이거나, 돌이킬 수없고, 돌이킬 수없고, 무조건적인 라이센스를 부여하기 위해 (i). 전세계 모든 영토, (ii) 해당 법률 또는 조약 (향후 시간 연장 포함), (iii) 현재 또는 미래 매체 및 수의 사본 및 (iv)를 포함하여 모든 목적을 포함하여 (iv) 상업적, 광고 또는 홍보 목적 ( "라이센스")에 제한이 없습니다. 라이센스는 CC0이 Affirmer가 작업에 적용한 날짜에 유효하다고 간주됩니다. 어떤 이유로 든 라이센스의 일부가 해당 법률에 따라 합법적으로 유효하지 않거나 비효율적으로 판단되는 경우, 그러한 부분 무효 성 또는 비효율은 나머지 라이센스를 무효화하지 않아야하며, 그러한 경우, 이에 따라 (i) 운동하지 않을 것이라고 확신합니다. 작업에 대한 남은 저작권 및 관련 권리 또는 (ii) Affirmer의 명시적인 목적에 반하는 경우, 작업과 관련하여 관련 주장과 행동의 원인을 주장합니다.
제한 및 면책 조항.
에이. Affirmer가 보유한 상표 또는 특허권은이 문서의 면제, 포기, 항복, 면허 또는 기타 영향을받지 않습니다.
비. Affirmer 잠복 또는 기타 결함, 정확성 또는 현재 또는 오류의 현재 또는 부재는 해당 법률에 따라 허용되는 가장 큰 범위입니다.
기음. Affirmer는 업무에 대한 저작권 및 관련 권리를 포함하여 업무 또는 그 사용에 적용될 수있는 다른 사람의 권리를 청산 할 책임을 부인합니다. 또한 Affirmer는 작업을 사용하는 데 필요한 동의, 권한 또는 기타 권리를 얻는 것에 대한 책임을 부인합니다.
디. Affirmer는 Creative Commons 가이 문서의 당사자가 아니며이 CC0 또는 작업의 사용과 관련하여 의무 나 의무가 없음을 이해하고 인정합니다.
자세한 내용은 http://creativecommons.org/publicdomain/zero/1.0/를 참조하십시오.
