[UI] github 뱃지 만들기

오늘 우리는 이런걸 만들어 볼겁니다.

 

 

1. 사이트 방문

https://simpleicons.org/

Simple Icons

 

2. 내가 원하는 항목 선정

 

예를들어 제가 자주 애용하는 AWS를 이용하고 싶다면 다음과 같이 하시면 되요.

 

표시할 이름 : 뱃지에 표시할 글자

색상 : #232F3E 부분

기술스택아이콘 : Amazon Web Service라고 표시된 부분

로고색상 : 뱃지에 들어갈 색상

3. html코드작성

<img src="https://img.shields.io/badge/표시할이름-색상?style=for-the-badge&logo=기술스택아이콘&logoColor=로고색상">

<img src="https://img.shields.io/badge/표시할이름-색상?style=for-the-badge&logo=기술스택아이콘&logoColor=white">

 

 

아주 쉽죠?