Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
Tags
- ATMEGA128A
- vivado
- KEYPAD
- D Flip Flop
- behavioral modeling
- Algorithm
- ring counter
- Pspice
- half adder
- FND
- stop watch
- Edge Detector
- hc-sr04
- Linked List
- test bench
- verilog
- dataflow modeling
- i2c 통신
- java
- atmega 128a
- pwm
- soc 설계
- structural modeling
- gpio
- DHT11
- uart 통신
- prescaling
- Recursion
- BASYS3
- LED
Archives
- Today
- Total
거북이처럼 천천히
HTML/CSS - 아이콘 무료 사이트 추천 ( Font awesome ) 본문
앱 및 웹 제작에서 많이 사용되는 요인 중 하나인 아이콘을 무료로 이용할 수 있는 사이트를 추천 드리고자 합니다.
바로 Font awesome (https://fontawesome.com/search?s=solid%2Cbrands) 입니다.
무료 버전과 유로 버전으로 나뉘지만, 무료 버전에서도 다양한 아이콘을 이용할 수 있습니다.
사용 방법)
1. <body> 내에 마지막 부분에 아래 <script> 추가
<script
src="https://kit.fontawesome.com/6478f529f2.js"
crossorigin="anonymous"
></script>
2. Fontawesome 홈페이지에서 아이콘 검색 (5.15.4 버전으로 검색)
3) HTML으로 설정한 뒤, <i> tag로 구성된 code 복사하여 붙어넣기
'Front-end > HTML + CSS' 카테고리의 다른 글
| HTML/CSS - pseudo-class, pseudo-element (0) | 2022.05.18 |
|---|---|
| HTML/CSS - 꿀팁 ( Tips - part 2 ) (0) | 2022.05.15 |
| HTML/CSS - 꿀팁 ( Tips ) (0) | 2022.03.05 |
| HTML/CSS - animation (0) | 2022.03.03 |
| HTML/CSS - action, method (0) | 2022.03.03 |