프로그래밍 언어와 도구의 아이콘 집합 "Devicon"의 추천
이 기사는 aslead Agile 개발팀'산화 다람쥐에서 진행된 수출 기획입니다.
'팀 벌칙 Advent Calendar'21일째 보도다.
언어와 도구를 사용하고 싶은 아이콘!
학습회, 배운 자료, 조합 사이트의 기능 소개 등...
나는 많은 장면들이 프로그래밍 언어, 프레임워크, 도구의 아이콘을 넣고 싶어 한다고 생각한다.
그때 학창시절에 친구한테서 배웠던Devicon 도움이 많이 됐어요. 소개해 주고 싶어요.
Devicon
Devicon은 프로그래밍 언어, 프레임, 각종 편집기, 브라우저 등 도구의 아이콘 집합입니다.
MIT 라이센스에 아이콘이 표시됩니다.1
아이콘은 여러 가지 버전이 있는데, 오리지널 디자인뿐만 아니라
선묘 버전, 흑백 버전, 언어와 도구의 이름 버전 등도 준비했다.
예를 들면 Docker.
색상의 색칠 방식이 좀 달라요. 이름이 있다/버전이 없어요.
Gopher군이라면 물색, 흰색, 검은색, 선묘 버전이 있습니다.
제트브레인스도 다양한 장르를 준비했다.그리고 필자는 눈이 안 좋아서 차이를 잘 몰라요...
이 Devicon에는 글꼴 및 SVG 형식 두 가지가 준비되어 있습니다.
사용하고 싶은 아이콘을 클릭하면 코드 표시줄을 얻을 수 있다.
<!-- in your header -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@master/devicon.min.css">
<!-- in your body -->
<i class="devicon-atom-original"></i>
이것은 글씨체 형식판의 스니 애완동물이다.편지봉투에 쓰인 라벨을 친절하게 쓰다.간단하게 그림으로 저장하고 싶은 사람은 SVG 형식의 아이콘을 우클릭해서 저장하면 OK.
SVG 형식이라면 아이콘 이미지를 확대해도 거칠어지지 않고 예뻐 보여서 좋았다.
아이콘 이미지, 검색한 이미지가 좀 작아서 확대하면 더러워 보입니다..이런 일도 많았어요.
데비콘을 만나 SVG로 다운로드할 수 있게 되자 그 고민도 무사히 해소됐다.
끝말
어때?
아이콘을 찾느라 고생하시는 분들은 꼭 데비콘을 시도해 보세요.
창고는여기.↩
Reference
이 문제에 관하여(프로그래밍 언어와 도구의 아이콘 집합 "Devicon"의 추천), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/verde9917/items/d3fd5f704833226ff6c5텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)