기술 스택 아이콘 만들기

🔗 Shield IO

🔗 Simple icons

✏️ 양식

📍 필요한 정보

1. 기술명
2. 배경색
3. 뱃지 모양
4. 아이콘 이름
5. 폰트색

📍 아래와 같은 코드를 삽입하면 해당 기술 스택 뱃지가 만들어진다.

<img src="https://img.shields.io/badge/[기술명]-[배경색]?style=[뱃지모양]&logo=[아이콘이름]&logoColor=[폰트색]">

🔍 예시

<img src="https://img.shields.io/badge/JAVA-000000?style=for-the-badge&logo=IntelliJ%20IDEA&logoColor=white">
<img src="https://img.shields.io/badge/Spring-6DB33F?style=for-the-badge&logo=Spring%20Boot&logoColor=white">

1. 기술명

양식 없이 본인이 넣고싶은 text 를 입력하면 된다.

2. 배경색

🔗 Simple icons

여기서 아이콘과 색상 코드를 확인할 수 있다.

색상 코드는 # 을 제외한 코드만 입력해야 한다,

3. 뱃지 모양

5가지 옵션이 있다.

1. plastic
?style=plastic&logo=appveyor

2. flat
?style=flat&logo=appveyor

3. flat-square
?style=flat-square&logo=appveyor

4. for-the-badge
?style=for-the-badge&logo=appveyor

5. social
?style=social&logo=appveyor

4. 아이콘 이름

🔗 Simple icons

여기서 아이콘 이름을 복사하면 된다.

띄어쓰기가 포함된 경우 %20 으로 변환해주면 된다.

5. 폰트색

두가지 옵션이 있다.

• black
• white