아이콘 만들기

 

 

webpack 가이드 문서를 읽어보던 중 버전 아이콘링크를 보니 아래와 같은 링크를 사용하고 있다.

 

 

<div class="sidebar__shields">
    <a href="https://github.com/webpack/webpack/releases">
        <img alt="webpack shield" src="https://img.shields.io/npm/v/webpack.svg?label=webpack&amp;style=flat-square&amp;maxAge=3600">
    </a>
</div>

 

아이콘의 동적 생성은 아래 사이트를 이용하고 있었다

https://shields.io/

 

 

내부 소스 관리 서버에는 접근하지 못하는 관계로 사내에서 동적 생성은 불가능해 보이지만... 

간단히 아래와 같은 아이콘을 만들어 볼 수 있었다.

 

 

<img src="https://img.shields.io/badge/Log-Directory-blue?style=for-the-badge" />

 

 

 

언젠가 좀 더 유용하게 쓸 데가 있을지도 모르겠다.