아이콘 SVG 무료로 다운로드하기

https://tablericons.com/

Tabler Icons

 

필요한 아이콘을 css로 다운받을 수 있는 사이트 

바로 아래에서 원하는 색상을 선택하고 아이콘을 클릭하면

 

이런 svg 코드가 복사된다..

 

<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-accessible" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#00abfb" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  <circle cx="12" cy="12" r="9" />
  <path d="M10 16.5l2 -3l2 3m-2 -3v-2l3 -1m-6 0l3 1" />
  <circle cx="12" cy="7.5" r=".5" fill="currentColor" />
</svg>

 

그대로 갖다붙여서 사용하면 됨 :)

웹사이트 디자인할 때 굉장히 유용할듯!