Language/Html-Css

마크다운 배지 만들기

Jessi :D 2022. 10. 19. 10:25

스킬표시에 많이 사용하는 아이콘 만드는 방법

 

사이트

https://shields.io

 

Shields.io: Quality metadata badges for open source projects

Love Shields? Please consider donating to sustain our activitiesYour BadgeStaticUsing dash "-" separator/badge/ - - Dashes --→- DashUnderscores __→_ Underscore_ or Space  →  SpaceUsing query string parameters/static/v1?label= &message= &color= Colo

shields.io

https://simpleicons.org

 

Simple Icons

2397 Free SVG icons for popular brands

simpleicons.org

 

 

사용방법

<!-- 아이콘 이미지 경로 -->
<img src="https://img.shields.io/badge/html5-E34F26?style=for-the-badge&logo=html5&logoColor=white">

 

<!-- 아이콘 경로 넣는 방법 -->
<img src="https://img.shields.io/badge/[배지이름]-[컬러코드]?style=[스타일]&logo=[로고]&logoColor=[로고컬러]">

 

 

 

컬러예시

 

스타일예시

 

 

 

 

 

사용

.

 

 

반응형