devicon
v2.16.0
데모 · 요청 아이콘 · 기여
<!-- 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 > master develop Devicon은 개발 언어 및 도구를 나타내는 모든 로고를 수집하는 것을 목표로합니다. 각 아이콘은 Font/SVG, Original/Plain/Line, Colored/Not Colored, WordMark/No WordMark의 여러 버전으로 제공됩니다. 데비 콘에는 150 개 이상의 아이콘이 있습니다. 그리고 그것은 성장하고 있습니다!
사용 가능한 모든 아이콘에 대한 완전하고 최신 참조는 Devicon.json 또는 당사 웹 사이트를 참조하십시오.
모든 기고자와 Icomoon 앱에 감사드립니다. 데비콘은 당신 없이는 불가능할 것입니다.
모든 제품 이름, 로고 및 브랜드는 해당 소유자의 자산입니다. 이 웹 사이트에서 사용되는 모든 회사, 제품 및 서비스 이름은 식별 목적으로 만 사용됩니다. 이러한 이름, 로고 및 브랜드를 사용한다고해서 승인을 의미하지는 않습니다. 이러한 로고의 사용은 회사/브랜드/서비스의 브랜드 정책에 따라 수행되어야합니다. 매우 빠른 설정을하려면 Devicon.dev를 확인하십시오.
RAW SVG 아이콘, Devicon 글꼴 (CDN을 통해서도 사용할 수 있음) 또는 Devicon 직접 구축하여 사용할 수 있습니다.
devicon 글꼴 사용 (권장) npm 또는 yarn 로 프로젝트에 종속성으로 Devicon을 설치할 수 있습니다.
npm install --save devicon
yarn add devicon패키지 관리자를 사용하지 않으려면 글꼴 파일 옆에 Devicon.min.css를 프로젝트에 다운로드하여 포함시킬 수도 있습니다. CDN을 통해 프로젝트에 Devicon을 추가하는 방법에 대한 자세한 내용은 Devicon.dev를 참조하십시오.
설정 후 스타일 시트를 헤더에 포함시키기 만하면됩니다.
< link rel =" stylesheet " href =" devicon.min.css " > <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 > devicon 사용하는 대체 방법은 RAW SVG 코드를 프로젝트에 복사/붙여 넣는 것입니다.
<!-- 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 >스타일 시트에 다음 CSS 규칙을 추가하십시오.
. devicon-devicon-plain {
max-width : 2 em ;
}
/* if you want to change the original color */
. devicon-devicon-plain path {
fill : # 4691f6 ;
}img 태그를 사용하고 저장소에서 직접 SVG를 참조 할 수도 있습니다. < img src =' https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/devicon/devicon-original.svg ' > 아이콘을 요청하려면 자유롭게 문제를 만들 수 있습니다. 자세한 내용은 Wiki를 확인하십시오.
우리는 새로운 아이콘, 기능 또는 관리자 등 모든 기여에 만족합니다. 이 프로젝트에 어떻게 기여할 수 있는지 확인하려면 Wiki를 살펴보십시오.
우리는 데비컨을위한 불화 커뮤니티가 있습니다. 아이콘을 쉽게 요청하고, 토론하고, 커뮤니티 회원들과 이야기하는 좋은 시간을 보낼 수 있습니다! 공식 불화 서버에 가입하십시오!
master develop 모든 공식 릴리스는 master 에 있습니다. 간의 모든 업데이트 (아이콘, 기능 등)는 develop 에 보관됩니다.
develop :master 포함 :저자의 활동이나 응답없이 30 일 이상 풀 요청이 열린 후에는 자동으로 오래된 것으로 표시됩니다. 우리는 당신의 변화를 포크하고 변화를 스스로 통합 할 수 있습니다. Github은 Commits에 의해 기부금을 추적하기 때문에, 당신은 크레딧을 받게됩니다.
다음 단계에 따라 웹 사이트와 아이콘을 로컬로 또는 gitpod.io를 사용하십시오.
gitpod.io를 사용하면 아이콘을 쉽게 만들고 설치할 수 있습니다.
한 번의 클릭으로 필요한 종속성. 추가 설정이 필요하지 않습니다.
참고 일부 명령이 제대로 실행되지 않은 경우
아래 단계를 따라 gitpod.io에서 동일한 명령을 실행하십시오.
저장소를 포크하고 포크 리포지토리를 복제하십시오.
git clone https://github.com/ < your-github-username > /devicon.gitGIT가 설치되어 있지 않은 경우 공식 안내서를 확인 하여 운영 체제에 GIT를 설치하십시오.
npm installNPM이 설치되지 않은 경우 Node.js 및 NPM 설치에 대한이 궁극적 인 안내서를 확인 하십시오 . 이러한 도구는 Devicon을 올바르게 구축하기 위해 필요합니다.
참고 파이썬 설치에 PIP가 포함되어 있는지 확인하십시오
python3 -m pip install --upgrade pip && pip install selenium==4.1.0 requests==2.25.1 모든 종속성이 설치되면 최신 아이콘을 만들 수 있습니다.
일반적으로 이것은 각 릴리스에서 수행되지만 릴리스 전에 몰래 엿볼 수 있습니다.
# 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 ./ --headless운영 체제의 속도와 아이콘의 양에 따라 프로세스에 시간이 걸릴 수 있습니다.
표시된 오류가 있으면 문제를 만들거나 불화 커뮤니티에서 연락하여 알려주십시오.
새로운 CSS 스타일 시트를 구축하려면 다음 명령을 실행하십시오.
이 파일은 이전에 구축 된 모든 새로운 아이콘을 보여주는 데 사용됩니다.
npm run build-cssPython으로 웹 서버를 시작하려면 다음 명령을 실행하십시오.
npm run dev # Will run on port 8000또는이 명령은 정확히 동일하지만 포트를 사용자 정의 할 수 있습니다.
python3 -m http.server < port > 당신은 지금 끝났습니다! ? Devicons 빌드는 https://localhost:8000 (또는 원하는 포트)에서 사용할 수 있어야합니다.
